/* ═══ Las secciones que se mudaron a su propia URL ═══
   Estos estilos los usan /planes y /historia, y también la portada, que conserva la banda
   que lleva a cada una. Vivirían duplicados si cada página se hubiera copiado el CSS, que es
   la misma enfermedad que ya hizo que un precio se desviara de otro. */

.plan-note{display:inline-flex;align-items:center;gap:9px;background:rgba(216,58,42,.13);color:#F0A79C;font-size:13px;font-weight:700;padding:8px 16px;border-radius:100px;margin-top:18px}
.plan-tbl{margin-top:46px;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--soft)}
.plan-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center}
.plan-row+.plan-row{box-shadow:inset 0 1px 0 var(--soft)}
.plan-row.head{background:rgba(203,145,69,.1);font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--oro-bright);text-transform:uppercase}
.plan-row>div{padding:22px 26px}
.plan-row .perf{font-size:20px;font-weight:800;display:flex;align-items:center;gap:12px}
.plan-row .sw{width:13px;height:13px;border-radius:50%;box-shadow:0 0 14px currentColor}
.plan-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;align-items:center}
.plan-add{display:block;margin-top:8px;background:rgba(203,145,69,.12);color:var(--oro-bright);border:none;font-family:inherit;font-weight:700;font-size:12.5px;padding:7px 15px;border-radius:100px;cursor:pointer;transition:.25s var(--ease)}
.plan-add:hover{background:var(--oro);color:#241608}
.hist-top{text-align:center;max-width:720px;margin:0 auto}
.hist-top h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.03em}
.hist-top .shake{font-size:clamp(20px,2.4vw,30px);font-weight:700;color:var(--cream);margin-top:22px;line-height:1.35}
.hist-top .shake em{color:var(--oro-bright);font-style:italic}
.hist-logo{width:min(360px,76vw);margin:54px auto 0;animation:logoGlowBig 5s ease-in-out infinite}
.timeline{max-width:680px;margin:70px auto 0;position:relative}
.timeline::before{content:"";position:absolute;left:27px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--oro),rgba(203,145,69,.1))}
.hist-end{text-align:center;font-size:clamp(22px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;margin-top:30px}
.hist-end em{color:var(--oro-bright);font-style:italic}
.arturo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.arturo-photo{border-radius:22px;overflow:hidden;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.5);aspect-ratio:4/5}
.arturo-photo img{width:100%;height:100%;object-fit:cover}
.arturo-photo .tag{position:absolute;left:18px;bottom:18px;background:var(--oro);color:#160f09;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 15px;border-radius:100px}
.arturo h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.03em}
.arturo p{color:var(--cream-dim);font-size:17px;margin-top:20px;max-width:52ch}
.ig-card{margin-top:30px;display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,rgba(203,145,69,.12),rgba(203,145,69,.03));border-radius:18px;padding:20px 24px}
.ig-card .ig-ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(45deg,#F09433,#E6683C,#DC2743,#BC1888);display:grid;place-items:center;flex:none}
.ig-card b{font-size:16px;font-weight:800;display:block}
.ig-card span{font-size:13.5px;color:var(--cream-dim)}
.ig-card .btn{margin-left:auto}
@media(max-width:960px){
  .arturo-grid,.env-grid,.testi-feat{grid-template-columns:1fr}}
@media(max-width:720px){
  .plan-row{grid-template-columns:1fr}.plan-row.head{display:none}
  .plan-row>div{padding:14px 20px}.plan-row .perf{box-shadow:inset 0 -1px 0 var(--soft);padding-bottom:14px}.plan-row .pp{display:block}
  .ig-card{flex-wrap:wrap}.ig-card .btn{margin-left:0!important;width:100%;justify-content:center}}