/*
Theme Name: Madake
Theme URI: https://madake.com.mx
Author: Madake
Author URI: https://madake.com.mx
Description: Child theme personalizado de GeneratePress.
Template: generatepress
Version: 1.0
Text Domain: madake
*/

.main-navigation, .main-navigation ul ul {
    background-color: transparent;
}
.main-navigation .main-nav ul li a {
    border-radius: 25px; margin-left: 10px;
}
.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li.current-menu-item a {
    background: #45b4ae;
    border-radius: 25px;
}

#masthead {
  position: sticky;
  top: 0;
  z-index: 999;
  opacity: 1;
  transition: background 0.25s ease;
}
#masthead.is-scrolled {
  background: #0c0b0b !important;
}
/* Si hay barra de admin (sesión iniciada), ajusta el offset */
body.admin-bar #masthead {
  top: 32px; /* desktop */
}

/* En móviles WP usa 46px de alto para la admin bar */
@media (max-width: 782px) {
  body.admin-bar #masthead {
    top: 0px;
  }
}

/* INICIO Eliminar contenedor interno */

/* Quitar padding del contenedor de contenido (desktop y móvil) */
.one-container #content.site-content {
  padding: 0 !important;
}

/* (Opcional) si no quieres el título nativo arriba del diseño */
.page .entry-header {
  display: none; 
}
/* FIN Eliminar contenedor interno */

/* Quitar espacio top en contenido */
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0;
}
/* Fin Quitar espacio top en contenido */

/* Desactivar scroll lento */
html {
  scroll-behavior: auto !important;
}

/* MENU */
li.boton.menu-item {background: #45b4ae;border-radius: 25px;margin-left: 15px;}
li.boton.menu-item:hover a {
    color: #fff !important;
}
/* Mantener el layout original (full-width) para TODO el sitio.
   Los ajustes de blog se aplican sólo en .single-post más abajo. */
.site.grid-container, #masthead {max-width: 100%;}

/* Iconos footer */
.social-icons {
display: flex;
justify-content: center;
align-items: center;
gap: 35px; /* espacio entre íconos */
padding: 0 20px 0 20px;
}
.social-icons img {
width: 50px;
height: 50px;
transition: transform 0.3s ease, filter 0.3s ease;
}
.social-icons img:hover {transform: scale(1.1);}
.site-footer .footer-widgets-container .inside-footer-widgets, .site-footer .footer-widgets-container .inside-footer-widgets .widget {
    text-align: center;
}

/* Madake steps */
.madake-step .madake-step__inner{
	align-items: center;
  text-align: center;
}

.borde-redondo {
    border-radius: 28px;
}

/* Quita los bordes que pone GeneratePress en la tabla de Elementor */
.madake-etable table,
.madake-etable th,
.madake-etable td {
  border: none !important;
}

.madake-etable.has-divider tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

/*.borde-redondo {
    border-radius: 35px !important;
}*/

.site-footer {
    margin-top: 2%;
}

/* Contenedor tipo "card" FORMULARIO DE CONTACTO */
.madake-contact-card {
  max-width: 480px;            /* ajusta según tu diseño/columna */
  margin: 0 auto;
  background: #ffffff;
  border-radius: 40px;
  padding: 32px 32px 14px;
  box-shadow: 0 18px 48px rgba(0,0,0,.45);
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Etiquetas (Full name, Work email, etc.) */
.madake-contact-card label {
  display: block;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 6px;
  color: #111111;
}

/* Envoltorio interno de CF7 */
.madake-contact-card .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 18px;
}

/* Campos de texto, email, select, textarea */
.madake-contact-card .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: #f1f1f1;
  padding: 5px 16px;
  font-size: 16px;
  border-radius: 0;
  max-height: 135px;
}

/* Textarea un poco más alto */
.madake-contact-card textarea.wpcf7-form-control {
  min-height: 100px;
  resize: vertical;
}

/* Botón contenedor (para separar del resto) */
.madake-contact-submit {
  margin-top: 10px;
}

/* Botón "Talk to Madake" */
.madake-contact-card .wpcf7-submit {
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 18px 24px;
  background: #00c6c0;        /* turquesa */
  color: #ffffff;
  font-weight: 800;
  font-size: 30px;
  cursor: pointer;
  text-align: center;
  text-transform: none;
  box-shadow: 0 14px 32px rgba(0,0,0,.35);
  transition:
    background .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

/* Hover del botón */
.madake-contact-card .wpcf7-submit:hover {
  background: #00a89f;
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

/* Mensajes de error / respuesta de CF7, opcional */
.madake-contact-card .wpcf7-response-output {
  margin-top: 16px;
  border-radius: 12px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #dc3232;color: #fff;
}

/* La sección superior que “derramará” su fondo hacia abajo */
#world-hero{
  position: relative;
  z-index: 0; /* por si hay overlays */
}

/* Asegura que la sección de abajo quede por encima del flujo normal */
#world-hero + .elementor-section{
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* Ajustes móviles */
@media (min-width: 768px){
  /* Pseudo-elemento que extiende el fondo hacia la siguiente sección */
  #world-hero::after{
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 5vh;          /* cuánto se mete en la sección de abajo */
    height: 100vh;           /* alto del tramo extendido */
    /*background: url('/wp-content/uploads/2025/11/MADAKE-WEB-fondo-technology.png') left / cover no-repeat;*/
    background: url('/wp-content/uploads/2025/11/MADAKE-WEB-fondo-technology.png');
    /*background-position: center left !important;*/
    background-position: 25% 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
  }
}

/* Ajustes móviles */
@media (max-width: 767px){
  /* Pseudo-elemento que extiende el fondo hacia la siguiente sección */
  #world-hero::before{
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 5vh;          /* cuánto se mete en la sección de abajo */
    height: 100vh;           /* alto del tramo extendido */
    /*background: url('/wp-content/uploads/2025/11/MADAKE-WEB-fondo-technology.png') left / cover no-repeat;*/
    background: url('/wp-content/uploads/2025/11/MADAKE-WEB-fondo-technology.png');
    /*background-position: center left !important;*/
    background-position: 25% 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
  }
  #world-hero::before{
    bottom: -25vh;
    height: 55vh;
    background-position: center top;
  }
}

/* Acordeon con elementor */
/*.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    color: #000 !important;
}
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg {
    fill: #000 !important;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg {
    fill: #000 !important;
}*/
.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg {
    fill: #a0a0a0 !important;
    transition:all 0.5s;
}
ul.sub-menu {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(14px) !important;
}

@media (min-width: 769px) and (max-width: 1246px) {
.nav-float-right #site-navigation {margin-left: 25px;}
}

@media (max-width: 768px) {
.main-navigation.toggled .main-nav li {text-align: center;}
.menu-toggle {padding: 0 10px;}
}

/* =============================
   Blog (Single Post) – estilo base
   Estructura: Título > Excerpt > Imagen destacada > Contenido
   ============================= */
.single-post .inside-article{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0px 28px;
}
@media (max-width: 768px){
  .single-post .inside-article{ padding: 56px 18px; }
}

.single-post .entry-header{ margin-bottom: 18px; }

.single-post .entry-title{
  margin: 0 0 12px;
  line-height: 1.05;
}

.madake-post-excerpt{
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 22px;
  opacity: .85;
  max-width: 70ch;
}

.madake-post-featured-image{
  margin: 0 0 28px;
}
.madake-post-featured-image img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px;
}

/* Tipografía y espaciado del contenido */
.single-post .entry-content{
  font-size: 18px;
  line-height: 1.8;
}
.single-post .entry-content p{
  margin: 0 0 18px;
}
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4{
  margin: 15px 0 15px;
  line-height: 1.15;
}
.single-post .entry-content ul,
.single-post .entry-content ol{
  margin: 0 0 18px 22px;
}
.single-post .entry-content li{ margin: 0 0 10px; }

/* Comentarios un poco más limpios */
.single-post .comments-area{ margin-top: 48px; }

body .madake-blog-hero__title {
    font-size: clamp(34px, 4.2vw, 64px) !important;
    font-weight: 800 !important;
    line-height: 70px !important;
}

.madake-blog-hero__excerpt p {font-size: 24px;margin-top: 30px;}

/* Esconder articulos anteriores y siguientes en los blogs */
footer.entry-meta {
    display: none !important;
}

body.archive .site-main {
    max-width: 1400px;
    margin: 0 auto;
}

.nav-links {
    text-align: center;
}
body.archive header.entry-header h2.entry-title {
    font-size: 25px;
    line-height: 33px;
}
a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover {color:#c0c0c0}

.madake-post-featured-image {
    margin: 0 auto 50px auto;
    max-width: 1000px;
}