@font-face{font-family:'Tallica Actual';src:url('fonts/Tallica-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;size-adjust:65%;ascent-override:150%;descent-override:30%;line-gap-override:0%}
@font-face{font-family:'Instrument Sans';src:url('fonts/InstrumentSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('fonts/InstrumentSans-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('fonts/InstrumentSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--green:#073f40;--cream:#f2ece2;--paper:#faf7f1;--coral:#eb7b64;--red:#d83a35;--blue:#245bd1;--yellow:#e9b948;--display:'Tallica Actual',sans-serif;--hand:var(--sans);--sans:'Instrument Sans',sans-serif;--line:rgba(7,63,64,.25);--display-weight:500;--tracking:.005em}
.reference-type{--display:Georgia,'Times New Roman',serif;--display-weight:700;--tracking:-.045em}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--green);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a,button,input,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--tracking);word-spacing:.06em;font-synthesis:none}section[id],div[id]{scroll-margin-top:24px}.eyebrow{display:block;font-size:10px;letter-spacing:.17em;font-weight:600;line-height:1.5}
.nav{min-height:128px;display:flex;align-items:center;justify-content:space-between;padding:8px 6%;background:var(--cream);gap:35px}.brand{display:block;width:143px;height:108px;position:relative;flex-shrink:0}.brand-name{font:500 101px/1 'Tallica Actual',sans-serif;letter-spacing:.035em;position:absolute;bottom:0;left:9px;font-synthesis:none}.brand-script{position:absolute;top:7px;left:4px;z-index:2;font:400 26px/1 var(--hand);color:var(--red);transform:rotate(-8deg);white-space:nowrap}nav{display:flex;align-items:center;gap:43px;font-size:14px;font-weight:600}nav>a{display:flex;align-items:center;gap:15px;min-height:44px}nav>a:hover{text-decoration:underline;text-underline-offset:6px}nav span{font-size:18px}
.hero{background:var(--green);color:var(--cream);position:relative;overflow:hidden}.hero-inner{max-width:1560px;margin:auto;padding:54px 6% 56px 8%;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;position:relative;align-items:center}.hero-copy{position:relative;z-index:1;padding:12px 0 25px}.hero h1{font-size:clamp(120px,12.9vw,190px);line-height:.94;margin-bottom:34px}.hero-copy>p{font-size:17px;line-height:1.7;max-width:490px;text-wrap:pretty}.coral-shape{position:absolute;left:-128px;bottom:-90px;width:190px;height:420px;background:var(--coral);transform:rotate(17deg)}.hand-note{font-family:var(--hand);font-weight:400;font-size:35px;line-height:1.4;display:block}.hand-note svg{display:block;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;width:85px}.hero-note{position:absolute;top:90px;left:49%;transform:rotate(-9deg);font-size:27px;z-index:1;pointer-events:none}.hero-note svg{margin:9px 0 0 22px;width:75px}
.form-card{background:var(--paper);color:var(--green);border-radius:12px;padding:24px 33px 23px;position:relative;z-index:2}.stacked-title{position:relative;display:table;min-height:94px;margin:0 0 16px;padding-top:15px}.stacked-main{display:block;font:500 76px/1.1 'Tallica Actual',sans-serif;letter-spacing:.045em;font-synthesis:none}.stacked-script{position:absolute;z-index:2;top:0;left:12px;font:400 26px/1 var(--hand);color:var(--red);transform:rotate(-8deg);white-space:nowrap}.form-card form>label:not(.consent){display:block;font-size:12px;font-weight:700;margin:12px 0 6px}input:not([type=checkbox]),select{width:100%;background:transparent;color:var(--green);border:1px solid var(--green);border-radius:4px;min-height:41px;padding:9px 11px;font-size:13px}input::placeholder{color:#678080}select{padding-right:25px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;margin:18px 0;line-height:1.55}.consent input{appearance:none;width:16px;height:16px;border:1px solid var(--green);border-radius:3px;flex-shrink:0;margin:1px 0 0}.consent input:checked{background:var(--green)}.consent input:checked:after{content:'✓';display:block;color:var(--paper);text-align:center;font-size:12px}.submit{width:100%;background:var(--green);color:var(--cream);border:0;border-radius:4px;padding:13px 15px;display:flex;justify-content:space-between;font-size:16px;font-weight:700}.submit:hover{background:#125859}.form-note{font-size:10px;text-align:center;opacity:.65;margin-top:12px;line-height:1.5}.form-result{font-size:12px;line-height:1.6;padding:10px;border:1px solid var(--line);margin-top:12px}
.trust{background:var(--cream);padding:29px 5%;display:flex;align-items:center;gap:30px}.trust h2{font-size:36px;white-space:nowrap}.trust-slots{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;border-left:1px solid var(--line);gap:24px;padding-left:30px;flex:1}.trust-slots>div{display:flex;flex-direction:column;gap:5px}.trust-slots strong{font-family:var(--sans);font-size:25px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.trust-slots>div:last-child strong{font-size:18px;padding-top:7px}.trust-slots span{font-size:11px;line-height:1.5;opacity:.8}
.content-shell{max-width:1560px;margin:auto;padding:0 3.4%}.offers{padding-top:40px}.section-title{display:flex;align-items:center;gap:30px;margin-bottom:28px}.section-title h2{font-size:clamp(46px,5.6vw,82px);line-height:1.08;white-space:nowrap}.section-title>span{height:1px;background:var(--green);flex:1;margin-top:8px}.section-title small{font-size:9px;letter-spacing:.14em;white-space:nowrap}.offer-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:18px}.coral{background:var(--coral);color:var(--paper)}.blue{background:var(--blue);color:var(--paper)}.yellow{background:var(--yellow);color:var(--green)}.offer{padding:30px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden}.offer-heading{display:flex;align-items:center;gap:25px;min-height:105px;margin-bottom:26px}.offer-number{font:500 109px/.95 'Tallica Actual',sans-serif;letter-spacing:.03em;padding-right:24px;border-right:1px solid currentColor;flex-shrink:0;font-synthesis:none}.offer h3{font-size:clamp(40px,3.7vw,56px);line-height:1.02}.offer-body{flex:1}.offer-body>p{font-size:15px;line-height:1.7;max-width:520px}.offer-body ul{margin:23px 0 28px;padding:0;list-style:none}.offer-body li{padding:11px 0;border-top:1px solid #ffffff55;font-size:13px;line-height:1.55}.offer-bottom{border-top:1px solid #ffffff55;padding-top:18px}.offer-duration{font-size:10px;font-weight:600;letter-spacing:.035em;display:block;margin-bottom:19px}.text-link{font-size:14px;line-height:1.5;display:inline-flex;align-items:center;gap:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px;position:relative;z-index:1}.text-link span{font-size:24px;text-decoration:none;line-height:1}.text-link:hover{text-underline-offset:7px}
.about{display:grid;grid-template-columns:.85fr 1.12fr;margin-top:38px;background:#fffdf8}.portrait{position:relative;min-height:440px;overflow:hidden;background:var(--yellow)}.portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%}.portrait-note{position:absolute;right:23px;top:20px;transform:rotate(-9deg);font-size:28px}.portrait-note svg{width:60px;margin:7px 0 0 -8px}.about-copy{padding:35px 37px;display:flex;flex-direction:column;justify-content:center}.about-copy h2{font-size:clamp(62px,6vw,88px);line-height:1.05;margin:14px 0 21px}.about-copy p{font-size:14px;line-height:1.75;max-width:580px}.about-copy p+p{margin-top:15px}.socials{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;padding-top:19px;border-top:1px solid var(--line);font-size:12px;font-weight:600}.socials a{display:flex;align-items:center;gap:12px;min-height:30px}.socials a:hover{text-decoration:underline;text-underline-offset:5px}
.resources{padding:40px 0}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource{position:relative;overflow:hidden;padding:27px 28px 28px;min-height:310px;display:flex;flex-direction:column}.resource .eyebrow{font-size:9px;opacity:.8;z-index:1}.resource h3{font-size:clamp(39px,3.7vw,55px);line-height:1.05;margin:18px 0 21px;z-index:1}.resource p{font-size:13px;line-height:1.7;z-index:1;max-width:90%;margin-bottom:28px}.resource .text-link{margin-top:auto;align-self:flex-start;font-size:12px}.resource-circle{width:150px;height:150px;position:absolute;right:-80px;bottom:-90px;border-radius:50%;background:var(--cream)}.resource-triangle{position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:70px solid var(--cream);border-left:70px solid transparent}
.closing{background:var(--green);color:var(--cream);padding:47px 7% 53px;display:grid;grid-template-columns:1.3fr .8fr;gap:12%;align-items:center}.closing h2{font-size:clamp(80px,9.4vw,140px);line-height:.98}.closing-action .hand-note{color:var(--coral);font-size:47px;transform:rotate(-6deg);text-align:center;margin-bottom:22px}.closing-action svg{width:150px;height:24px;margin:auto}.closing-action>a{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;background:var(--yellow);color:var(--green);border-radius:5px;font-size:21px;font-weight:700}.closing-action>a:hover{background:#f2cb6c}footer{display:flex;align-items:center;gap:28px;background:var(--cream);padding:26px 5% 34px;font-size:12px}footer .footer-brand{font-weight:700;font-size:20px;letter-spacing:-.8px}footer>span{flex:1;opacity:.75}footer button{background:none;border:0;padding:0;font-size:12px;min-height:34px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:var(--cream);padding:15px}.skip:focus{top:10px}
.font-panel{position:fixed;bottom:15px;left:17px;z-index:20;box-shadow:0 4px 24px #073f4022;border:1px solid var(--line);border-radius:8px;background:var(--paper);max-width:340px;font-size:12px}.font-panel summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 13px;font-weight:700}.font-panel summary::-webkit-details-marker{display:none}#font-dot{width:7px;height:7px;background:var(--yellow);border-radius:50%}#font-summary{font-weight:400;opacity:.7;font-size:10px;margin-left:5px}.font-panel[open]{max-height:75svh;overflow:auto}.font-panel-content{padding:4px 18px 16px}.font-panel-content h2{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:-.03em;margin-bottom:10px}.font-panel-content p{font-size:11px;line-height:1.6}.font-panel dl{margin:12px 0}.font-panel dl>div{padding:9px 0;border-top:1px solid var(--line)}.font-panel dt{font-weight:600}.font-panel dd{margin:3px 0 0;font-size:10px;opacity:.7}.font-panel-content>button{font-size:10px;min-height:35px;display:block;width:100%;border:1px solid var(--green);background:transparent;border-radius:4px;margin-top:8px}.font-panel-content>button[hidden]{display:none}dialog{background:var(--paper);color:var(--green);padding:40px;max-width:450px;width:90%;border:0;border-radius:8px}dialog::backdrop{background:#073f4080;backdrop-filter:blur(5px)}dialog h2{font-family:var(--sans);font-size:25px;font-weight:700;margin:10px 0 20px}dialog p{font-size:14px;line-height:1.7}dialog .dialog-done{background:var(--green);color:var(--cream);border:0;border-radius:4px;padding:12px 24px;margin-top:25px}.dialog-close{position:absolute;top:10px;right:13px;background:none;border:0;font-size:25px}
@media(min-width:1600px){.nav,.trust,.closing,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.hero-inner{padding-left:6%;gap:8%;grid-template-columns:1.1fr 1fr}.hero-note{left:44%;top:90px;font-size:23px}.form-card{padding:24px}.trust{gap:23px}.trust h2{font-size:31px}.trust-slots{gap:18px;padding-left:23px}.trust-slots strong{font-size:22px}.trust-slots>div:last-child strong{font-size:15px;padding-top:7px}.trust-slots span{font-size:10px}.section-title small{display:none}.offer{padding:26px}.offer-heading{gap:19px}.offer-number{font-size:93px;padding-right:19px}.offer h3{font-size:40px}.about-copy{padding:28px}.portrait{min-height:470px}.about-copy p{font-size:13px}.resource{padding:25px}.resource h3{font-size:42px}.closing-action .hand-note{font-size:38px}}
@media(max-width:760px){.nav{min-height:110px;padding:7px 5%;gap:16px}.brand{width:102px;height:94px}.brand-name{font-size:86px;left:5px}.brand-script{font-size:22px;left:0;top:7px}nav{gap:18px;font-size:11px}nav>a{gap:5px}nav span{font-size:14px}.hero-inner{grid-template-columns:1fr;padding:33px 6% 34px;gap:28px}.hero-copy{padding:0}.hero h1{font-size:clamp(116px,28vw,164px);line-height:.96;margin:0 0 27px}.hero-copy>p{font-size:15px;line-height:1.75;max-width:none}.hero-note{position:relative;top:auto;left:auto;justify-self:end;font-size:26px;margin:-2px 17px -18px 0}.hero-note svg{width:65px;margin-top:0}.coral-shape{height:280px;left:-104px;top:100px;bottom:auto;width:130px}.form-card{padding:24px 26px;border-radius:9px}.stacked-title{margin-bottom:11px}.trust{display:block;padding:26px 6%}.trust h2{font-size:39px;margin-bottom:23px}.trust-slots{border-left:0;padding:0;grid-template-columns:1fr 1fr;gap:24px 18px}.trust-slots strong{font-size:27px}.trust-slots span{font-size:11px}.trust-slots>div:last-child strong{font-size:19px;padding-top:6px}.content-shell{padding:0 5%}.offers{padding-top:30px}.section-title{gap:20px;margin-bottom:23px}.section-title h2{font-size:clamp(44px,12vw,65px)}.offer-grid{grid-template-columns:1fr;gap:17px}.offer{padding:26px}.offer-heading{margin-bottom:24px;min-height:100px;gap:19px}.offer-number{font-size:102px}.offer h3{font-size:clamp(36px,10vw,49px)}.offer-body>p{font-size:14px}.offer-body li{font-size:12px}.offer-bottom .text-link{font-size:12px}.about{grid-template-columns:1fr;margin-top:27px}.portrait{min-height:0;aspect-ratio:1}.portrait-photo{object-position:center}.portrait-note{right:20px;top:20px}.about-copy{padding:30px 25px}.about-copy h2{font-size:70px;margin-top:16px}.about-copy p{font-size:14px}.socials{gap:21px;font-size:11px}.resources{padding:31px 0}.resources-grid{grid-template-columns:1fr;gap:16px}.resource{min-height:285px;padding:28px}.resource h3{font-size:49px;margin:18px 0}.resource p{max-width:85%;font-size:13px}.resource-circle{width:160px;height:160px;right:-75px;bottom:-100px}.closing{grid-template-columns:1fr;padding:37px 7% 39px;gap:30px}.closing h2{font-size:clamp(87px,23vw,125px);line-height:1}.closing-action{max-width:400px;width:100%;justify-self:center}.closing-action .hand-note{font-size:41px;margin-bottom:15px}.closing-action>a{font-size:19px}footer{flex-wrap:wrap;padding:26px 6% 81px;gap:18px;font-size:11px}footer .footer-brand{width:100%;font-size:21px}footer button{font-size:11px}.font-panel{left:12px;bottom:12px;max-width:calc(100vw - 24px)}.font-panel summary{padding:10px 12px}}
@media(max-width:350px){nav{gap:10px;font-size:10px}.brand{width:90px}.offer{padding:23px}.offer h3{font-size:34px}.offer-heading{gap:14px}.offer-number{padding-right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ronda 4: Tallica siempre en mayúsculas; tres credenciales centradas. */
h1,h2,h3,.brand-name,.stacked-main{ text-transform:uppercase }
.font-panel-content h2,dialog h2{ text-transform:none }
.stacked-script{ text-transform:none }
.trust{ display:block;text-align:center;padding-top:28px;padding-bottom:31px }
.trust h2{ margin-bottom:23px }
.trust-slots{ grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin:0 auto;padding:0;border-left:0;gap:35px }
.trust-slots>div{ align-items:center }
.trust-slots>div:last-child strong{ font-size:20px;padding-top:5px }
@media(max-width:760px){.trust-slots{gap:15px}.trust-slots strong{font-size:25px}.trust-slots>div:last-child strong{font-size:14px;padding-top:9px}.trust-slots span{font-size:10px}.offer h3{font-size:clamp(31px,8.8vw,43px)}}
/* Thinker: raster specimens from the official type tester, for this private design review. */
.thinker-proof{display:block;width:130px;aspect-ratio:var(--sample-ratio);background:currentColor;-webkit-mask-image:var(--sample);mask-image:var(--sample);mask-mode:alpha;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;white-space:nowrap}
.brand-script .thinker-proof{width:130px}.stacked-script .thinker-proof{width:147px}.hero-note .thinker-proof{width:115px}.portrait-note .thinker-proof{width:125px}.closing-action .thinker-proof{width:230px;margin:0 auto}
.proof-note{margin-top:12px}.proof-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.brand-script .thinker-proof{width:107px}.stacked-script .thinker-proof{width:145px}.hero-note .thinker-proof{width:113px}.portrait-note .thinker-proof{width:118px}.closing-action .thinker-proof{width:210px}}

/* Ronda 5: anotaciones rectas y sombra suave en cabecera y hero. */
.brand-script,.stacked-script,.hero-note{transform:none}
.brand-script .thinker-proof,.stacked-script .thinker-proof{}
.hero-note .thinker-proof{}
.portrait-note .thinker-proof{width:160px}
.about-copy>.eyebrow .thinker-proof{width:min(100%,330px);max-width:100%}
@media(max-width:760px){.portrait-note{top:0}.portrait-note .thinker-proof{width:147px}}

/* Ronda 6: cabecera café con marca crema y acento rojo. */
.nav{background:#3b2b24;color:#faf7f1}
.nav .brand-name{color:#faf7f1}
.nav .brand-script{color:var(--red)}
.nav .brand-script .thinker-proof{}

/* La anotación roja queda principalmente sobre café, con un solape leve. */
.nav .brand-script{top:0}
.nav .brand-name{bottom:-12px}
@media(max-width:760px){.nav .brand-name{bottom:-10px}}