/* PADO · Tema Normal
   Landing renovada con identidad PADO: azul profundo, verde neon y superficies deportivas. */
:root{
  --pado-season-accent:var(--pado-neon,#C4FF00);
  --pado-season-accent-2:#6cf5ff;
  --pado-season-glow:rgba(196,255,0,.10);
  --pado-landing-bg:#040a14;
  --pado-landing-bg-2:#07152b;
  --pado-landing-card:#0b1930;
  --pado-landing-card-2:#0e213d;
  --pado-landing-border:rgba(196,255,0,.16);
  --pado-landing-text:#f7f9fc;
  --pado-landing-muted:#aebbd0;
}

/* HERO: conserva el video principal y le da profundidad PADO */
.hero{
  position:relative;
  isolation:isolate;
  background:transparent!important;
  overflow:hidden;
}
.hero .hero-video{
  z-index:0!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}
.hero .bg-overlay{
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(2,8,18,.38) 0%,rgba(3,10,23,.58) 58%,rgba(4,10,20,.86) 100%)!important;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2!important;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 36%,rgba(196,255,0,.13),transparent 26rem),
    radial-gradient(circle at 82% 28%,rgba(40,118,255,.13),transparent 28rem);
}
.hero>.container{position:relative;z-index:3!important}
.hero-text h1,.hero-text h2,.hero-text h3{
  color:#fff!important;
  text-shadow:0 4px 24px rgba(0,0,0,.52);
  letter-spacing:-.025em;
}
.hero-text p{color:#e8eef8!important;text-shadow:0 2px 12px rgba(0,0,0,.42)}
.hero .text-verde{color:#c4ff00!important;text-shadow:0 0 20px rgba(196,255,0,.16)}

/* Navegacion */
.navbar{
  background:linear-gradient(180deg,rgba(4,11,24,.96),rgba(4,11,24,.80))!important;
  border-bottom:1px solid rgba(196,255,0,.13)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.navbar .nav-link{color:#dce5f2!important;font-weight:600;transition:color .18s ease,background .18s ease}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:#c4ff00!important}
.navbar-toggler{border-color:rgba(196,255,0,.28)!important}
.language-selector{border-color:rgba(196,255,0,.18)!important;background:rgba(9,25,48,.70)!important}
.redes{color:#c5d2e4!important;transition:color .18s ease,transform .18s ease}
.redes:hover{color:#c4ff00!important;transform:translateY(-1px)}

/* Botones */
.custom-btn,
.custom-btn.bg-color{
  border-radius:12px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.custom-btn.bg-color,
.hero .custom-btn:not(.bordered){
  background:#c4ff00!important;
  color:#071a3d!important;
  border:1px solid #c4ff00!important;
  box-shadow:0 10px 26px rgba(196,255,0,.12)!important;
}
.custom-btn.bordered{
  color:#fff!important;
  border:1px solid rgba(196,255,0,.56)!important;
  background:rgba(5,16,34,.46)!important;
}
.custom-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(196,255,0,.16)!important}

/* Secciones principales */
.feature,
.class.section,
.schedule.section,
.about.section,
.coming-soon,
.contact.section,
.section.mt-5.schedule{
  position:relative;
  background:
    radial-gradient(circle at 92% 8%,rgba(27,93,185,.07),transparent 24rem),
    linear-gradient(180deg,#06101f 0%,#040a14 100%)!important;
  color:var(--pado-landing-text)!important;
}
.feature::before,
.class.section::before,
.schedule.section::before,
.about.section::before,
.contact.section::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(1120px,86%);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(196,255,0,.20),transparent);
}
.feature h2,.feature h3,.class.section h2,.schedule.section h2,.about.section h2,.contact.section h2,.coming-soon h2,.site-footer h2,.site-footer h3{color:#fff!important}
.feature p,.class.section p,.schedule.section p,.about.section p,.contact.section p,.coming-soon p{color:var(--pado-landing-muted)!important}
.text-blanco,.text-white{color:#f8fbff!important}
.text-verde{color:#c4ff00!important}

/* Cards PADO */
.class-thumb,
.class-thumb2{
  overflow:hidden;
  height:100%;
  background:linear-gradient(180deg,var(--pado-landing-card-2),var(--pado-landing-card))!important;
  border:1px solid var(--pado-landing-border)!important;
  border-radius:18px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28)!important;
  transition:transform .20s ease,border-color .20s ease,box-shadow .20s ease!important;
}
.class-thumb:hover,.class-thumb2:hover{
  transform:translateY(-5px);
  border-color:rgba(196,255,0,.36)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.34),0 0 0 1px rgba(196,255,0,.04)!important;
}
.imagen-card,.imagen-card2{
  width:100%!important;
  object-fit:cover!important;
  display:block!important;
  border:0!important;
}
.class-info,.class-info2{
  background:transparent!important;
  padding:24px 26px 28px!important;
}
.class-info h3,.class-info h4,.class-info2 h3,.class-info2 h4,
.class-info .mb-1,.class-info2 .mb-1{
  color:#f7fbff!important;
  font-weight:800!important;
  letter-spacing:-.015em;
  text-shadow:none!important;
}
.class-info p,.class-info2 p,
.class-info .mt-3,.class-info2 .mt-3{
  color:#b9c5d7!important;
  text-shadow:none!important;
  line-height:1.7!important;
}
.class-info .text-verde,.class-info2 .text-verde,
.class-info i,.class-info2 i{color:#c4ff00!important}

/* Bloques secundarios */
.about-working-hours,
.download-section,
.schedule-table,
.google-map,
.contact-form,
.webform{
  border-radius:18px!important;
}
.about-working-hours,
.download-section{
  background:linear-gradient(145deg,#0d203b,#081528)!important;
  border:1px solid rgba(196,255,0,.15)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.24);
}
.schedule-table{
  overflow:hidden;
  background:#0a1930!important;
  border-color:rgba(196,255,0,.12)!important;
  color:#dce5f2!important;
}
.schedule-table th,.schedule-table td{border-color:rgba(255,255,255,.08)!important;color:#dce5f2!important}
.schedule-table .thead-light th{background:#0e2341!important;color:#c4ff00!important}

/* Formularios */
.contact-form .form-control,
.webform .form-control,
.modal-content .form-control{
  background:#08172b!important;
  color:#eef4fc!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
}
.contact-form .form-control:focus,
.webform .form-control:focus,
.modal-content .form-control:focus{
  border-color:rgba(196,255,0,.58)!important;
  box-shadow:0 0 0 3px rgba(196,255,0,.08)!important;
}
.contact-form .form-control::placeholder,.webform .form-control::placeholder{color:#71829b!important}

/* Swiper y flechas */
.swiper-button-next,.swiper-button-prev{color:#c4ff00!important}
.swiper-pagination-bullet-active{background:#c4ff00!important}

/* Footer */
.site-footer{
  background:linear-gradient(180deg,#06101f,#030811)!important;
  border-top:1px solid rgba(196,255,0,.13)!important;
  color:#aebbd0!important;
}
.site-footer a{color:#c8d3e2!important}
.site-footer a:hover{color:#c4ff00!important;text-decoration:none!important}

/* Modal */
.modal-content{
  background:#0a1930!important;
  border:1px solid rgba(196,255,0,.15)!important;
  border-radius:18px!important;
  color:#eef4fc!important;
  box-shadow:0 28px 70px rgba(0,0,0,.46)!important;
}
.modal-header,.modal-footer{border-color:rgba(255,255,255,.08)!important}
.modal-title{color:#fff!important}
.close{color:#fff!important;text-shadow:none!important}

/* Chat: integracion visual PADO sin cambiar funcionalidad */
.chat-header{background:#b9ef00!important;color:#071a3d!important;font-weight:800!important}
.chat-box{border-color:rgba(196,255,0,.20)!important;box-shadow:0 20px 50px rgba(0,0,0,.28)!important}

/* Movil */
@media(max-width:991px){
  .navbar{background:rgba(4,11,24,.97)!important}
  .navbar-collapse{padding:12px 0 18px}
}
@media(max-width:767px){
  .class-thumb,.class-thumb2{border-radius:15px!important}
  .class-info,.class-info2{padding:20px!important}
  .hero::after{background:linear-gradient(180deg,rgba(4,10,20,.08),rgba(4,10,20,.22))}
}

@media(prefers-reduced-motion:reduce){
  .class-thumb,.class-thumb2,.custom-btn,.redes{transition:none!important}
  .class-thumb:hover,.class-thumb2:hover,.custom-btn:hover,.redes:hover{transform:none!important}
}

/* =========================================================
   Landing normal: restaura imagen de descarga + transiciones
   ========================================================= */
body.pado-theme--normal .coming-soon{
  background-image:
    linear-gradient(180deg,rgba(3,10,23,.42),rgba(3,10,23,.62)),
    url('/images/softh3.jpeg')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  background-color:#06101f!important;
}

body.pado-theme--normal .download-section{
  background:linear-gradient(145deg,rgba(13,32,59,.66),rgba(8,21,40,.72))!important;
  border:1px solid rgba(196,255,0,.20)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease,background-color .35s ease!important;
}

body.pado-theme--normal .download-section:hover{
  transform:translateY(-4px);
  border-color:rgba(196,255,0,.34)!important;
  box-shadow:0 26px 64px rgba(0,0,0,.34),0 0 0 1px rgba(196,255,0,.04)!important;
}

/* Mantiene suaves las animaciones AOS originales de la landing */
body.pado-theme--normal [data-aos]{
  transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
}

/* Microinteracciones PADO sin hacer pesada la pagina */
body.pado-theme--normal .class-thumb,
body.pado-theme--normal .class-thumb2,
body.pado-theme--normal .about-working-hours,
body.pado-theme--normal .schedule-table,
body.pado-theme--normal .google-map,
body.pado-theme--normal .contact-form,
body.pado-theme--normal .download-buttons a{
  transition:transform .30s cubic-bezier(.2,.7,.2,1),box-shadow .30s ease,border-color .30s ease,opacity .30s ease!important;
}

body.pado-theme--normal .imagen-card,
body.pado-theme--normal .imagen-card2{
  transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s ease!important;
}

body.pado-theme--normal .class-thumb:hover .imagen-card,
body.pado-theme--normal .class-thumb2:hover .imagen-card2{
  transform:scale(1.025);
  filter:saturate(1.04) contrast(1.02);
}

body.pado-theme--normal .download-buttons a:hover{
  transform:translateY(-3px) scale(1.035)!important;
}

body.pado-theme--normal .download-buttons img{
  transition:filter .28s ease!important;
}

body.pado-theme--normal .download-buttons a:hover img{
  filter:brightness(1.06);
}

/* En movil evitamos efectos costosos y dejamos la imagen centrada */
@media(max-width:767px){
  body.pado-theme--normal .coming-soon{
    background-position:center center!important;
    background-attachment:scroll!important;
  }
  body.pado-theme--normal .download-section{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:linear-gradient(145deg,rgba(13,32,59,.78),rgba(8,21,40,.82))!important;
  }
  body.pado-theme--normal .download-section:hover,
  body.pado-theme--normal .class-thumb:hover,
  body.pado-theme--normal .class-thumb2:hover,
  body.pado-theme--normal .download-buttons a:hover{
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.pado-theme--normal [data-aos],
  body.pado-theme--normal .download-section,
  body.pado-theme--normal .class-thumb,
  body.pado-theme--normal .class-thumb2,
  body.pado-theme--normal .imagen-card,
  body.pado-theme--normal .imagen-card2,
  body.pado-theme--normal .download-buttons a,
  body.pado-theme--normal .download-buttons img{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}

/* =========================================================
   PADO PERFORMANCE MODE · Tema Normal
   Mantiene el look PADO reduciendo filtros, repintados y
   transiciones costosas. Especialmente útil con video activo.
   ========================================================= */
body.pado-theme--normal .navbar,
body.pado-theme--normal .download-section{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.pado-theme--normal .navbar{
  background:rgba(4,11,24,.94)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}

body.pado-theme--normal .class-thumb,
body.pado-theme--normal .class-thumb2,
body.pado-theme--normal .download-section,
body.pado-theme--normal .about-working-hours,
body.pado-theme--normal .schedule-table,
body.pado-theme--normal .google-map,
body.pado-theme--normal .contact-form,
body.pado-theme--normal .download-buttons a{
  transition:transform .18s ease,border-color .18s ease,opacity .18s ease!important;
}

body.pado-theme--normal .imagen-card,
body.pado-theme--normal .imagen-card2{
  transition:transform .22s ease!important;
}

body.pado-theme--normal .class-thumb:hover .imagen-card,
body.pado-theme--normal .class-thumb2:hover .imagen-card2{
  filter:none!important;
}

body.pado-theme--normal .feature,
body.pado-theme--normal .class.section,
body.pado-theme--normal .schedule.section,
body.pado-theme--normal .about.section,
body.pado-theme--normal .coming-soon,
body.pado-theme--normal .contact.section{
  content-visibility:auto;
  contain-intrinsic-size:720px;
}

body.pado-theme--normal .hero,
body.pado-theme--normal .coming-soon{
  contain:paint;
}

@media (hover:none), (pointer:coarse){
  body.pado-theme--normal .class-thumb:hover,
  body.pado-theme--normal .class-thumb2:hover,
  body.pado-theme--normal .download-section:hover,
  body.pado-theme--normal .custom-btn:hover,
  body.pado-theme--normal .download-buttons a:hover,
  body.pado-theme--normal .redes:hover,
  body.pado-theme--normal .class-thumb:hover .imagen-card,
  body.pado-theme--normal .class-thumb2:hover .imagen-card2{
    transform:none!important;
  }
}