/*
Theme Name: Mesmerize Child
Theme URI:https://extendthemes.com/go/mesmerize-home/
Author: Carlos Molina
Author URI:https://extendthemes.com/
Description: Basado en Mesmerize
Version: 1.0
Template: mesmerize
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
Tags: entertainment, food-and-drink, portfolio, one-column, two-columns, right-sidebar, grid-layout, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, featured-images, threaded-comments
Text Domain: mesmerize

*/

/*
  DEVELOPMENT ONLY STUFF - remove on production
*/
/*
  INIT
*/

/*end*/

/* Color Iconos */

i.fa.icon.reverse.color1 {
  background-color: #0F222D;
}

/* Color Letra Blog > Recient Posts */

a {
  color: #0F222D;
}

/* ============================================
   TEMA HIJO MESMERIZE - INTAS CORP CUSTOM
   Azul: #0F222D | Blanco Hueso: #EBE7D9
   ============================================ */

/* ============================================
   HEADER Y NAVEGACIÓN MESMERIZE
   ============================================ */

/* Header principal - fondo azul oscuro */
.mesmerize-inner-page .navigation-bar,
.mesmerize-front-page .navigation-bar,
.header-top-bar,
.mesmerize-navigation-bar {
  background-color: #0F222D !important;
  border-bottom: 1px solid rgba(235, 231, 217, 0.2);
}

/* Logo y título del sitio */
.site-title a,
.site-logo a {
  color: #EBE7D9 !important;
}

/* Menú de navegación principal */
.main-menu > li > a,
.main_menu > li > a,
.nav-menu > li > a {
  color: #EBE7D9 !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.main-menu > li > a:hover,
.main_menu > li > a:hover,
.nav-menu > li > a:hover,
.main-menu > li.current-menu-item > a {
  color: #ffffff !important;
  background-color: rgba(235, 231, 217, 0.1);
}

/* Submenús */
.sub-menu,
.dropdown-menu {
  background-color: #0F222D !important;
  border: 1px solid rgba(235, 231, 217, 0.2);
}

.sub-menu li a,
.dropdown-menu li a {
  color: #EBE7D9 !important;
}

.sub-menu li a:hover,
.dropdown-menu li a:hover {
  background-color: rgba(235, 231, 217, 0.15) !important;
  color: #ffffff !important;
}

/* Botón menú móvil */
.menu-mobile-toggle,
.mobile-menu-toggle {
  color: #EBE7D9 !important;
  border-color: #EBE7D9 !important;
}

/* ============================================
   FIX EXTREMO PARA TÍTULOS TRANSPARENTES
   ============================================ */

/* Selector universal para cualquier título en el hero */
.mesmerize-front-page h1,
.mesmerize-front-page h2,
.mesmerize-front-page .header-content h1,
.mesmerize-front-page .header-content h2,
div[class*="header"] h1,
div[class*="header"] h2,
div[class*="hero"] h1,
div[class*="hero"] h2 {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 
    2px 2px 0px rgba(0, 0, 0, 0.3),
    -1px -1px 0px rgba(0, 0, 0, 0.1) !important;
}

/* Eliminar cualquier filtro de opacidad */
.mesmerize-front-page .header-content,
.mesmerize-front-page .hero-content {
  filter: none !important;
  opacity: 1 !important;
}




.mesmerize-front-page .button:hover,
.hero-buttons .button:hover,
.header-buttons .button:hover {
  background-color: #EBE7D9 !important;
  color: #0F222D !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Botón secundario */
.mesmerize-front-page .button.button-secondary,
.hero-buttons .button.secondary {
  background-color: transparent !important;
  color: #EBE7D9 !important;
  border: 2px solid #EBE7D9 !important;
}

.mesmerize-front-page .button.button-secondary:hover,
.hero-buttons .button.secondary:hover {
  background-color: #EBE7D9 !important;
  color: #0F222D !important;
}

/* ============================================
   SECCIONES Y CONTENIDO
   ============================================ */

/* Secciones con fondo claro */
.mesmerize-content-section,
.content-section,
.section-light {
  background-color: #EBE7D9 !important;
}

/* ============================================
   BOTONES COLOR1 Y COLOR2 - TEXTO BLANCO HUESO
   ============================================ */

/* Botón color1 - texto blanco hueso */
a.button.color1,
.button.color1,
.btn.color1,
a.color1 {
  color: #EBE7D9 !important;                    /* Blanco hueso */
  background-color: #0F222D !important;         /* Azul oscuro */
  border: 2px solid #EBE7D9 !important;         /* Borde blanco hueso */
}

a.button.color1:hover,
.button.color1:hover {
  color: #0F222D !important;                    /* Azul oscuro al hover */
  background-color: #EBE7D9 !important;         /* Fondo blanco hueso */
}

/* Botón color2 - texto blanco hueso */
a.button.color2,
.button.color2,
.btn.color2,
a.color2 {
  color: #EBE7D9 !important;
  background-color: #0F222D !important;
  border: 2px solid #EBE7D9 !important;
}

a.button.color2:hover,
.button.color2:hover {
  color: #0F222D !important;
  background-color: #EBE7D9 !important;
}

/* Si Mesmerize aplica color mediante span interno */
.button span,
.color1 span,
.color2 span {
  color: #EBE7D9 !important;
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.mesmerize-dark-section h1,
.mesmerize-dark-section h2,
.mesmerize-dark-section h3 {
  color: #EBE7D9 !important;
  border-bottom: 2px solid rgba(235, 231, 217, 0.3);
  padding-bottom: 15px;
}

/* Cards de servicios (Mesmerize feature cards) */
.mesmerize-feature-card,
.feature-card,
.info-box,
.service-card {
  background-color: #EBE7D9 !important;
  border-left: 4px solid #0F222D !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: 0 2px 10px rgba(15, 34, 45, 0.1) !important;
  padding: 30px;
  transition: all 0.3s ease;
}

.mesmerize-feature-card:hover,
.feature-card:hover {
  transform: translateX(5px);
  box-shadow: 0 4px 20px rgba(15, 34, 45, 0.15) !important;
}

.mesmerize-feature-card h3,
.feature-card h3,
.info-box h3 {
  color: #0F222D !important;
}

.mesmerize-feature-card p,
.feature-card p {
  color: #1a3a4a !important;
}

/* Iconos en cards */
.mesmerize-feature-card i,
.feature-card i,
.card-icon {
  color: #0F222D !important;
}

/* ============================================
   TIPOGRAFÍA GENERAL
   ============================================ */

/* Títulos en contenido claro */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.mesmerize-inner-page h1,
.mesmerize-inner-page h2,
.page-content h1,
.page-content h2 {
  color: #0F222D !important;
}

/* Párrafos */
.entry-content p,
.page-content p,
.mesmerize-content-section p {
  color: #1a3a4a;
}

/* Enlaces en contenido */
.entry-content a,
.page-content a,
.mesmerize-content-section a {
  color: #0F222D !important;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}

.entry-content a:hover,
.page-content a:hover {
  color: #1a3a4a !important;
  border-bottom-color: #0F222D;
}

/* Enlaces en secciones oscuras */
.section-dark a,
.mesmerize-dark-section a {
  color: #EBE7D9 !important;
  border-bottom: 1px solid rgba(235, 231, 217, 0.5);
}

.section-dark a:hover,
.mesmerize-dark-section a:hover {
  color: #ffffff !important;
  border-bottom-color: #EBE7D9;
}

/* ============================================
   BOTONES GENERALES
   ============================================ */

/* Botón primario global */
button,
.button,
.btn,
.wp-block-button__link,
input[type="submit"] {
  background-color: #0F222D !important;
  color: #EBE7D9 !important;
  border: 2px solid #0F222D !important;
  border-radius: 6px !important;
  padding: 12px 28px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

button:hover,
.button:hover,
.btn:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
  background-color: transparent !important;
  color: #0F222D !important;
}

/* Botón outline */
.button-outline,
.btn-outline,
.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: #0F222D !important;
  border: 2px solid #0F222D !important;
}

.button-outline:hover,
.btn-outline:hover {
  background-color: #0F222D !important;
  color: #EBE7D9 !important;
}

/* ============================================
   EQUIPO (TEAM SECTION)
   ============================================ */

.team-member-card,
.mesmerize-team-member,
.team-item {
  background-color: #ffffff !important;
  border-bottom: 3px solid #0F222D !important;
  box-shadow: 0 2px 8px rgba(15, 34, 45, 0.1) !important;
  text-align: center;
  padding: 20px;
}

.team-member-card h4,
.mesmerize-team-member h4,
.team-item h4 {
  color: #0F222D !important;
  margin-top: 15px;
}

.team-member-card .job-title,
.team-item .position {
  color: #1a3a4a !important;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ============================================
   FORMULARIOS Y CONTACTO
   ============================================ */

.mesmerize-contact-section,
.contact-section {
  background-color: #EBE7D9 !important;
  padding: 60px 40px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select,
.wpcf7-form input,
.wpcf7-form textarea {
  border: 2px solid #d4d0c3 !important;
  background-color: #ffffff !important;
  color: #0F222D !important;
  padding: 12px;
  border-radius: 4px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: #0F222D !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(15, 34, 45, 0.1);
}

/* Labels de formulario */
label,
.wpcf7-form label {
  color: #0F222D !important;
  font-weight: 600;
}

/* ============================================
   FOOTER MESMERIZE
   ============================================ */

.mesmerize-footer,
.site-footer,
.footer {
  background-color: #0a1922 !important;
  color: #EBE7D9 !important;
  border-top: 4px solid #EBE7D9;
}

.mesmerize-footer h1,
.mesmerize-footer h2,
.mesmerize-footer h3,
.mesmerize-footer h4,
.site-footer h3,
.site-footer h4 {
  color: #EBE7D9 !important;
  border-bottom: 1px solid rgba(235, 231, 217, 0.3);
  padding-bottom: 10px;
}

.mesmerize-footer a,
.site-footer a,
.footer a {
  color: #d4d0c3 !important;
  transition: color 0.3s ease;
}

.mesmerize-footer a:hover,
.site-footer a:hover {
  color: #EBE7D9 !important;
}

.mesmerize-footer p,
.site-footer p,
.footer p {
  color: rgba(235, 231, 217, 0.8) !important;
}

/* Widgets del footer */
.footer-widget-area .widget,
.mesmerize-footer .widget {
  background-color: transparent !important;
}

/* ============================================
   BLOG Y ENTRADAS
   ============================================ */

.post-item,
.blog-post,
.mesmerize-blog-item {
  background-color: #EBE7D9 !important;
  border-radius: 8px;
  overflow: hidden;
}

.post-item h2 a,
.blog-post h2 a {
  color: #0F222D !important;
}

.post-item h2 a:hover {
  color: #1a3a4a !important;
}

.post-meta,
.entry-meta {
  color: #1a3a4a !important;
}

.post-meta a,
.entry-meta a {
  color: #0F222D !important;
}

/* ============================================
   UTILIDADES Y HELPERS
   ============================================ */

.bg-intas-blue {
  background-color: #0F222D !important;
}

.bg-intas-cream {
  background-color: #EBE7D9 !important;
}

.text-intas-blue {
  color: #0F222D !important;
}

.text-intas-cream {
  color: #EBE7D9 !important;
}

.border-intas-blue {
  border-color: #0F222D !important;
}

.border-intas-cream {
  border-color: #EBE7D9 !important;
}

/* ============================================
   CORRECCIONES ESPECÍFICAS MESMERIZE
   ============================================ */

/* Asegurar que los colores primarios del tema sean sobreescritos */
body {
  color: #1a3a4a;
}

/* Corrección para secciones con imagen de fondo */
.mesmerize-front-page .content,
.mesmerize-front-page .overlay {
  background-color: transparent;
}

/* Divider/separadores */
.divider,
.separator {
  border-color: #0F222D !important;
}

.section-dark .divider,
.mesmerize-dark-section .divider {
  border-color: #EBE7D9 !important;
}