@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Teko:wght@500;600;700&display=swap');

:root{--black:#0b0c0e;--ink:#14161a;--white:#f6f4f0;--paper:#e9e8e4;--pink:#fb1686;--orange:#f58d32;--line:#3b3c3f;--mute:#a8a7a5;--side:clamp(22px,4vw,68px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:'IBM Plex Sans',Arial,sans-serif}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.skip{position:absolute;left:16px;top:-80px;background:var(--pink);color:#000;padding:14px;z-index:100}
.skip:focus{top:16px}
.masthead{height:86px;padding:0 var(--side);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(18px,3vw,48px);border-bottom:1px solid #ffffff35;background:#0b0c0e}
.brand{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:'Teko',Impact,sans-serif;font-weight:700;font-size:33px;letter-spacing:-.03em;line-height:1}
.brand span{font-family:'IBM Plex Sans',Arial,sans-serif;font-size:19px;font-weight:400;letter-spacing:-.09em;margin-left:2px}
.brand i{display:inline-block;width:6px;height:6px;background:var(--pink);margin:0 0 19px 4px}
.masthead-tag{border-left:1px solid #ffffff55;padding-left:20px;color:#b9b7b4;font:500 9px/1.55 'IBM Plex Mono',monospace;letter-spacing:.12em}
.masthead nav{display:flex;gap:clamp(18px,2.2vw,34px);align-items:center;font:500 12px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.09em}
.masthead nav a:hover{color:var(--pink)}
.masthead-call{min-height:48px;display:flex;align-items:center;gap:11px;background:var(--pink);color:#050507;padding:11px 18px;font:600 12px 'IBM Plex Mono',monospace;text-transform:uppercase}
.masthead-call b{font-weight:600}.masthead-call span{font-size:22px;line-height:1}
.hero{min-height:710px;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid #ffffff30}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0efa 0%,#0b0c0eea 32%,#0b0c0e40 72%,transparent 100%);z-index:-1}
.hero-register{position:absolute;inset:20px var(--side) auto;display:flex;justify-content:space-between;color:var(--orange);font:400 22px 'IBM Plex Mono',monospace}
.hero-main{max-width:960px;padding:clamp(110px,11vw,190px) var(--side) 80px;position:relative;z-index:1}
.hero-status,.hero-side,.signal-strip,.section-id,.micro,.triad-no,.case-code,.section-top>span,.visit-number>span,.last-call>span{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase}
.hero-status{display:flex;gap:17px;align-items:center;color:#dededb;white-space:nowrap}
.hero-status .star{color:var(--pink);font-size:18px}.hero-status span:last-child{color:#aaa9a5}
h1,h2,.case strong{font-family:'Teko',Impact,sans-serif;font-weight:600;text-transform:uppercase}
.hero h1{font-size:clamp(85px,10.7vw,170px);line-height:.74;letter-spacing:-.045em;margin:34px 0 35px;max-width:930px;text-wrap:balance}
.hero--detail h1{font-size:clamp(78px,8.8vw,132px);max-width:900px}
.hero-main>p{font-size:clamp(18px,1.5vw,24px);line-height:1.44;max-width:540px;color:#dad9d7;margin:0}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px;flex-wrap:wrap}
.hot-button{min-height:54px;background:var(--pink);color:#090909;padding:15px 21px;display:inline-flex;justify-content:space-between;align-items:center;gap:35px;font:600 14px 'IBM Plex Sans',Arial,sans-serif}
.hot-button:hover,.masthead-call:hover{background:#ff6bb0}
.hot-button span{font-size:22px;line-height:1}
.quiet-link{border-bottom:1px solid #ffffffa0;padding:8px 0;font-size:14px}
.quiet-link:hover{color:var(--pink)}
.hero-side{position:absolute;right:var(--side);top:116px;bottom:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:end;color:#c7c4c2;font-size:10px;writing-mode:vertical-rl}
.signal-strip{min-height:70px;background:var(--pink);color:#060608;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--side);font-size:10px}
.read-section{background:var(--white);color:var(--ink);display:grid;grid-template-columns:29% 71%;gap:20px;padding:105px var(--side) 115px}
.section-id{color:#ec0f7a;padding-top:10px}
.micro{color:#d20b6a;margin:0 0 25px}
.read-section h2{font-size:clamp(54px,6.2vw,104px);line-height:.83;letter-spacing:-.015em;max-width:950px;margin:0 0 24px}
.lead-text{font-size:clamp(20px,2vw,28px);line-height:1.55;max-width:850px;color:#3b3d3e;margin:0}
.triad{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.triad article{min-height:500px;display:flex;flex-direction:column;padding:43px var(--side) 55px;border-right:1px solid var(--line)}
.triad article:last-child{border-right:0}
.triad article:nth-child(2){background:#151619}
.triad-no{color:var(--pink);border-top:2px solid var(--pink);padding-top:14px}
.triad h2{font-size:clamp(45px,4.2vw,72px);line-height:.91;letter-spacing:-.02em;margin:75px 0 24px;max-width:500px}
.triad p{color:#c2c1be;font-size:17px;line-height:1.66;max-width:530px;margin:auto 0 0}
.visit-panel{display:grid;grid-template-columns:220px 1fr auto;gap:44px;align-items:center;background:var(--paper);color:var(--ink);padding:48px var(--side);border-bottom:1px solid #c6c5c2}
.visit-number>span{color:#c00c6b}
.visit-number strong{display:block;font-family:'Teko',Impact,sans-serif;font-size:100px;line-height:.85;font-weight:600;margin-top:10px}
.visit-number small{font:600 14px 'IBM Plex Mono',monospace;margin-left:4px}
.visit-panel h2{font-size:48px;line-height:.94;margin:0 0 8px}
.visit-panel p{font-size:16px;line-height:1.55;max-width:660px;margin:0;color:#484a4c}
.related,.catalog-group,.faq{background:var(--white);color:var(--ink);padding:94px var(--side)}
.catalog-group:nth-of-type(even){background:var(--paper)}
.section-top{display:grid;grid-template-columns:28% 1fr auto;align-items:end;gap:24px;margin-bottom:40px}
.section-top>span{color:#d30c71;align-self:start;padding-top:8px}
.section-top h2{font-size:clamp(55px,6.1vw,100px);line-height:.85;margin:0}
.section-top p{max-width:270px;font-size:15px;color:#5c5c5d;line-height:1.45;margin:0}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bdbcb9;border:1px solid #bdbcb9}
.case{background:var(--white);color:var(--ink);min-height:300px;padding:30px;display:flex;flex-direction:column;transition:background .18s,color .18s}
.case:hover{background:var(--black);color:var(--white)}
.case-code{color:#c60d6a}
.case strong{font-size:clamp(34px,3.1vw,52px);line-height:.9;margin:52px 0 15px}
.case>span:nth-of-type(2){font-size:14px;line-height:1.5;color:#66666a}
.case:hover>span:nth-of-type(2){color:#c3c1c0}
.case b{font-size:26px;color:var(--pink);font-weight:400;align-self:end;margin-top:auto}
.faq{border-top:1px solid #c9c7c4}
.faq .section-top{grid-template-columns:28% 1fr}
details{border-bottom:1px solid #c6c6c3}
summary{cursor:pointer;list-style:none;min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;font-weight:600}
summary::-webkit-details-marker{display:none}
summary span{color:#d10d72;font-size:25px}
details p{font-size:16px;line-height:1.65;color:#4f5254;max-width:900px;margin:0 0 26px}
.last-call{padding:115px var(--side);background:var(--pink);color:#0a0a0b;display:grid;grid-template-columns:27% 1fr;gap:20px}
.last-call>span{grid-row:span 3;padding-top:10px}
.last-call h2{font-size:clamp(60px,7vw,115px);line-height:.82;margin:0;max-width:1000px}
.last-call p{font-size:18px;line-height:1.5;max-width:620px;margin:0}
.last-call .hot-button{background:#08090b;color:#fff;justify-self:start}
.last-call .hot-button:hover{background:#2d2e32}
.foot{padding:80px var(--side) 120px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}
.foot p{color:#adaead;font-size:15px;line-height:1.55}
.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;font:500 13px 'IBM Plex Mono',monospace}
.foot-links a:hover{color:var(--pink)}
.foot small{grid-column:1/-1;color:#8b8a88;font-size:12px}
.mobile-call{display:none}
@media(max-width:1100px){.masthead{grid-template-columns:auto 1fr auto}.masthead-tag{display:none}.masthead nav{justify-self:end}.masthead nav a:last-child{display:none}.hero{min-height:660px}.hero-side{display:none}.visit-panel{grid-template-columns:200px 1fr}.visit-panel .hot-button{grid-column:2;justify-self:start}.section-top{grid-template-columns:25% 1fr}.section-top p{grid-column:2}.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){:root{--side:22px}.masthead{height:68px;grid-template-columns:1fr auto auto;gap:15px}.brand{font-size:28px}.brand span{font-size:16px}.masthead nav{font-size:0}.masthead nav a{display:none}.masthead nav a:nth-child(1){display:inline-block;font-size:12px;border-bottom:2px solid var(--pink);min-height:44px;padding-top:13px}.masthead-call{font-size:0;min-height:44px;padding:8px 9px;gap:2px}.masthead-call b{display:none}.masthead-call:before{content:'Llamar';font:600 12px 'IBM Plex Sans',sans-serif}.masthead-call span{font-size:20px}.hero{min-height:720px}.hero-photo{object-position:66% center;opacity:.72}.hero:after{background:linear-gradient(180deg,#0b0c0eee 0%,#0b0c0ecc 42%,#0b0c0e66 100%)}.hero-register{top:12px}.hero-main{padding:105px var(--side) 50px}.hero-status{font-size:9px;white-space:normal;gap:8px}.hero-status span:last-child{display:none}.hero h1,.hero--detail h1{font-size:clamp(67px,17vw,100px);line-height:.76;margin:28px 0 27px;max-width:580px}.hero-main>p{font-size:18px;max-width:430px}.hero-actions{gap:14px;margin-top:28px}.signal-strip{overflow:auto;white-space:nowrap;gap:30px;min-height:55px}.read-section{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px;gap:35px}.read-section h2{font-size:clamp(55px,12vw,78px)}.lead-text{font-size:19px}.triad{display:block}.triad article{min-height:300px;padding:38px var(--side);border-right:0;border-bottom:1px solid var(--line)}.triad h2{font-size:52px;margin:50px 0 25px}.triad p{font-size:16px}.visit-panel{display:block;padding-top:47px;padding-bottom:47px}.visit-number strong{font-size:80px}.visit-panel h2{font-size:48px;margin-top:35px}.visit-panel .hot-button{margin-top:26px}.related,.catalog-group,.faq{padding-top:67px;padding-bottom:70px}.section-top,.faq .section-top{display:block;margin-bottom:26px}.section-top h2{font-size:64px;margin:20px 0 0}.section-top p{margin-top:12px}.case-grid{grid-template-columns:1fr}.case{min-height:245px}.case strong{font-size:45px;margin:40px 0 13px}.last-call{display:block;padding-top:77px;padding-bottom:80px}.last-call h2{font-size:74px;margin:25px 0}.last-call p{font-size:17px;margin-bottom:25px}.foot{grid-template-columns:1fr;gap:34px;padding-top:65px;padding-bottom:125px}.foot-links{grid-template-columns:1fr}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;min-height:58px;background:var(--white);color:var(--black);align-items:center;justify-content:space-between;padding:0 var(--side);font-weight:700;border-top:3px solid var(--pink)}.mobile-call span{font-size:22px;color:#ce0d72}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case{transition:none}}