/* Estilos del rediseño de Markett — todo queda dentro de #markett-lp-root
   para no afectar el resto del tema ni otras páginas del sitio. */

#markett-lp-root,
#markett-lp-root * {
  box-sizing: border-box;
}
#markett-lp-root a {
  color: inherit;
  text-decoration: none;
}
#markett-lp-root img {
  max-width: 100%;
}
#markett-lp-root .navlink {
  color: #4A453D;
  transition: color .15s ease;
}
#markett-lp-root .navlink:hover {
  color: #1A1714;
}
#markett-lp-root .footlink {
  color: #C9C2B6;
  transition: color .15s ease;
}
#markett-lp-root .footlink:hover {
  color: #FFFFFF;
}
#markett-lp-root .btn-primary {
  transition: filter .15s ease, transform .15s ease;
}
#markett-lp-root .btn-primary:hover {
  filter: brightness(0.92);
  transform: translateY(-1px);
}
#markett-lp-root .btn-outline {
  transition: background .15s ease, border-color .15s ease;
}
#markett-lp-root .btn-outline:hover {
  background: rgba(26,23,20,0.04);
}
#markett-lp-root .btn-outline-light {
  transition: background .15s ease;
}
#markett-lp-root .btn-outline-light:hover {
  background: rgba(255,255,255,0.08);
}
#markett-lp-root .card-hover {
  transition: box-shadow .2s ease, transform .2s ease;
}
#markett-lp-root .card-hover:hover {
  box-shadow: 0 12px 32px rgba(26,23,20,0.10);
  transform: translateY(-3px);
}
#markett-lp-root .plan-card {
  transition: box-shadow .2s ease, transform .2s ease;
}
#markett-lp-root .plan-card:hover {
  box-shadow: 0 16px 40px rgba(26,23,20,0.12);
  transform: translateY(-3px);
}
#markett-lp-root .social-ic {
  transition: background .15s ease, color .15s ease;
}
#markett-lp-root .social-ic:hover {
  background: #2A2521;
  color: #FFFFFF;
}

/* La barra de encabezado propia del diseño (logo + menú ancla) también
   necesita estas mismas reglas, aunque puede vivir fuera de
   #markett-lp-root cuando se muestra junto con el resto del contenido. */
.markett-lp-header a {
  color: inherit;
  text-decoration: none;
}
.markett-lp-header .navlink {
  color: #4A453D;
  transition: color .15s ease;
}
.markett-lp-header .navlink:hover {
  color: #1A1714;
}
.markett-lp-header .btn-primary {
  transition: filter .15s ease, transform .15s ease;
}
.markett-lp-header .btn-primary:hover {
  filter: brightness(0.92);
  transform: translateY(-1px);
}

@media (max-width: 900px) {
  #markett-lp-root .grid-6,
  .markett-lp-header .grid-6 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  #markett-lp-root .grid-4,
  .markett-lp-header .grid-4 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  #markett-lp-root .grid-3,
  .markett-lp-header .grid-3 {
    grid-template-columns: 1fr !important;
  }
  #markett-lp-root .hero-cols,
  .markett-lp-header .hero-cols {
    grid-template-columns: 1fr !important;
  }
  #markett-lp-root .hide-mobile,
  .markett-lp-header .hide-mobile {
    display: none !important;
  }
  #markett-lp-root .footer-cols,
  .markett-lp-header .footer-cols {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}