body[data-brand="papel-para-mechas"] { --brand-accent:#94ddd2; --brand-deep:#153d3a; --brand-soft:#f1f0e8; --paper-dark:#101d20; --paper-text:#20302e; --paper-green:#26645b; background:var(--paper-dark); }
body[data-brand="papel-para-mechas"] [hidden] { display:none!important; }
.paper-wrap { width:min(100% - max(44px,12vw),1520px); margin-inline:auto; }
.paper-eyebrow { color:var(--brand-accent); font-size:.73rem; font-weight:750; letter-spacing:.15em; line-height:1.6; text-transform:uppercase; }
.paper-hero { padding-top:135px; background:var(--paper-dark); }
.paper-hero .brand-breadcrumb { margin-bottom:35px; }
.paper-hero-heading { display:grid; grid-template-columns:1.8fr 1fr; gap:65px; align-items:end; padding-bottom:45px; }
.paper-hero h1 { font-size:clamp(3rem,5.6vw,6.7rem); line-height:1.05; letter-spacing:-.052em; margin-top:14px; }
.paper-hero h1 em { display:block; margin-top:9px; font-size:.69em; line-height:1.12; }
.paper-hero-intro { padding-bottom:6px; }
.paper-hero-intro p { max-width:355px; color:#c0c9c6; line-height:1.7; font-size:1.01rem; margin-bottom:25px; }
.paper-hero-film { position:relative; width:100%; aspect-ratio:1920/500; overflow:hidden; background:#0c1619; }
.paper-hero-film picture,.paper-hero-film img,.paper-hero-film video { display:block; width:100%; height:100%; object-fit:contain; }
.paper-hero-film video { position:absolute; inset:0; }
.paper-motion-button { position:absolute; right:max(22px,6vw); bottom:18px; z-index:1; display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 16px; border-radius:50px; border:1px solid #9aa9a5; background:#101d20e8; color:#fff; font-size:.72rem; font-weight:650; cursor:pointer; }
.paper-motion-button:hover { background:#153d3a; }
.paper-film-caption { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:16px 20px; }
.paper-film-caption p { color:#b3c1bc; font-size:.8rem; }
.paper-film-caption a { display:inline-flex; align-items:center; gap:22px; min-height:44px; color:var(--brand-accent); font-size:.8rem; font-weight:650; }
.paper-film-caption a:hover { color:#fff; }
.paper-technology { padding-block:clamp(65px,7vw,105px); background:var(--brand-soft); color:var(--paper-text); }
.paper-section-heading { display:grid; grid-template-columns:1.4fr 1fr; gap:65px; align-items:end; }
.paper-section-heading h2,.paper-consult h2 { font-size:clamp(2.8rem,4.45vw,5.2rem); line-height:1.07; letter-spacing:-.045em; margin-top:16px; text-wrap:balance; }
.paper-section-heading>p { max-width:340px; font-size:.95rem; line-height:1.7; color:#586560; }
.paper-technology .paper-eyebrow,.paper-portfolio .paper-eyebrow { color:var(--paper-green); }
.paper-tech-list { display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; gap:40px; }
.paper-tech-list article { display:flex; gap:22px; padding-top:25px; border-top:1px solid #bfcac1; }
.paper-tech-symbol { flex:none; width:44px; padding-top:28px; color:#29988d; }
.paper-tech-symbol img { width:40px; height:40px; }
.paper-tech-index { font-size:.66rem; font-weight:650; letter-spacing:.09em; text-transform:uppercase; color:#5d6b63; }
.paper-tech-list h3 { margin:12px 0 14px; font-size:1.8rem; letter-spacing:-.025em; }
.paper-tech-list p { font-size:.9rem; line-height:1.65; max-width:325px; color:#4a5d56; }
.paper-source-link { display:inline-flex; align-items:center; gap:20px; min-height:44px; margin-top:27px; font-size:.74rem; color:#3e635a; text-decoration:underline; text-underline-offset:5px; }
.paper-portfolio { padding-block:clamp(65px,7vw,110px); background:#faf9f5; color:var(--paper-text); }
.paper-version-stage { margin-top:45px; }
.paper-version-tabs { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #c6cec8; border-bottom:1px solid #c6cec8; }
.paper-version-tabs button { color:var(--paper-text); padding:21px 17px; min-height:83px; border:0; border-bottom:3px solid transparent; background:transparent; text-align:left; cursor:pointer; transition:background .18s; }
.paper-version-tabs button span { display:block; font-family:Georgia,serif; font-size:1.5rem; letter-spacing:-.035em; }
.paper-version-tabs button small { display:block; margin-top:6px; font-size:.7rem; line-height:1.5; color:#58675f; }
.paper-version-tabs button:hover { background:#edf3ee; }
.paper-version-tabs button[aria-selected="true"] { border-bottom-color:var(--paper-green); background:#e6efea; }
.paper-version-panel { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,5vw,85px); align-items:center; padding:44px 0; }
.paper-version-panel+.paper-version-panel { border-top:1px solid #c6cec8; }
.is-enhanced .paper-version-panel { border-top:0; }
.paper-version-visual { position:relative; background:#fff; padding:20px 22px 62px; }
.paper-version-visual img { display:block; height:clamp(290px,29vw,450px); width:100%; object-fit:contain; }
.paper-version-visual figcaption { position:absolute; inset:auto 22px 18px; display:flex; gap:20px; align-items:center; justify-content:space-between; font-size:.7rem; color:#55645e; }
.paper-version-visual figcaption span { font-size:.6rem; letter-spacing:.09em; text-transform:uppercase; }
.paper-version-copy h3 { font-size:clamp(3.3rem,5.4vw,6rem); line-height:1; letter-spacing:-.055em; margin:12px 0 18px; }
.paper-version-lead { font-size:1.12rem; line-height:1.45; font-weight:550; max-width:460px; }
.paper-version-text { font-size:.94rem; line-height:1.7; color:#53635b; max-width:445px; margin-top:12px!important; }
.paper-specs { margin:24px 0 28px; display:flex; flex-wrap:wrap; gap:18px 24px; padding-block:17px; border-top:1px solid #c6cec8; border-bottom:1px solid #c6cec8; }
.paper-specs div { flex:1 1 auto; }
.paper-specs dt { font-size:.64rem; letter-spacing:.09em; color:#58665f; text-transform:uppercase; }
.paper-specs dd { margin:7px 0 0; color:var(--paper-text); font-size:.82rem; font-weight:650; }
.paper-version-note { font-size:.69rem; line-height:1.6; color:#5c685f; max-width:390px; margin-top:15px!important; }
.paper-portfolio-footer { display:flex; gap:30px; justify-content:space-between; align-items:start; padding-top:20px; border-top:1px solid #c6cec8; }
.paper-portfolio-footer p { font-size:.73rem; line-height:1.6; color:#5c6a60; max-width:640px; }
.paper-portfolio-footer a { display:inline-flex; flex:none; align-items:center; gap:16px; font-size:.74rem; min-height:44px; color:var(--paper-green); text-decoration:underline; text-underline-offset:5px; }
.paper-consult { padding-block:clamp(65px,7vw,100px); background:#173f3a; }
.paper-consult-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:65px; align-items:center; }
.paper-consult-copy>p { font-size:.98rem; line-height:1.7; max-width:390px; color:#c9d8d0; margin-bottom:25px; }
.paper-consult-copy>span { display:block; color:#bbd2c7; font-size:.68rem; margin-top:17px; }
.brand-page[data-brand="papel-para-mechas"] .brand-faq { background:#101d20; }
.brand-page[data-brand="papel-para-mechas"] .brand-faq-list p a { color:var(--brand-accent); text-decoration:underline; }
.paper-film-dialog { width:min(1200px,calc(100vw - 36px)); max-width:none; max-height:90dvh; padding:25px; border:1px solid #586963; border-radius:3px; color:#f5f1e8; background:#101d20; overflow:auto; }
.paper-film-dialog::backdrop { background:#03090ae8; }
.paper-dialog-heading { display:flex; justify-content:space-between; align-items:start; gap:24px; margin-bottom:24px; }
.paper-dialog-heading h2 { font-family:Georgia,serif; font-weight:400; font-size:clamp(1.8rem,3vw,2.8rem); margin:8px 0 0; letter-spacing:-.035em; }
.paper-dialog-close { display:flex; align-items:center; justify-content:center; flex:none; width:46px; height:46px; border:1px solid #6f8078; background:transparent; border-radius:50%; color:#fff; cursor:pointer; font-size:1.7rem; }
.paper-film-dialog video { width:100%; max-height:65dvh; background:#000; }
.paper-film-dialog>p { color:#b8c8c0; font-size:.75rem; line-height:1.6; margin:18px 0 0; }
.paper-version-tabs button:focus-visible,.paper-motion-button:focus-visible,.paper-dialog-close:focus-visible { outline:3px solid #d2a95e; outline-offset:4px; }
.paper-version-panel:focus-visible { outline:2px solid #26645b; outline-offset:6px; }
@media(max-width:1100px) {
 .paper-hero-heading { grid-template-columns:1.6fr 1fr; gap:35px; }
 .paper-hero h1 { font-size:clamp(2.9rem,6vw,4.7rem); }
 .paper-tech-list { gap:24px; }
 .paper-tech-list article { gap:15px; }
 .paper-version-tabs button { padding-inline:12px; }
 .paper-version-tabs button span { font-size:1.27rem; }
 .paper-section-heading,.paper-consult-grid { gap:35px; }
}
@media(max-width:760px) {
 .paper-wrap { width:calc(100% - 44px); }
 .paper-hero { padding-top:122px; }
 .paper-hero .brand-breadcrumb { font-size:.65rem; margin-bottom:30px; }
 .paper-hero-heading { grid-template-columns:1fr; gap:23px; padding-bottom:32px; }
 .paper-hero h1 { font-size:clamp(2.8rem,10.5vw,4.8rem); letter-spacing:-.045em; }
 .paper-hero h1 em { font-size:.74em; margin-top:12px; }
 .paper-hero-intro p { max-width:540px; font-size:.92rem; margin-bottom:20px; }
 .paper-hero-film { aspect-ratio:703/555; }
 .paper-motion-button { display:none; }
 .paper-film-caption { align-items:start; padding-block:12px 18px; gap:10px; }
 .paper-film-caption p { font-size:.7rem; padding-top:14px; max-width:120px; line-height:1.5; }
 .paper-film-caption a { font-size:.72rem; gap:10px; }
 .paper-section-heading,.paper-consult-grid { grid-template-columns:1fr; gap:22px; }
 .paper-section-heading h2,.paper-consult h2 { font-size:clamp(2.6rem,9.2vw,4rem); }
 .paper-section-heading>p { max-width:530px; font-size:.9rem; }
 .paper-tech-list { grid-template-columns:1fr; margin-top:35px; gap:24px; }
 .paper-tech-list article { gap:25px; padding-top:22px; }
 .paper-tech-symbol { padding-top:25px; }
 .paper-tech-list h3 { margin-top:10px; }
 .paper-tech-list p { max-width:450px; }
 .paper-source-link { font-size:.69rem; gap:12px; }
 .paper-version-stage { margin-top:30px; }
 .paper-version-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 8px; border-bottom:0; }
 .paper-version-tabs button { border-bottom:1px solid #c6cec8; padding:16px 12px; min-height:78px; }
 .paper-version-tabs button[aria-selected="true"] { border-bottom:3px solid var(--paper-green); }
 .paper-version-tabs button:last-child { grid-column:1/-1; }
 .paper-version-tabs button span { font-size:1.45rem; }
 .paper-version-panel { grid-template-columns:1fr; padding-block:27px 30px; gap:28px; }
 .paper-version-visual { padding:12px 14px 48px; }
 .paper-version-visual img { height:auto; aspect-ratio:1; max-height:450px; }
 .paper-version-visual figcaption { inset:auto 14px 15px; }
 .paper-version-copy h3 { font-size:3.6rem; margin-top:9px; }
 .paper-version-lead { font-size:1.03rem; }
 .paper-version-text { font-size:.9rem; }
 .paper-specs { gap:18px; margin-block:20px 24px; }
 .paper-specs div { flex:1 1 40%; }
 .paper-specs dd { font-size:.8rem; }
 .paper-portfolio-footer { flex-direction:column; gap:6px; }
 .paper-consult-copy>p { max-width:540px; font-size:.93rem; }
 .paper-film-dialog { padding:18px; }
 .paper-dialog-heading { gap:15px; margin-bottom:18px; }
}
@media(prefers-reduced-motion:reduce) { .paper-version-tabs button { transition:none; } }
