/* Escuela Biblica editorial aprobada. Se carga despues de home.css. */
@media(min-width:1001px){
  .hp-program.hp-program--school{padding:48px 0 0;background:linear-gradient(110deg,#fff 0%,#f7fbfe 55%,#fff 100%)}
  .hp-program--school:after{display:none}
  .hp-program--school>.hp-shell{width:min(1460px,calc(100% - 72px))}
  .hp-program--school .hp-program__grid{grid-template-columns:minmax(350px,.84fr) minmax(390px,.96fr) minmax(500px,1.14fr);grid-template-areas:"copy visual courses";gap:18px;min-height:520px;align-items:center}
  .hp-program--school .hp-copy{grid-area:copy;align-self:center;max-width:430px;padding:0 0 38px}
  .hp-program--school .hp-copy h2{max-width:410px;margin-bottom:14px;font-size:clamp(42px,3.35vw,54px);line-height:.98;letter-spacing:-2.8px}
  .hp-program--school .hp-intro{max-width:420px;margin-bottom:14px;font-size:12px;line-height:1.65}
  .hp-program--school .hp-benefits{margin:13px 0 20px;border:0}
  .hp-program--school .hp-benefits>div{grid-template-columns:24px 1fr;gap:10px;padding:7px 0;border:0;background:none}
  .hp-program--school .hp-benefits img{width:18px;height:18px}
  .hp-program--school .hp-visual{grid-area:visual;align-self:end;min-height:520px;z-index:3}
  .hp-program--school .hp-visual>img:last-child{
    right:-12%;bottom:0;width:134%;height:112%;object-position:center bottom;
    -webkit-mask-image:none;mask-image:none;
    filter:drop-shadow(0 22px 30px rgba(10,38,64,.11))
  }
  .hp-program--school .hp-blob--softblue{left:2%;bottom:0;width:102%;height:78%;transform:rotate(-3deg)}
  .hp-program--school .hp-school-tag,.hp-program--school .hp-school-seal{display:none}
  .hp-program--school .hp-course-covers{grid-area:courses;position:relative;align-self:center;display:block;width:100%;max-width:none;margin:0;padding:24px 22px 20px;border:1px solid rgba(12,106,207,.1);border-radius:10px;background:linear-gradient(130deg,rgba(255,255,255,.66),rgba(244,249,252,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 55px rgba(10,38,64,.08);backdrop-filter:blur(10px) saturate(110%)}
  .hp-program--school .hp-course-covers__head{margin:0 0 16px}
  .hp-program--school .hp-course-covers__head strong{font-size:18px}
  .hp-program--school .hp-course-covers__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:end}
  .hp-program--school .hp-course-covers__items button{width:100%;min-height:0;border-radius:5px;aspect-ratio:2/3;box-shadow:0 20px 38px rgba(10,38,64,.18);transform-origin:center bottom}
  .hp-program--school .hp-course-covers__items button:nth-child(1){transform:translateY(5px) rotate(-1.2deg)}
  .hp-program--school .hp-course-covers__items button:nth-child(2){transform:translateY(-7px)}
  .hp-program--school .hp-course-covers__items button:nth-child(3){transform:translateY(4px) rotate(1.2deg)}
  .hp-program--school .hp-course-covers__items button:hover{transform:translateY(-10px) rotate(0)}
  .hp-program--school .hp-course-covers__items button span{padding:36px 9px 9px;font-size:8px}
  .hp-program--school button.hp-course-covers__all{margin-top:22px;padding-top:13px}
}
@media(min-width:1001px) and (max-width:1320px){
  .hp-program--school>.hp-shell{width:min(1240px,calc(100% - 44px))}
  .hp-program--school .hp-program__grid{grid-template-columns:minmax(310px,.83fr) minmax(260px,.64fr) minmax(430px,1.18fr);gap:24px}
  .hp-program--school .hp-copy h2{font-size:44px}
  .hp-program--school .hp-course-covers{padding-inline:17px}
  .hp-program--school .hp-course-covers__items{gap:10px}
}

/* La barra de accesos une visualmente el hero con Escuela Biblica. */
@media(min-width:1001px){
  .hp-hero{overflow:visible}
  .hp-quick{bottom:-52px}
  .hp-program.hp-program--school{padding-top:100px}
}

/* Hero editorial: Andes, primer plano corporativo y profundidad luminosa. */
@media(min-width:1001px){
  .hp-hero{
    isolation:isolate;
    min-height:calc(100svh - 70px);
    margin:0;
    padding:0;
    background:#061a2d;
  }
  .hp-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    background-image:
      linear-gradient(90deg,rgba(3,18,32,.98) 0%,rgba(4,24,42,.91) 32%,rgba(5,28,48,.58) 58%,rgba(5,28,48,.12) 82%),
      linear-gradient(180deg,rgba(5,23,39,.05) 42%,rgba(3,18,32,.86) 100%),
      var(--hero-bg);
    background-position:center,center,center;
    background-size:cover;
    transform:none;
    filter:saturate(1.13) contrast(1.05);
  }
  .hp-hero:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      radial-gradient(ellipse at 76% 23%,rgba(245,175,0,.24) 0%,rgba(245,175,0,.08) 19%,transparent 39%),
      radial-gradient(ellipse at 72% 58%,rgba(0,183,238,.24) 0%,rgba(0,108,207,.12) 30%,transparent 58%),
      linear-gradient(115deg,transparent 48%,rgba(255,255,255,.045) 49%,transparent 50%);
    pointer-events:none;
  }
  .hp-hero__grid{
    grid-template-columns:49% 51%;
    min-height:calc(100svh - 70px);
  }
  .hp-hero__copy{
    align-self:center;
    padding:30px 0 132px;
  }
  .hp-hero h1{
    max-width:650px;
    margin-bottom:24px;
    font-size:clamp(66px,5.6vw,92px);
    line-height:.91;
    letter-spacing:-4.8px;
    text-wrap:balance;
    text-shadow:0 8px 35px rgba(0,0,0,.22);
  }
  .hp-hero__copy>p:not(.hp-kicker){
    max-width:520px;
    margin-bottom:30px;
    color:rgba(255,255,255,.82);
    font-size:14px;
    line-height:1.72;
  }
  .hp-hero__portrait{
    align-self:stretch;
    height:calc(100svh - 70px);
    overflow:visible;
  }
  .hp-hero__portrait:before{
    content:"";
    position:absolute;
    right:-8%;
    bottom:0;
    width:105%;
    height:72%;
    background:radial-gradient(ellipse at 57% 58%,rgba(0,183,238,.13),transparent 62%);
  }
  .hp-hero__portrait:after{
    content:"";
    position:absolute;
    right:5%;
    bottom:0;
    width:76%;
    height:16%;
    z-index:3;
    background:radial-gradient(ellipse,rgba(1,14,25,.68),transparent 70%);
    filter:blur(10px);
  }
  .hp-hero__portrait .hp-blob{display:none}
  .hp-hero__portrait img{
    top:auto;
    right:-9%;
    bottom:0;
    width:116%;
    height:93%;
    object-fit:contain;
    object-position:right bottom;
    filter:drop-shadow(0 25px 44px rgba(0,0,0,.42));
  }
  .hp-quick{
    bottom:-52px;
    border-color:rgba(89,207,255,.24);
    background:linear-gradient(105deg,rgba(7,37,62,.92),rgba(5,29,50,.82));
    box-shadow:0 24px 65px rgba(2,18,31,.38),inset 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(20px) saturate(1.35);
  }
}

@media(min-width:1001px) and (max-height:760px){
  .hp-hero h1{font-size:clamp(58px,5vw,76px)}
  .hp-hero__copy{padding-bottom:118px}
  .hp-hero__portrait img{height:91%}
}

/* Retratos del equipo real: escala consistente y apoyo visual en la base. */
@media(min-width:1001px){
  .hp-program--tv .hp-tv-visual>img:last-child{left:-2%;bottom:0;width:80%;height:104%;object-position:center bottom}
  .hp-program--radio .hp-visual>img:last-child{right:-2%;bottom:0;width:102%;height:105%;object-position:center bottom}
  .hp-angeles .hp-visual>img:last-child{left:2%;bottom:0;width:96%;height:106%;object-position:center bottom}
}

/* Lenguaje editorial premium para las cuatro areas de mision. */
.hp-program,.hp-angeles{isolation:isolate;overflow:hidden}
.hp-program:after,.hp-angeles:after{
  content:"";position:absolute;right:-8%;bottom:-115px;z-index:-1;width:520px;height:220px;
  border:1px solid rgba(0,183,238,.12);border-radius:50%;transform:rotate(-9deg);pointer-events:none
}
.hp-program--school{background:radial-gradient(circle at 15% 38%,rgba(0,183,238,.09),transparent 25%),linear-gradient(180deg,#fff 0%,#f9fcfe 100%)}
.hp-program--school .hp-visual:before,
.hp-program--school .hp-visual:after{
  content:"";position:absolute;left:5%;bottom:2%;z-index:0;width:86%;aspect-ratio:1;border:1px solid rgba(12,106,207,.13);border-radius:50%
}
.hp-program--school .hp-visual:after{left:16%;bottom:13%;width:64%;border-color:rgba(0,183,238,.2)}
.hp-program--school .hp-blob--softblue{opacity:.72;transform:scale(.84) rotate(6deg)}
.hp-school-tag--three{right:-2%;bottom:43%}

.hp-program--tv{
  position:relative;z-index:4;overflow:visible!important;
  margin-top:-1px;border-top:0!important;box-shadow:none!important;
  color:#fff;background:
    radial-gradient(circle at 72% 38%,rgba(12,106,207,.34),transparent 33%),
    radial-gradient(circle at 13% 88%,rgba(0,183,238,.1),transparent 28%),
    linear-gradient(118deg,#061a2d 0%,#092a4c 58%,#061a2d 100%)
}
.hp-program--tv .hp-copy h2,.hp-program--tv .hp-benefits b{color:#fff}
.hp-program--tv .hp-intro,.hp-program--tv .hp-benefits small{color:rgba(226,239,248,.72)}
.hp-program--tv .hp-benefits{border-color:rgba(255,255,255,.14)}
.hp-program--tv .hp-benefits>div{border-color:rgba(255,255,255,.14)}
.hp-program--tv .hp-studio{opacity:.46;box-shadow:0 35px 80px rgba(0,0,0,.38)}
.hp-program--tv .hp-blob--blue{opacity:.32;filter:blur(1px)}

.hp-program--radio{
  position:relative;z-index:4;overflow:visible!important;clip-path:inset(-360px 0 0 0);
  background:
    radial-gradient(circle at 22% 45%,rgba(245,175,0,.22),transparent 30%),
    linear-gradient(115deg,#fff 0%,#fffaf0 57%,#f7ead0 100%)
}
.hp-program--radio .hp-blob--gold{opacity:.73;box-shadow:0 32px 90px rgba(245,175,0,.18)}

.hp-orbit-notes{position:absolute;inset:0;z-index:4;pointer-events:none}
.hp-orbit-notes span,.hp-impact-float span{
  position:absolute;display:flex;align-items:center;min-height:42px;padding:10px 15px 10px 31px;
  border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(7,34,58,.6);
  box-shadow:0 18px 38px rgba(1,16,28,.22);backdrop-filter:blur(14px) saturate(1.25);
  color:#fff;font-size:10px;font-weight:700;letter-spacing:.01em
}
.hp-orbit-notes span:before,.hp-impact-float span:before{
  content:"";position:absolute;left:13px;width:7px;height:7px;border-radius:50%;background:var(--hp-cyan);box-shadow:0 0 0 4px rgba(0,183,238,.13)
}
.hp-orbit-notes span:nth-child(1){top:17%;right:1%}
.hp-orbit-notes span:nth-child(2){right:-2%;bottom:31%}
.hp-orbit-notes span:nth-child(3){left:4%;bottom:13%}
.hp-orbit-notes--radio span{border-color:rgba(10,38,64,.1);background:rgba(255,255,255,.72);color:#0a2640;box-shadow:0 18px 42px rgba(90,61,4,.12)}
.hp-orbit-notes--radio span:before{background:var(--hp-gold);box-shadow:0 0 0 4px rgba(245,175,0,.15)}
.hp-orbit-notes--radio span:nth-child(1){top:14%;right:1%}
.hp-orbit-notes--radio span:nth-child(2){right:-4%;bottom:34%}
.hp-orbit-notes--radio span:nth-child(3){left:1%;bottom:10%}

.hp-place{
  position:relative;isolation:isolate;display:flex;align-items:center;min-height:510px;overflow:hidden;
  background:linear-gradient(90deg,rgba(3,18,32,.86),rgba(3,18,32,.35)),url('../images/inicio/tv-estudio-moderno.png') center/cover no-repeat;color:#fff
}
.hp-place:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 76% 42%,rgba(0,183,238,.22),transparent 31%),linear-gradient(180deg,rgba(6,26,45,.06),rgba(6,26,45,.58))}
.hp-place__shade{position:absolute;inset:0;z-index:-2;background:rgba(3,18,32,.2)}
.hp-place__content{position:relative;padding-block:80px}
.hp-place__content:before{content:"";position:absolute;top:50%;left:-90px;width:55px;border-top:2px solid var(--hp-cyan)}
.hp-place h2{max-width:690px;margin:14px 0 20px;color:#fff;font-size:clamp(48px,5vw,74px);line-height:.98;letter-spacing:-3.5px;text-shadow:0 15px 40px rgba(0,0,0,.28)}
.hp-place h2 em{color:var(--hp-gold);font-family:Georgia,serif;font-weight:400}
.hp-place__content>p:last-child{max-width:570px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.75}

.hp-angeles{
  position:relative;z-index:3;overflow:visible!important;
  margin-top:-1px;border-top:0!important;box-shadow:none!important;
  background:
    radial-gradient(circle at 76% 40%,rgba(0,183,238,.2),transparent 31%),
    linear-gradient(120deg,#061a2d,#0a2640 64%,#082137)
}
.hp-angeles .hp-blob--outline{border-color:rgba(0,183,238,.42);box-shadow:0 0 100px rgba(0,183,238,.13)}
.hp-impact-float{position:absolute;inset:0;z-index:4;pointer-events:none}
.hp-impact-float span{padding-left:16px;flex-direction:column;align-items:flex-start;min-width:130px;color:rgba(255,255,255,.7);font-weight:500}
.hp-impact-float span:before{display:none}
.hp-impact-float b{color:#fff;font-size:18px;line-height:1.05}
.hp-impact-float span:nth-child(1){top:16%;right:0}
.hp-impact-float span:nth-child(2){right:-3%;bottom:28%}
.hp-impact-float span:nth-child(3){left:2%;bottom:10%}

@media(min-width:1001px){
  .hp-program--tv,.hp-program--radio{padding-block:92px}
  .hp-program--tv .hp-program__grid,.hp-program--radio .hp-program__grid{min-height:590px}
  .hp-angeles{padding:58px 0 0}
  .hp-angeles .hp-program__grid{min-height:610px;align-items:center}
  .hp-angeles .hp-copy{align-self:center;padding-bottom:42px}
  .hp-angeles .hp-visual{align-self:end;min-height:610px;height:610px}
  .hp-angeles .hp-visual{overflow:visible}
  .hp-angeles .hp-visual>img:last-child{left:-7%;bottom:0;width:116%;height:128%;object-position:center bottom;overflow:visible}
  .hp-angeles .hp-blob--outline{right:-1%;bottom:0;width:96%;height:88%}
  .hp-impact-float span:nth-child(1){top:13%;right:-1%}
  .hp-impact-float span:nth-child(2){right:-4%;bottom:27%}
  .hp-impact-float span:nth-child(3){left:0;bottom:8%}
}

/* Television compacta: el escenario y el conductor descansan en la base. */
@media(min-width:1001px){
  .hp-program.hp-program--tv{padding:66px 0 0}
  .hp-program--tv .hp-program__grid{min-height:620px;align-items:center}
  .hp-program--tv .hp-copy{align-self:center;padding-bottom:54px}
  .hp-program--tv .hp-tv-visual{align-self:end;min-height:620px;height:620px;overflow:visible}
  .hp-program--tv .hp-studio{right:-2%;bottom:0;width:86%;height:80%;border-radius:36% 13% 0 28%}
  .hp-program--tv .hp-blob--blue{bottom:0;height:86%}
  .hp-program--tv .hp-tv-visual>img:last-child{left:-9%;bottom:0;width:106%;height:128%;object-position:center bottom}
  .hp-program--tv .hp-orbit-notes span:nth-child(1){top:13%;right:-1%}
  .hp-program--tv .hp-orbit-notes span:nth-child(2){right:-4%;bottom:31%}
  .hp-program--tv .hp-orbit-notes span:nth-child(3){left:0;bottom:13%}
}

/* Radio compacta: locutora, microfono y forma dorada apoyados en la base. */
@media(min-width:1001px){
  .hp-program.hp-program--radio{padding:58px 0 0}
  .hp-program--radio .hp-program__grid{min-height:610px;align-items:center}
  .hp-program--radio .hp-copy{align-self:center;padding-bottom:38px}
  .hp-program--radio .hp-visual{align-self:end;min-height:610px;height:610px;overflow:visible}
  .hp-program--radio .hp-blob--gold{left:0;bottom:0;width:88%;height:82%;border-radius:44% 56% 38% 62%/54% 40% 60% 46%}
  .hp-program--radio .hp-visual>img:last-child{right:-8%;bottom:0;width:122%;height:128%;object-position:center bottom}
  .hp-program--radio .hp-orbit-notes--radio span:nth-child(1){top:15%;right:-1%}
  .hp-program--radio .hp-orbit-notes--radio span:nth-child(2){right:-5%;bottom:34%}
  .hp-program--radio .hp-orbit-notes--radio span:nth-child(3){left:2%;bottom:11%}
}

/* Zoom anclado: aumenta hacia arriba sin descubrir el corte inferior. */
.hp-program .hp-visual>img:last-child,
.hp-angeles .hp-visual>img:last-child{transform-origin:center bottom}
.hp-program .hp-visual:hover>img:last-child,
.hp-angeles .hp-visual:hover>img:last-child{
  transform:scale(1.018);
  transform-origin:center bottom;
  filter:drop-shadow(0 28px 38px rgba(10,38,64,.18))
}

@media(max-width:1000px){
  .hp-orbit-notes,.hp-impact-float{display:none}
  .hp-place{min-height:420px}
  .hp-place__content{padding-block:65px}
  .hp-place h2{font-size:46px;letter-spacing:-2px}
}

@media(max-width:700px){
  .hp-school-tag--three{display:none}
  .hp-place{min-height:390px;background-position:62% center}
  .hp-place h2{font-size:39px;letter-spacing:-1.7px}
  .hp-place__content>p:last-child{font-size:13px}
}