/*
 * Zona Medio-Oeste — Modern Editorial Theme
 * Visual direction: cinematic imagery, quiet glass surfaces, generous spacing,
 * rounded navigation and a contemporary grotesk type system.
 * This file is intentionally presentational: no layout hooks used by JS are changed.
 */

:root{
  --zona-theme-navy:#07172b;
  --zona-theme-navy-soft:#102943;
  --zona-theme-gold:#c9a24a;
  --zona-theme-gold-light:#f2d891;
  --zona-theme-ink:#111820;
  --zona-theme-muted:#65707d;
  --zona-theme-paper:#f5f4f0;
  --zona-theme-white:#ffffff;
  --zona-theme-line:rgba(7,23,43,.13);
  --zona-theme-radius:28px;
  --zona-theme-radius-sm:18px;
  --zona-theme-shadow:0 24px 70px rgba(7,23,43,.11);
  --zona-theme-font:-apple-system,system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
}

html{
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}

body,
button,
input,
select,
textarea{
  font-family:var(--zona-theme-font) !important;
}

h1,h2,h3,h4,h5,h6,
.logo-text,
.zona-mobile-menu-title{
  font-family:var(--zona-theme-font) !important;
  text-wrap:balance;
}

p,li,dd,dt,small,label{
  text-wrap:pretty;
}

button,
a,
input,
select,
textarea{
  -webkit-tap-highlight-color:transparent;
}

:focus-visible{
  outline:3px solid rgba(201,162,74,.62) !important;
  outline-offset:3px !important;
}

/* Public website header */
.topstrip{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 24px !important;
  background:var(--zona-theme-navy) !important;
  color:rgba(255,255,255,.78) !important;
  font-family:var(--zona-theme-font) !important;
  font-size:.72rem !important;
  font-weight:650;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.header{
  background:rgba(255,255,255,.90) !important;
  border-bottom:1px solid rgba(7,23,43,.08) !important;
  box-shadow:0 12px 36px rgba(7,23,43,.07) !important;
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}

.header .navbar{
  width:min(1380px,94vw) !important;
}

.header .logo-text{
  color:var(--zona-theme-ink) !important;
  font-size:1.02rem;
  font-weight:720 !important;
  letter-spacing:-.025em;
}

.header .logo-text span{
  color:#987421 !important;
  font-size:.66rem !important;
  font-weight:750;
  letter-spacing:.16em !important;
}

.nav>a,
.dropbtn{
  border:1px solid transparent !important;
  border-radius:999px !important;
  padding:11px 15px !important;
  color:#1b2632 !important;
  font-family:var(--zona-theme-font) !important;
  font-size:.79rem !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}

.nav>a:hover,
.nav>a:focus-visible,
.drop:hover .dropbtn{
  background:rgba(7,23,43,.055) !important;
  border-color:rgba(7,23,43,.08) !important;
  color:#8c6918 !important;
}

.nav .portal-obrero-link{
  border-color:rgba(7,23,43,.16) !important;
  padding-inline:18px !important;
}

.dropdown{
  min-width:250px !important;
  padding:10px !important;
  border:1px solid rgba(7,23,43,.10) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 24px 70px rgba(7,23,43,.16) !important;
  backdrop-filter:blur(18px);
  overflow:hidden;
}

.dropdown a{
  border-radius:12px;
  font-family:var(--zona-theme-font) !important;
  font-weight:600;
}

.mobile-toggle,
#zonaMobileMenuButton{
  border-radius:999px !important;
}

/* Cinematic public presentation */
.hero,
.page-hero{
  font-family:var(--zona-theme-font) !important;
}

.hero h1,
.page-hero h1,
.banner h2{
  font-weight:540 !important;
  letter-spacing:-.055em !important;
  line-height:.94 !important;
}

.hero p,
.hero .verse{
  font-family:var(--zona-theme-font) !important;
  font-weight:450;
}

.page-hero{
  min-height:400px;
  display:grid;
  place-items:center;
  padding:clamp(90px,12vw,160px) 0 !important;
  border-radius:0 0 42px 42px;
  overflow:hidden;
}

.section{
  padding:clamp(76px,8vw,126px) 0 !important;
}

.section.alt{
  background:var(--zona-theme-paper) !important;
}

.section h2{
  color:var(--zona-theme-ink) !important;
  font-size:clamp(2.2rem,4.6vw,4.6rem) !important;
  font-weight:560 !important;
  letter-spacing:-.055em;
  line-height:.98;
}

.section h3{
  font-weight:650;
  letter-spacing:-.025em;
}

.section p{
  color:var(--zona-theme-muted);
  font-family:var(--zona-theme-font) !important;
  line-height:1.72;
}

.cards,
.faith-full-grid,
.video-grid{
  gap:clamp(16px,2vw,28px) !important;
}

.card,
.faith-card,
.video-card,
.contact-card,
.logo-panel{
  border:1px solid var(--zona-theme-line) !important;
  border-radius:var(--zona-theme-radius) !important;
  box-shadow:var(--zona-theme-shadow) !important;
}

.card,
.faith-card,
.contact-card,
.logo-panel{
  padding:clamp(24px,3vw,38px) !important;
}

.card .icon,
.faith-number{
  border-radius:16px !important;
}

.btn{
  min-height:50px;
  padding:13px 22px !important;
  border-radius:999px !important;
  font-family:var(--zona-theme-font) !important;
  font-size:.78rem !important;
  font-weight:750 !important;
  letter-spacing:.055em;
  box-shadow:none;
}

.btn.gold{
  background:var(--zona-theme-gold-light) !important;
  color:#17130b !important;
}

.btn.dark{
  background:var(--zona-theme-navy) !important;
}

.btn.white{
  border-color:rgba(7,23,43,.14) !important;
}

.form input,
.form select,
.form textarea,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea{
  border-radius:14px !important;
  font-family:var(--zona-theme-font) !important;
}

.ti-video-window,
.welcome-carousel{
  border-radius:var(--zona-theme-radius) !important;
}

.footer{
  padding-top:clamp(70px,8vw,110px) !important;
  background:var(--zona-theme-navy) !important;
  font-family:var(--zona-theme-font) !important;
}

.footer h4{
  font-family:var(--zona-theme-font) !important;
  font-size:.72rem !important;
  font-weight:750;
  letter-spacing:.14em;
}

.footer-social-links a{
  border-radius:999px !important;
  font-family:var(--zona-theme-font) !important;
}

/* Portal-wide refinement; visual only, keeps all behavior hooks intact. */
.portal-body,
body[data-page^="portal-obrero"],
.analytics-body{
  font-family:var(--zona-theme-font) !important;
}

.login-card{
  border-radius:32px !important;
  box-shadow:0 36px 100px rgba(0,0,0,.34) !important;
}

.login-card h1{
  font-family:var(--zona-theme-font) !important;
  font-weight:560 !important;
  letter-spacing:-.045em;
}

body[data-page^="portal-obrero"] :is(button,input,select,textarea,a),
.analytics-body :is(button,input,select,textarea,a){
  font-family:var(--zona-theme-font) !important;
}

body[data-page^="portal-obrero"] :is(h1,h2,h3,h4,h5,h6,p),
.analytics-body :is(h1,h2,h3,h4,h5,h6,p){
  font-family:var(--zona-theme-font) !important;
}

body[data-page="portal-obrero"] .pod-card{
  border-radius:32px !important;
}

body[data-page="portal-obrero"] .pod-card h1{
  font-family:var(--zona-theme-font) !important;
  font-weight:600 !important;
  letter-spacing:-.045em !important;
}

body[data-page="portal-obrero"] #portal-obrero-mobile-rewrite .pomr-inner h1,
body[data-page="portal-obrero"] .pomr-overlay .pomr-inner h1,
body[data-page="portal-obrero"] .pomr-inner h1{
  font-family:var(--zona-theme-font) !important;
  font-weight:600 !important;
  letter-spacing:-.045em !important;
}

body[data-page="portal-obrero"] .pomr-inner :is(p,button,input,a,small,strong){
  font-family:var(--zona-theme-font) !important;
}

body[data-page="portal-obrero"] .pod-card p{
  font-family:var(--zona-theme-font) !important;
}

body[data-page="portal-obrero"] .pod-form input,
body[data-page="portal-obrero"] .pod-submit,
body[data-page="portal-obrero"] .pod-action-btn{
  border-radius:14px !important;
  font-family:var(--zona-theme-font) !important;
}

body[data-page="portal-obrero-dashboard"] .obrero-app-card,
body[data-page="portal-obrero-dashboard"] .obrero-directory-card,
body[data-page="portal-obrero-dashboard"] .obrero-profile-card,
body[data-page="portal-obrero-dashboard"] .obrero-chat-panel{
  border-radius:24px !important;
}

body[data-page="portal-obrero-dashboard"] .obrero-directory-identity strong{
  font-family:var(--zona-theme-font) !important;
  letter-spacing:-.02em;
}

.analytics-body :is(.analytics-card,.analytics-panel,.analytics-hero),
body[data-page="portal-obrero-library"] :is(.library-card,.library-panel){
  border-radius:26px !important;
}

/* Preserve the dedicated Cabañas palette while unifying its typography. */
body.cabanas-page,
body[data-page="portal-obrero-cabanas"]{
  font-family:var(--zona-theme-font) !important;
}

@media (min-width:901px){
  .header .navbar{
    min-height:96px !important;
    padding:18px 0 !important;
  }

  .hero.zona-wide-image-hero .inner{
    border-radius:32px !important;
    backdrop-filter:blur(18px) saturate(125%) !important;
  }
}

@media (max-width:900px){
  .topstrip{
    min-height:42px;
    font-size:.62rem !important;
    letter-spacing:.08em;
  }

  .header .navbar{
    padding:12px 0 !important;
  }

  .page-hero{
    min-height:300px;
    border-radius:0 0 28px 28px;
  }

  .section{
    padding:70px 0 !important;
  }

  .section h2{
    font-size:clamp(2rem,11vw,3.4rem) !important;
  }

  .card,
  .faith-card,
  .contact-card,
  .logo-panel{
    border-radius:22px !important;
  }

  #zonaMobileMenuPanel{
    font-family:var(--zona-theme-font) !important;
    border-radius:28px 0 0 28px;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* Homepage hero — faithful to the supplied cinematic reference. */
body.zona-theme-home{
  background:#fff;
}

body.zona-theme-home .topstrip{
  position:absolute !important;
  inset:0 0 auto 0;
  z-index:80;
  background:rgba(7,23,43,.52) !important;
  border-bottom:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}

body.zona-theme-home .header{
  position:absolute !important;
  top:36px !important;
  left:0;
  right:0;
  z-index:79;
  background:linear-gradient(180deg,rgba(4,12,22,.50),transparent) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none;
}

body.zona-theme-home .header .navbar .logo .logo-text,
body.zona-theme-home .header .navbar .nav>a,
body.zona-theme-home .header .navbar .nav .drop>.dropbtn{
  color:#fff !important;
  text-transform:none !important;
}

body.zona-theme-home .header .navbar .logo .logo-text span{
  color:rgba(255,255,255,.70) !important;
}

body.zona-theme-home .nav>a:hover,
body.zona-theme-home .drop:hover .dropbtn{
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.20) !important;
}

body.zona-theme-home .nav .portal-obrero-link{
  border-color:rgba(255,255,255,.42) !important;
}

body.zona-theme-home .hero.zona-wide-image-hero{
  width:100% !important;
  min-height:100svh !important;
  height:max(720px,100svh) !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  background:#07172b !important;
  overflow:hidden !important;
}

body.zona-theme-home .zona-theme-hero-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

body.zona-theme-home .zona-theme-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(4,12,22,.36) 0%,rgba(4,12,22,.06) 35%,rgba(4,12,22,.68) 100%),
    linear-gradient(90deg,rgba(4,12,22,.54) 0%,rgba(4,12,22,.12) 62%,rgba(4,12,22,.24) 100%);
  pointer-events:none;
}

body.zona-theme-home .hero.zona-wide-image-hero .inner{
  position:relative !important;
  inset:auto !important;
  z-index:2 !important;
  width:min(1380px,94vw) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 0 clamp(56px,8vh,100px) !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  text-align:left !important;
  transform:none !important;
}

body.zona-theme-home .hero.zona-wide-image-hero .inner>img{
  width:112px !important;
  margin:0 0 22px !important;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.30));
}

body.zona-theme-home .hero.zona-wide-image-hero h1{
  max-width:760px;
  margin:0 0 22px !important;
  color:#fff !important;
  font-size:clamp(3.25rem,4.7vw,60px) !important;
  font-weight:600 !important;
  line-height:1.10 !important;
  letter-spacing:-.025em !important;
  text-align:left !important;
  text-shadow:0 8px 32px rgba(0,0,0,.28) !important;
}

body.zona-theme-home .hero.zona-wide-image-hero h1::after{
  display:none !important;
}

body.zona-theme-home .hero.zona-wide-image-hero p{
  max-width:670px !important;
  margin:0 0 14px !important;
  color:rgba(255,255,255,.90) !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:2 !important;
  text-align:left !important;
}

body.zona-theme-home .hero.zona-wide-image-hero .verse{
  max-width:670px !important;
  margin:0 0 20px !important;
  color:rgba(255,255,255,.78) !important;
  font-family:var(--zona-theme-font) !important;
  font-size:13px !important;
  font-style:normal !important;
  line-height:1.75 !important;
  text-align:left !important;
}

body.zona-theme-home .hero.zona-wide-image-hero .btn{
  min-width:168px;
  margin:7px 8px 0 0 !important;
  border:1px solid rgba(255,255,255,.55) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  backdrop-filter:blur(12px);
}

body.zona-theme-home .hero.zona-wide-image-hero .btn:hover{
  background:#fff !important;
  color:#111820 !important;
}

body.zona-theme-home .hero + .section .two{
  grid-template-columns:1fr !important;
  max-width:920px;
  margin-inline:auto;
}

body.zona-theme-home .hero + .section .ti-video-window{
  display:none !important;
}

@media(max-width:900px){
  body.zona-theme-home .header{
    top:42px !important;
    min-height:104px;
    background:linear-gradient(180deg,rgba(4,12,22,.58),transparent) !important;
  }

  body.zona-theme-home .header .logo-text,
  body.zona-theme-home .header .logo-text span{
    color:#fff !important;
  }

  body.zona-theme-home .mobile-hide-duplicate-welcome{
    display:flex !important;
  }

  body.zona-theme-home .hero.zona-wide-image-hero{
    height:100svh !important;
    min-height:680px !important;
    aspect-ratio:auto !important;
    background:#07172b !important;
  }

  body.zona-theme-home .hero.zona-wide-image-hero .inner{
    display:block !important;
    width:calc(100% - 40px) !important;
    max-width:620px !important;
    margin:0 auto !important;
    padding:0 0 42px !important;
  }

  body.zona-theme-home .hero.zona-wide-image-hero .inner>img{
    display:block !important;
    width:82px !important;
    margin-bottom:16px !important;
  }

  body.zona-theme-home .hero.zona-wide-image-hero h1{
    font-size:clamp(2.8rem,13vw,4.25rem) !important;
    line-height:1.02 !important;
  }

  body.zona-theme-home .hero.zona-wide-image-hero p{
    font-size:14px !important;
    line-height:1.75 !important;
  }

  body.zona-theme-home .hero.zona-wide-image-hero .verse{
    font-size:12px !important;
  }

  body.zona-theme-home .hero.zona-wide-image-hero .btn{
    width:auto !important;
    min-width:0 !important;
    padding-inline:18px !important;
  }
}

/* Surface-aware typography — kept last so contrast follows the background. */
body{
  font-size:16px;
  font-weight:400;
  line-height:1.5;
}

body :is(h1,h2,h3,h4,h5,h6,p,a,button,label,input,select,textarea,small,strong,span){
  font-family:var(--zona-theme-font) !important;
}

/* Light surfaces: ink headings and comfortably muted supporting copy. */
body:not(.portal-body):not(.analytics-body):not([data-page^="portal-obrero"]) :is(
  .section:not(.prayer),
  .section.alt,
  .card,
  .faith-card,
  .contact-card,
  .logo-panel,
  .dropdown
) :is(h1,h2,h3,h4,h5,h6){
  color:var(--zona-theme-ink) !important;
}

body:not(.portal-body):not(.analytics-body):not([data-page^="portal-obrero"]) :is(
  .section:not(.prayer),
  .section.alt,
  .card,
  .faith-card,
  .contact-card,
  .logo-panel,
  .dropdown
) :is(p,li,small,label){
  color:var(--zona-theme-muted) !important;
}

/* Dark and photographic surfaces: white headings and soft-white copy. */
:is(.page-hero,.banner,.prayer,.footer) :is(h1,h2,h3,h4,h5,h6),
body.zona-theme-home .hero :is(h1,h2,h3,h4,h5,h6){
  color:#fff !important;
}

:is(.page-hero,.banner,.prayer,.footer) :is(p,li,small,label),
body.zona-theme-home .hero :is(p,li,small,label){
  color:rgba(255,255,255,.82) !important;
}

:is(.page-hero,.banner,.prayer,.footer) a:not(.btn){
  color:rgba(255,255,255,.90) !important;
}

/* Controls remain readable on their own surfaces. */
.btn.gold{color:#17130b !important}
.btn.dark{color:#fff !important}
.btn.white{background:#fff !important;color:var(--zona-theme-ink) !important}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea{
  color:var(--zona-theme-ink);
}

input::placeholder,
textarea::placeholder{
  color:#717b86;
  opacity:1;
}

/* Match the reference site's restrained capitalization and measured nav type. */
.header .nav>a,
.header .dropbtn,
.header .dropdown a,
.btn,
.zona-contact-submit{
  text-transform:none !important;
}

.header .nav>a,
.header .dropbtn{
  font-size:14px !important;
  font-weight:500 !important;
  line-height:20px !important;
  letter-spacing:0 !important;
}

.section :is(p,li),
.footer :is(p,li,a){
  font-size:1rem;
  line-height:1.6;
}

/* Uppercase is reserved for compact category labels. */
:is(.eyebrow,.section-kicker,.contact-form-kicker,.topstrip,.footer h4){
  text-transform:uppercase;
}

/* Portal pages are predominantly dark. Component-specific colors continue to
   win, while unstyled text receives a safe inherited foreground. */
.portal-body,
.analytics-body,
body[data-page^="portal-obrero"]{
  color:#f7f4ec;
}

.portal-body :is(input,select,textarea),
.analytics-body :is(input,select,textarea),
body[data-page^="portal-obrero"] :is(input,select,textarea){
  color:inherit;
}

/* The Educativo experience is a dark, self-contained canvas nested inside a
   generic `.section`; its own surface must take precedence over public-page
   light-section defaults. */
#idi-educativo-page :is(h1,h2,h3,h4,h5,h6){
  color:#f4f9ff !important;
}

#idi-educativo-page :is(p,li,small,label){
  color:rgba(244,249,255,.82) !important;
}

#zonaMobileMenuPanel,
#zonaMobileMenuPanel :is(a,button,span,strong){
  font-family:var(--zona-theme-font) !important;
}

#zonaMobileMenuPanel :is(a,button){
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

#zonaMobileMenuPanel .zona-mobile-submenu-toggle,
#zonaMobileMenuPanel .zona-mobile-submenu a,
#zona-fixed-menu-panel a{
  font-family:var(--zona-theme-font) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* Preserve every media integration in the section where it was inserted. */
body:not(.portal-body):not(.analytics-body):not([data-page^="portal-obrero"]) iframe[src*="open.spotify.com/embed"],
body:not(.portal-body):not(.analytics-body):not([data-page^="portal-obrero"]) iframe[src*="youtube.com/embed"],
body:not(.portal-body):not(.analytics-body):not([data-page^="portal-obrero"]) iframe[src*="youtube-nocookie.com/embed"],
body:not(.portal-body):not(.analytics-body):not([data-page^="portal-obrero"]) iframe[src*="google.com/maps/d/embed"],
body:not(.portal-body):not(.analytics-body):not([data-page^="portal-obrero"]) iframe[src*="calendar.google.com/calendar/embed"]{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-width:100% !important;
  border:0 !important;
}

.video-card{
  padding:0 !important;
  overflow:hidden !important;
}

.video-card iframe,
.taller-video iframe{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16 / 9 !important;
  border:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

.estudios-spotify-embed,
.cantos-spotify-card,
.faith-song,
.zona-map-shell,
.zona-calendar-frame{
  visibility:visible !important;
  opacity:1 !important;
}

.estudios-spotify-embed iframe,
.cantos-spotify-card iframe,
.spotify-faith-embed{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
}

.footer-social-links,
.footer-social-links a{
  visibility:visible !important;
  opacity:1 !important;
}

.estudios-youtube-library{
  width:100%;
  max-width:1320px;
  margin:clamp(48px,7vw,88px) auto 0;
}

.estudios-youtube-heading{
  max-width:760px;
  margin-bottom:28px;
}

.estudios-youtube-heading h2{
  margin:8px 0 12px;
  color:var(--zona-theme-ink) !important;
  font-size:clamp(2.25rem,4vw,4rem) !important;
  font-weight:560 !important;
  line-height:1 !important;
  letter-spacing:-.05em;
}

.estudios-youtube-heading p{
  margin:0;
  color:var(--zona-theme-muted) !important;
}

.estudios-youtube-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,2vw,26px);
}

.estudios-youtube-card{
  margin:0;
  overflow:hidden;
  border:1px solid var(--zona-theme-line);
  border-radius:var(--zona-theme-radius-sm);
  background:#080b0f;
  box-shadow:var(--zona-theme-shadow);
}

.estudios-youtube-card:last-child:nth-child(odd){
  grid-column:1 / -1;
  width:calc(50% - clamp(8px,1vw,13px));
  justify-self:center;
}

.estudios-youtube-card iframe{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  border:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

@media(max-width:760px){
  .estudios-youtube-grid{
    grid-template-columns:1fr;
  }

  .estudios-youtube-card:last-child:nth-child(odd){
    grid-column:auto;
    width:100%;
  }
}

.nosotros-vehicle-showcase{
  padding:0 0 clamp(76px,8vw,126px);
  background:var(--zona-theme-paper);
}

.nosotros-vehicle-frame{
  width:100%;
  margin:0;
  overflow:hidden;
  border:1px solid var(--zona-theme-line);
  border-radius:clamp(20px,3vw,36px);
  background:var(--zona-theme-navy);
  box-shadow:var(--zona-theme-shadow);
}

.nosotros-vehicle-frame img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  object-position:center;
}

@media(max-width:760px){
  .nosotros-vehicle-showcase{
    padding-bottom:70px;
  }

  .nosotros-vehicle-frame img{
    aspect-ratio:4 / 3;
    object-position:62% center;
  }
}

@media(max-width:900px){
  body.zona-theme-home .hero.zona-wide-image-hero h1{
    font-size:clamp(2.75rem,12vw,3.75rem) !important;
  }

  .header .nav>a,
  .header .dropbtn{
    font-size:15px !important;
  }
}