/* Una modalidad secundaria: conserva el protagonismo del análisis. */
.hero-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero .hero-actions>.button{margin-top:0}
.hero-trade-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:66px;padding:12px 24px;border:1px solid #f4f0e8b3;border-radius:999px;color:#f4f0e8;font-size:18px;line-height:1.3;background:#06253d33;transition:background .2s,border-color .2s}
.hero-trade-button:hover{background:#f4f0e81a;border-color:#f4f0e8}
.hero-trade-button:focus-visible{outline:3px solid #ff783e;outline-offset:5px}
.hero .hero-trade-button,.barter-section.barter-commercial .barter-link{background:#ff4f00;border-color:#ff4f00;color:#06253d;padding:10px 16px 10px 27px;--knot-background:#ff4f00}
.hero .hero-trade-button:hover,.barter-section.barter-commercial .barter-link:hover{background:#ff6220;border-color:#ff6220;--knot-background:#ff6220}
.cta-knot{display:block;width:46px;height:46px;flex:0 0 46px;overflow:visible;transform:rotate(-7deg);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.cta-knot .knot-a,.cta-knot .knot-over{stroke:#f4f0e8;stroke-width:3.4}
.cta-knot .knot-b{stroke:#06253d;stroke-width:3.4}
.cta-knot .knot-gap{stroke:var(--knot-background,#ff4f00);stroke-width:9}
.cta-knot .knot-fibre{stroke:#06253d;stroke-width:1.6}
.hero-trade-button:hover .cta-knot,.hero-trade-button:focus-visible .cta-knot,.barter-link:hover .cta-knot,.barter-link:focus-visible .cta-knot{transform:rotate(6deg)}
@media(max-width:700px){.hero-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:25px;max-width:420px}.hero .hero-actions>.button,.hero-trade-button{width:100%;min-height:62px;justify-content:space-between;font-size:16px}.hero-trade-button{padding:12px 24px}}
@media(prefers-reduced-motion:reduce){.hero-trade-button{transition:none}}
.hero .hero-barter{font-size:15px;line-height:1.6;margin:22px 0 0;max-width:530px;color:#e0e8ed}
.hero-barter>span{display:block}
.hero-barter a{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#f4f0e870;color:#f4f0e8}
.hero-barter a:hover{text-decoration-color:currentColor}
.hero-barter a:focus-visible{outline:3px solid #ff783e;outline-offset:4px}
@media(min-width:801px) and (max-height:800px){.hero{padding-top:110px}.hero h1{font-size:clamp(64px,6.6vw,88px)}.hero .eyebrow{margin-bottom:18px}.hero .hero-purpose{margin-top:22px;font-size:30px}.hero .button{margin-top:22px}.hero .hero-barter{margin-top:12px}}
.barter-section{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:#06253d70;border-top:1px solid #f4f0e82e;border-bottom:1px solid #f4f0e82e}
.barter-section .section-label{margin-bottom:24px;font-size:11px;letter-spacing:.12em}
.barter-heading h2{font-size:clamp(34px,4vw,56px);max-width:420px;line-height:1.12;margin:0}
.barter-copy{max-width:610px;font-size:18px;line-height:1.65}
.barter-copy>p:first-child{margin-top:0}.barter-copy>p{margin-bottom:20px}
.barter-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #f4f0e880;border-radius:999px;padding:13px 22px;min-height:50px;font-size:17px;line-height:1.3;transition:background .2s,border-color .2s}
.barter-link:hover{background:#f4f0e81a;border-color:#f4f0e8}
.barter-link:focus-visible,.barter-contact a:focus-visible{outline:3px solid #ff783e;outline-offset:5px}
.barter-copy .barter-note{font-size:14px;line-height:1.6;color:#e0e8ed;margin:20px 0 0;max-width:520px}
.contact .barter-contact{font-size:15px!important;margin:26px 0 0;line-height:1.5}
.barter-contact a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#f4f0e866}
.barter-contact a:hover{text-decoration-color:currentColor}
/* Propuesta comercial propia, inmediatamente después de la portada. */
.barter-commercial{position:relative;grid-template-columns:1.05fr 1fr;gap:8%;background:linear-gradient(115deg,#06253df2,#06253db8);scroll-margin-top:0}
.barter-commercial .section-label{display:flex;align-items:center;gap:12px;color:#f4f0e8}
.barter-commercial .section-label:before{content:'';width:25px;height:2px;flex:none;background:#ff4f00}
.barter-commercial .barter-heading h2{font-size:clamp(43px,4.6vw,70px);max-width:600px;letter-spacing:-.035em}
.barter-commercial h2 em{display:block;margin-top:22px;font-style:normal;color:#f4f0e8;text-decoration:underline;text-decoration-color:#ff4f00;text-decoration-thickness:2px;text-underline-offset:10px}
.barter-commercial .barter-lead{font-size:23px;line-height:1.5}
.barter-commercial .barter-closing{font-family:Fraunces,Georgia,serif;font-size:27px;line-height:1.3;margin:28px 0}
.barter-commercial .barter-link{background:#f4f0e8;color:#19527d;border-color:#f4f0e8;font-size:18px;min-height:56px;padding:14px 24px;gap:36px}
.barter-commercial .barter-link span{transition:transform .2s}
.barter-commercial .barter-link:hover{background:#fff9ee}.barter-commercial .barter-link:hover span{transform:translateX(4px)}
.barter-commercial .barter-note{max-width:470px;margin-top:22px}
.barter-knot{margin-top:30px;width:170px;--knot-background:#06253d}
.barter-knot .cta-knot{width:170px;height:120px;transform:rotate(-7deg)}
.barter-knot .knot-a,.barter-knot .knot-over,.barter-knot .knot-fibre{stroke:#ff4f00}
.barter-knot .knot-b{stroke:#f4f0e8}
@media(max-width:800px){.barter-commercial{grid-template-columns:1fr;gap:38px}.barter-commercial .barter-heading h2{font-size:clamp(40px,7.2vw,60px);max-width:650px}.barter-commercial .barter-lead{font-size:21px}.barter-commercial .barter-closing{font-size:25px}}
@media(max-width:600px){.barter-commercial{padding-top:65px;padding-bottom:65px}.barter-commercial .barter-heading h2{font-size:42px}.barter-commercial h2 em{margin-top:18px;text-underline-offset:8px}.barter-commercial .barter-link{font-size:17px;gap:24px;max-width:100%}}
/* Formulario breve: mismo mar, cabecera y papel crema. */
.trade-page .language-switch{font-family:Familjen,Arial,sans-serif}
.trade-page .language-switch a{display:grid;place-items:center}
.trade-page main{max-width:1050px;padding-top:155px;padding-bottom:55px}
.trade-intro{max-width:720px;margin-bottom:35px}
.trade-intro h1{font-size:clamp(42px,5.7vw,76px);margin-bottom:26px}
.trade-intro .lead{font-size:22px;max-width:650px}
.trade-note{font-size:15px;line-height:1.6;max-width:650px;color:#e0e8ed}
.trade-form{margin:0;padding:40px;max-width:820px}
.trade-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.trade-field label{font-size:18px;margin:0 0 9px;line-height:1.4}
.trade-field label span{font-size:14px;color:#466074}
.trade-field input,.trade-field textarea{min-width:0;min-height:50px;line-height:1.5}
.trade-email,.trade-project,.trade-offer,.trade-web{grid-column:1/-1}
.trade-form .privacy{line-height:1.6;margin-top:30px}
.trade-form .privacy a{text-decoration:underline;text-underline-offset:3px}
.trade-submit{background:#19527d;color:#f4f0e8;border:1px solid #19527d;border-radius:999px;min-height:52px;gap:24px;padding:12px 22px}
.trade-submit:hover{background:#06253d}.trade-submit:disabled{cursor:wait;opacity:.65}
.trade-form button:focus-visible,.trade-form a:focus-visible{outline:3px solid #19527d;outline-offset:5px}
#trade-status{font-size:16px;line-height:1.6;margin:18px 0 0}#trade-status:empty{margin:0}
.trade-return{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:820px;font-size:15px;margin-top:30px}
.trade-return a{text-decoration:underline;text-underline-offset:4px}
.trade-skip{position:fixed;left:16px;top:-100px;z-index:40;background:#f4f0e8;color:#19527d;padding:12px 18px}
.trade-skip:focus{top:14px}
@media(max-width:800px){.barter-section{grid-template-columns:1fr;gap:28px}.barter-heading h2{max-width:none}.barter-copy{font-size:17px}.trade-page main{padding-top:155px}}
@media(max-width:600px){.barter-section{padding-top:55px;padding-bottom:55px}.barter-section .section-label{font-size:10px;margin-bottom:18px}.barter-heading h2{font-size:38px}.trade-page main{padding-top:155px}.trade-intro h1{font-size:43px}.trade-intro .lead{font-size:19px}.trade-form{padding:26px 20px;margin:0}.trade-fields{grid-template-columns:1fr;gap:22px}.trade-field{grid-column:1}.trade-return{font-size:14px}.trade-submit{width:100%;justify-content:space-between}.trade-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.barter-link,.barter-commercial .barter-link span,.cta-knot{transition:none}.barter-commercial .barter-link:hover span{transform:none}.hero-trade-button:hover .cta-knot,.hero-trade-button:focus-visible .cta-knot,.barter-link:hover .cta-knot,.barter-link:focus-visible .cta-knot{transform:rotate(-7deg)}}

@media(max-width:700px){.hero .hero-trade-button{padding:9px 13px 9px 22px}.hero-trade-button .cta-knot,.barter-link .cta-knot{width:42px;height:42px;flex-basis:42px}.barter-knot{margin-top:20px;width:125px}.barter-knot .cta-knot{width:125px;height:90px}}
