/* Revisión del 17/09/2026 · Comentarios del propietario. */
html body { background-color:#f7f5ef !important; background-image:url("images/papel.svg"),radial-gradient(ellipse at 90% 0,#f1f7f8,transparent 65%) !important; }
html .shell .main { background:transparent; }
html .shell .hero {grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);background:linear-gradient(120deg,#fafaf4,#eff7fa);}
html .shell .hero h1 {font-size:clamp(36px,3.8vw,64px);line-height:1.13;overflow-wrap:normal;}
html .shell .hero-copy {padding:clamp(28px,3vw,48px);}
html .shell .hero-art {display:flex;flex-direction:column;justify-content:center;background:#164879;min-height:0;}
html .shell .hero-art img {position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;opacity:1;filter:none;}
html .shell .hero-art::before,html .shell .hero-art::after {display:none;}
html .shell .hero-badge {position:relative;inset:auto;padding:28px 32px;background:linear-gradient(120deg,#154984,#10375f);}
html .shell .hero-badge strong {font-size:clamp(22px,1.85vw,30px);margin-top:12px;}
html .shell .hero-badge span {font-size:10px;}
html .shell .hero-copy>p,html .shell .section-head p,html .shell .promise-lead p,html .shell .pack>p,html .shell .step p,html .shell .video-copy p,html .shell .sales-copy p,html .shell .sales-access p,html .shell .proof-metric p,html .shell .mario-copy p {font-size:17px;line-height:1.8;}
html .shell .deliverable p {font-size:15px;line-height:1.8;}
html .shell .checks li,html body>main .pack li {font-size:17px;line-height:1.65;}
html .shell .checks li::before {margin-top:5px;}
html .shell .pack-label {font-size:11px;}
html .shell .section-head {grid-template-columns:minmax(0,1fr) minmax(0,.95fr);}
html .shell .section-head p {max-width:560px;}
html .key-idea {font-weight:750;color:inherit;text-decoration:underline;text-decoration-color:#77b4d49c;text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:auto;}
html .shell .packs-intro {margin-bottom:38px;}
html .shell .packs-intro .kicker {margin-bottom:20px;}
html .shell .packs-intro h2 {width:100%;margin:0;font-size:clamp(58px,7.8vw,118px);line-height:.88;letter-spacing:-.065em;color:#103b70;}
html .shell .packs-intro p {max-width:760px;margin:30px 0 0 auto;color:#587b9c;font-size:17px;line-height:1.8;}
html .shell .packs-grid {align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
html .shell .pack-column {position:relative;min-width:0;padding-top:112px;}
html .shell .pack-ground {position:absolute;z-index:0;inset:0 14px auto;height:190px;border-radius:28px 28px 0 0;padding:18px 28px;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;}
html .shell .pack-ground span {position:relative;z-index:1;margin-top:5px;font-size:12px;font-weight:900;letter-spacing:.18em;}
html .shell .pack-ground strong {position:absolute;right:24px;top:-29px;font-size:clamp(112px,11vw,174px);line-height:1;font-weight:900;letter-spacing:-.09em;white-space:nowrap;}
html .shell .pack-column-180 .pack-ground {background:#d9eee8;color:#145b4d;}
html .shell .pack-column-180 .pack-ground strong {color:#207865;}
html .shell .pack-column-360 .pack-ground {background:#0b3f79;color:#f4f7bd;}
html .shell .pack-column-360 .pack-ground strong {color:#f4f7bd;}
html .shell .pack {border-top:7px solid #398b78;transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease;transform-origin:center top;}
html .shell .pack-column:hover .pack {transform:translateY(-8px);box-shadow:0 28px 65px rgba(15,49,92,.18);}
html .shell .pack.full {background:linear-gradient(145deg,#105bae,#103b6a);border-top-color:#f3f6bf;}
html .shell .pack::before {display:none;}
html .shell .pack > * {position:relative;z-index:1;}
html .shell .pack-heading {position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;margin-bottom:15px;}
html .shell .pack-heading h3 {margin-top:7px;}
html .shell .pack-number {display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e4f4ed;color:#287763;font-size:12px;font-weight:900;letter-spacing:.08em;}
html .shell .pack.full .pack-number {background:#f3f6bf;color:#103b6a;}
.pack-result {position:relative;z-index:1;margin:30px 0;padding:24px;border:1px solid #d6e8f3;border-radius:17px;background:linear-gradient(145deg,#f6fbff,#edf7ff);}
.pack-result .result-kicker {display:block;color:#287763;font-size:10px;font-weight:900;letter-spacing:.14em;}
.pack-result h4 {margin:10px 0 6px;color:#103b70;font-size:21px;line-height:1.35;}
.pack-result p {margin:0;color:#5e7d9b;font-size:14px;line-height:1.65;}
.pack-phase {padding:23px 0;border-top:1px solid #ffffff26;}
.phase-label {font-size:10px;letter-spacing:.12em;font-weight:800;color:#f3f6bf;}
.pack-phase h4 {font-size:20px;line-height:1.4;margin:13px 0 8px;color:#fff;}
.pack-phase p {font-size:15px;line-height:1.75;color:#d4e7fa;margin:0 0 16px;}
html .shell .pack-phase .checks {margin:20px 0 0;}
.pack-examples {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 3px;}
.pack-examples > a,.pack-examples > article {display:block;margin:0;text-decoration:none;border:1px solid #ffffff30;border-radius:12px;overflow:hidden;background:#082c4b;transition:transform .2s,box-shadow .2s;min-width:0;}
.pack-examples > a:hover {transform:translateY(-4px);box-shadow:0 12px 25px #061f3835;}
.pack-examples > a>div,.pack-examples > article>div {position:relative;aspect-ratio:1/1.05;overflow:hidden;}
.pack-examples img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s;}
.pack-examples a:hover img {transform:scale(1.04);}
.pack-examples a>div>span {position:absolute;right:7px;top:7px;background:#082c4bc9;color:#fff;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;}
.pack-examples strong {display:block;padding:10px 5px;color:#f6f8ce;font-size:11px;text-align:center;line-height:1.4;}
.pack-examples-180 > a {border-color:#d7e6ec;background:#fff;}
.pack-examples-180 strong {color:#103b70;}
.pack-example.is-pending {cursor:default;}
.pack-example.is-pending img {filter:saturate(.7) brightness(.72);}
.pack-example.is-pending>div>span {position:absolute;inset:auto 7px 7px 7px;padding:6px;border-radius:7px;background:#071f3dd9;color:#fff;text-align:center;font-size:8px;font-weight:900;letter-spacing:.1em;}
html .shell .proof-grid {grid-template-columns:1fr;}
html .shell .mario-feature {min-height:560px;}
html .shell .mario-copy {width:48%;padding:58px;}
html .shell .mario-feature img {width:54%;height:112%;right:2%;bottom:-10%;}
html body>main .pack .with-examples {display:block;}
html body>main .pack .with-examples::before {display:none;}
.video-poster {position:relative;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#124273 url('images/equipo-portada-recortada.png') center/cover;color:white;}
.video-poster img {display:block;width:100%;height:100%;object-fit:cover;}
.video-poster::after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07284bc7,transparent 70%);}
.video-poster-capture::after,.video-poster-capture .play-circle,.video-poster-capture .poster-label {display:none;}
.play-circle {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f8fbe3;color:#13539b;font-size:22px;z-index:1;box-shadow:0 8px 30px #082b4650;}
.poster-label {position:absolute;left:23px;bottom:19px;font-weight:750;font-size:17px;z-index:1;}
html .video-direct {display:inline-flex;align-items:center;min-height:44px;margin:10px 18px 0;color:#125bae;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px;}
html .shell .video-copy {padding-top:15px;}
html .shell .sales-copy h2 {font-size:clamp(30px,3vw,46px);line-height:1.2;}
html .shell .sales-access h3 {font-size:27px;line-height:1.3;}
html .shell .sales-card {grid-template-columns:1.15fr .85fr;}
html .shell .more-artists-head {display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);column-gap:36px;align-items:end;margin:58px 0 22px;padding-top:25px;border-top:1px solid #b9ccda;}
html .shell .more-artists-head span {grid-column:1/-1;margin-bottom:10px;color:#2e7a69;font-size:10px;font-weight:900;letter-spacing:.18em;}
html .shell .more-artists-head strong {font-size:clamp(28px,3vw,46px);line-height:1.05;letter-spacing:-.045em;color:#103b70;}
html .shell .more-artists-head p {margin:0;color:#627f99;font-size:14px;line-height:1.6;}
html .shell .artist-grid-more {grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;}
html .shell .artist-grid-more .artist {border-radius:10px;}
html .shell .artist-grid-more .artist strong {left:9px;right:9px;bottom:8px;font-size:9px;}
html .shell .artist-grid-more .artist small {left:9px;top:8px;padding:3px 6px;font-size:7px;}
@media(max-width:1100px){html .shell .hero{grid-template-columns:1fr}html .shell .hero-art img{max-height:none;aspect-ratio:3/2}html .shell .section-head{grid-template-columns:1fr}html .shell .hero h1{font-size:clamp(37px,6vw,62px)}html .shell .sales-card{grid-template-columns:1fr}html .shell .artist-grid-more{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){html .shell .packs-grid{grid-template-columns:1fr}html .shell .packs-intro h2{font-size:clamp(49px,15vw,76px)}html .shell .packs-intro p{margin-top:22px}html .shell .pack-column{padding-top:86px}html .shell .pack-ground{height:150px;padding:16px 20px}html .shell .pack-ground strong{right:18px;top:-18px;font-size:clamp(100px,34vw,142px)}html .shell .hero h1{font-size:clamp(31px,8.3vw,46px)}html .shell .hero-copy{padding:30px 23px}html .shell .hero-copy>p,html .shell .section-head p,html .shell .pack>p,html .shell .step p,html .shell .video-copy p,html .shell .sales-copy p,html .shell .sales-access p{font-size:16px}html .shell .checks li,html body>main .pack li{font-size:16px}html .shell .hero-badge{padding:25px 23px}html .shell .hero-art{max-height:none}html .shell .hero-art img{min-height:0}html .shell .mario-feature{min-height:790px}html .shell .mario-feature img{height:40%}.pack-examples{gap:7px}.pack-examples strong{font-size:10px}.pack-result{padding:19px}.pack-heading{gap:11px!important}.pack-number{width:36px!important;height:36px!important}html .shell .more-artists-head{grid-template-columns:1fr;gap:12px}html .shell .artist-grid-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html .shell .mario-copy{width:100%;}}
@media(max-width:380px){.pack-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Ajuste final de portada: fotografía continua, sin bandas vacías. */
html .shell .hero h1{font-size:clamp(34px,3.25vw,54px);text-wrap:initial;}
html .shell .hero-art{display:grid;grid-template-rows:minmax(0,1fr) auto;}
html .shell .hero-art img{height:100%;aspect-ratio:auto;min-height:360px;object-fit:cover;}
@media(max-width:1100px){html .shell .hero-art{display:block}html .shell .hero-art img{height:auto;min-height:0;aspect-ratio:3/2}html .shell .hero h1{font-size:clamp(32px,4.6vw,52px)}}
@media(max-width:760px){html .shell .hero h1{font-size:clamp(29px,7.7vw,42px)}html .shell .hero-art img{position:relative!important;inset:auto!important;width:100%;height:auto}}