/*
Theme Name: Nafta2025
Theme URI: https://naftagt.com/
Author: Mynor René
Author URI: https://naftagt.com/
Description: WordPress para Nafta.
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: basic, minimal
Text Domain: nafta2025
*/

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap');
@import url('css/hero-section.css');
@import url('css/nafta-opportunities.css');
@import url('css/contacto.css');
@import url('css/nosotros.css');
@import url('css/footer.css');
@import url('css/estrategias-digitales.css');
@import url('css/presentacion-principal.css');
@import url('css/marcas-confian.css');
@import url('css/category.css');

/* Add your CSS rules here */
body {
    font-family: 'Prompt', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin: 0;
    padding: 0;
    background-color: black;
    color: white; 
    line-height: 1.6;
    overflow-x: hidden;
}

.container {
    width: 90%; /* Slightly wider for modern look */
    max-width: 1140px; /* Max width for larger screens */
    margin: auto;
    overflow: hidden;
    padding: 20px;
    background-color: transparent;
    box-shadow: none;
}

header {
    background: #000000; /* Black background for header */
    color: #FFFFFF; /* White text for header */
    padding: 30px 0; /* Duplicado el padding vertical */
    text-align: left; /* Align text to the left within the container */
    border-bottom: 1px solid #333; /* Subtle border */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Subtle shadow for a lifted feel */
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent; /* Ensure container in header doesn't have its own background */
    box-shadow: none; /* Remove shadow from container within header */
    padding-top: 0;
    padding-bottom: 0;
}

header h1 {
    margin: 0;
    padding: 0;
    font-size: 1.8em; /* Slightly larger site title */
}

header h1 a {
    color: #FFFFFF; /* White color for site title link */
    text-decoration: none;
    font-weight: 600; /* Bolder site title */
}

header h1 a:hover {
    color: #f8f9fa; /* Light gray color on hover */
}

nav ul {
    padding: 0;
    list-style: none;
    text-align: right; /* Align nav to the right */
    margin: 0; /* Remove default margin */
}

nav ul li {
    display: inline-block; /* Use inline-block for better spacing control */
    margin-right: 0;
}

nav ul li:first-child {
    margin-left: 0;
}

nav a {
    color: #FFFFFF; /* White color for nav links */
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 600; /* Medium weight for nav links */
    padding: 5px 0; /* Minimal padding, can be adjusted */
    transition: color 0.2s ease-in-out;
}

nav a:hover,
nav .current-menu-item > a,
nav .current_page_item > a {
    color: #FFFFFF; /* Keep white color for hover and current item */
    border-bottom: 2px solid #FFFFFF; /* White underline effect for active/hover */
}

/* === Footer styles moved to css/footer.css === */

/* === EstrategiasDigitales styles moved to css/estrategias-digitales.css === */

/* === Header Black & White === */
.header-fullwidth {
  background: #000 !important;
  color: #fff !important;
  border-bottom: 1px solid #333 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
  padding: 30px 0 !important; /* Duplicado el padding vertical */
  min-height: 80px !important; /* Asegura una altura mínima más grande */
}
.header-fullwidth .site-title a,
.header-fullwidth .site-description {
  color: #fff !important;
}
.header-fullwidth nav a {
  color: #fff !important;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}
.header-fullwidth nav a:hover,
.header-fullwidth nav .current-menu-item > a,
.header-fullwidth nav .current_page_item > a {
  color: #fff !important;
  border-bottom: 2px solid #fff !important;
}

#primary {
  width: 100%;
  display: flex;
  justify-content: center;
}

.site-main.container {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-radius: 24px;
  box-shadow: 0 0 15px rgba(0,0,0,0.04);
}

/* Asegura que el sidebar y footer también estén contenidos */
#secondary, .site-info-custom, .footer-custom > .container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/* --- PresentacionPrincipal styles moved to css/presentacion-principal.css --- */

h2 {
  font-size: 4.5rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -1px;
  color: #fff !important;
}

@media (max-width: 767px) {
  h2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 600px) {
  .ED-grid {
    gap: 12px !important;
    padding: 0 !important;
  }
  .ED-cards-col {
    gap: 12px !important;
    padding: 0 4vw !important;
  }
  .ED-link {
    width: 100% !important;
    max-width: 340px;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
  }

  h2 {
    font-size: 1.4rem !important;
  }
  .ED-header h2 {
    font-size: 1.4rem !important;
  }
}

/* === Single Post Page Styles === */
#single-post .nosotros-title {
  font-size: 4rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin-bottom: 1rem !important;
  text-shadow: 0 2px 8px rgba(21,54,242,0.2) !important;
}

@media (max-width: 767px) {
  #single-post .nosotros-title {
    font-size: 2.4rem !important;
  }
}

@media (max-width: 480px) {
  #single-post .nosotros-title {
    font-size: 2rem !important;
  }
}