:root{--ink:#0f172a;--muted:#5f7188;--blue:#3f7898;--blue-light:#eaf3f7;--line:#d9e2e8;--surface:#fff;--soft:#f5f8fa;--red:#d81e32;--header:#f3f5f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:var(--ink);font-family:'Plus Jakarta Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}
header{background:var(--header);border-bottom:1px solid #d9dee5;position:sticky;top:0;z-index:50;padding:.8rem 0;box-shadow:0 2px 12px rgba(15,23,42,.04)}
.nav-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;gap:1.5rem}.logo-container{display:inline-flex;align-items:center;gap:15px;text-decoration:none;transition:transform .2s}.logo-container:hover{transform:scale(1.02)}.logo-img{height:78px;width:auto;display:block}.logo-text{font-size:.85rem;line-height:1.05;letter-spacing:.02em;font-weight:800;color:#364152;border-left:1px solid rgba(54,65,82,.28);padding-left:15px}.nav-right{display:flex;align-items:center;gap:1.35rem}.nav-links{display:flex;gap:1.65rem;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;color:#596579;font-weight:500;font-size:.92rem;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.lang-selector{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #c8cfd8;border-radius:999px;background:rgba(255,255,255,.7)}.lang-btn{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:7px 8px;background:transparent;color:#596579;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.lang-btn.active,.lang-btn:hover{background:#364152;color:#fff}.lang-btn.unavailable{cursor:default;opacity:.62}.lang-btn.unavailable:hover{background:transparent;color:#596579}.flag-icon{width:20px;height:15px;display:block}.btn-header{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#0f172a;color:#fff;border-radius:10px;padding:.65rem 1.15rem;font-weight:800;font-size:.86rem;box-shadow:0 5px 18px rgba(15,23,42,.22)}.btn-header:hover{background:#1e293b}
.mobile-menu-toggle{display:none;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;padding:0;border:1px solid #c8cfd8;border-radius:10px;background:#fff;color:#364152;cursor:pointer}.mobile-menu-toggle svg{width:24px;height:24px}
.shell{max-width:1180px;margin:0 auto;padding:0 24px}.hero{padding:72px 0 60px;background:linear-gradient(135deg,#f8fafc,#eaf3f7);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:44px;align-items:center}.eyebrow{margin:0 0 12px;color:#6da8c4;font-size:.76rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 20px}.hero h1 span{color:#6da8c4}.lead{font-size:1.12rem;color:var(--muted);max-width:690px;margin:0 0 24px}.hero-art{border:1px solid #bfd4df;border-radius:22px;background:#172541;box-shadow:0 20px 38px rgba(15,23,42,.13);overflow:hidden}.hero-art img{display:block;width:100%;height:auto}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions a{display:inline-flex;padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:800}.actions .primary{background:var(--ink);color:#fff}.actions .secondary{border:1px solid #b9cbd6;background:#fff}.section{padding:64px 0}.section.alt{background:#eef5f8}.section h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}.section-intro{color:var(--muted);max-width:700px;margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.card h3{font-size:1.08rem;margin:0 0 7px}.card p{margin:0;color:var(--muted);font-size:.94rem}.card .num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:.83rem;margin-bottom:13px}.menu-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.menu-panel a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s}.menu-panel a:hover{transform:translateY(-2px);border-color:#9cc7db;box-shadow:0 10px 22px rgba(15,23,42,.07)}.menu-panel b{display:block;font-size:1rem;margin-bottom:3px}.menu-panel small{color:var(--muted)}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--blue-light);color:#244f68;font-size:.75rem;font-weight:800;margin:0 5px 5px 0}.cta{margin-top:40px;padding:28px 32px;background:var(--ink);border-radius:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px}.cta h2{font-size:1.35rem;margin:0 0 4px}.cta p{margin:0;color:#cbd5e1}.cta a{white-space:nowrap;display:inline-flex;background:#6da8c4;color:var(--ink);padding:11px 18px;border-radius:9px;text-decoration:none;font-weight:800}
.page-head{padding:52px 0 30px;background:linear-gradient(135deg,#f8fafc,#eaf3f7);border-bottom:1px solid var(--line)}.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:var(--blue);text-decoration:none}.page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.page-head h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 14px}.page-head h1 span{color:#6da8c4}.page-head .summary{color:var(--muted);font-size:1.08rem;margin:0}.page-art{border-radius:20px;overflow:hidden;border:1px solid #bfd4df;background:#eaf3f7}.page-art img{width:100%;display:block;aspect-ratio:1.55;object-fit:cover}.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;margin-top:28px}.fact{padding:17px 18px;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact small{display:block;color:var(--muted);font-size:.73rem}.fact b{font-size:.92rem}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.detail-card h2{font-size:1.55rem;margin:0 0 10px}.detail-card h3{font-size:1.05rem;margin:19px 0 6px}.detail-card p,.detail-card li{color:var(--muted);font-size:.94rem}.detail-card ul{margin:0;padding-left:19px}.technical{background:#172541;color:#fff;border-radius:18px;padding:20px}.technical img{width:100%;display:block;border-radius:12px;background:#172541}.technical p{color:#d7e6ee;font-size:.86rem;margin:10px 0 0}.back-link{display:inline-flex;margin-top:28px;color:var(--blue);font-weight:800;text-decoration:none}.disclaimer{margin-top:22px;color:#7a8795;font-size:.8rem;font-style:italic}footer{background:#fff;border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner a{color:var(--blue)}
@media(max-width:900px){.nav-container{padding:0 1.25rem}.nav-right{gap:.65rem}.nav-links{display:none;position:absolute;top:calc(100% + .65rem);right:1.25rem;width:min(290px,calc(100vw - 2.5rem));padding:.65rem;flex-direction:column;gap:.15rem;background:rgba(243,245,247,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16)}.nav-right.mobile-open .nav-links{display:flex}.nav-links a{display:block;padding:.8rem .9rem;border-radius:9px}.mobile-menu-toggle{display:inline-flex}.hero-grid,.page-grid,.detail-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.menu-panel{grid-template-columns:1fr 1fr}.facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.nav-container{padding:0 1rem;gap:.6rem}.logo-text{display:none}.logo-img{height:58px;max-width:82px}.nav-right{margin-left:auto;min-width:0;gap:.35rem}.btn-header{display:none}.lang-selector{gap:1px;padding:3px}.lang-btn{width:32px;min-width:0;gap:0;padding:6px;font-size:0}.flag-icon{width:20px;height:15px}.shell{padding:0 16px}.hero{padding:46px 0 40px}.cards,.menu-panel{grid-template-columns:1fr}.section{padding:48px 0}.facts{grid-template-columns:1fr 1fr}.fact{padding:13px}.fact:nth-child(3){border-bottom:0}.cta{display:block;padding:24px}.cta a{margin-top:16px}.footer-inner{display:block}.footer-inner p{margin:6px 0}}
/* Portada del glosario: muestra directamente la imagen de mezcla de materiales. */
.hero-art{aspect-ratio:auto;background:none}
.hero-art img{content:url('../guia-plasticos-completa-images/glosario-mezcla-plasticos.png');opacity:1;width:100%;height:auto;object-fit:contain}
.diagram-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:24px}.diagram-card h2{font-size:1.45rem;margin:0 0 8px}.diagram-card p:not(.eyebrow){color:var(--muted);font-size:.94rem;margin:0}.diagram-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.diagram-pair figure{margin:0;min-width:0}.diagram-pair figcaption{color:#6da8c4;font-size:.76rem;font-weight:800;letter-spacing:.04em;margin:0 0 8px}.diagram-pair img{width:100%;display:block;border-radius:12px;background:#172541}@media(max-width:620px){.diagram-card{padding:18px}.diagram-pair{grid-template-columns:1fr}}
.diagram-legend{margin-top:14px!important;color:#60758a!important;font-size:.84rem!important;font-weight:700}
.material-identification{margin:17px 0}.material-identification h3{font-size:1.02rem;margin:0 0 6px}.material-identification p{color:var(--muted);font-size:.94rem;margin:0}
.resin-code-note{margin:14px 0 0;padding:11px 14px;border-left:3px solid #6da8c4;background:#f5fafc;color:var(--muted);font-size:.86rem;line-height:1.5}
.molecule-svg .aromatic-hex{fill:none;stroke:#ffe08b;stroke-width:5;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.molecule-svg.flat .aromatic-hex{stroke-width:4}.family-board.family-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.family-board.family-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.family-art .family-bond-path{fill:none;stroke:#cde7f1;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.family-art .family-node circle{fill:var(--family-accent,#75c6e8)}@media(max-width:1000px){.family-board.family-count-3,.family-board.family-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.family-board.family-count-3,.family-board.family-count-4{grid-template-columns:1fr}}
.diagram-card.material-pet .diagram-pair{grid-template-columns:1fr}.diagram-card.material-pet .molecule-svg{min-height:0;max-height:300px}
.diagram-pair>figure.molecular-view{background:radial-gradient(ellipse at 50% 36%,#34465c,#111a28 72%);color:#fff}.molecule-svg.ball-stick{min-height:0;max-height:none;overflow:visible}.molecule-svg .stick-shadow{stroke:#060b12;stroke-width:11;stroke-linecap:round;opacity:.88}.molecule-svg .stick{stroke:url(#bond);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.42))}.molecule-svg .stick-double{stroke:#bac6d0;stroke-width:3.5;stroke-linecap:round}.molecule-svg .molecule-atom .atom-drop{fill:#05080c;opacity:.62;filter:blur(4px)}.molecule-svg .molecule-atom circle:not(.atom-drop){stroke:rgba(255,255,255,.2);stroke-width:1}.molecule-svg .atom-shine{fill:#fff;opacity:.7}.molecule-svg .molecule-atom text{font:700 12px Arial,sans-serif;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:rgba(0,0,0,.25);stroke-width:1px}.molecule-svg .atom-H text{font-size:10px}.molecule-svg .atom-C text{fill:#fff}.molecule-svg .atom-H text{fill:#26313b}.molecule-svg .atom-O text,.molecule-svg .atom-Cl text,.molecule-svg .atom-N text{fill:#fff}.molecule-svg .polymer-continuation{stroke:#d9edf8;stroke-width:4;stroke-dasharray:7 9;stroke-linecap:round;opacity:.85}.atom-key{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0 0;color:#e3edf4;font-size:.75rem}.atom-key span{display:inline-flex;align-items:center;gap:5px}.atom-key i{display:inline-block;width:13px;height:13px;border-radius:50%;box-shadow:inset -2px -2px 3px rgba(0,0,0,.28),0 1px 3px #000}.atom-key .key-c{background:#34383d}.atom-key .key-h{background:#f4f6f8}.atom-key .key-o{background:#e51d2a}.atom-key .key-cl{background:#39a765}.diagram-pair>figure.formula-view{background:#fbfcfd;border:1px solid #d8e1e8;color:#132036}.formula-view figcaption{color:#395c75}.molecule-svg.schematic{min-height:0;max-height:none;overflow:visible}.molecule-svg.schematic .formula-bond{stroke:#273444;stroke-width:3;stroke-linecap:round}.molecule-svg.schematic .formula-continuation{stroke:#67849b;stroke-width:2;stroke-dasharray:6 8}.molecule-svg.schematic .formula-ring{fill:none;stroke:#273444;stroke-width:2.5;stroke-linejoin:round}.molecule-svg.schematic .formula-aromatic{fill:none;stroke:#273444;stroke-width:1.5}.molecule-svg.schematic .formula-group{fill:#132036;text-anchor:middle;font:700 19px Arial,sans-serif}.diagram-pair>figure.formula-view:after{display:none}.diagram-pair>figure.molecular-view:after{display:none}.unit-pairing>figure.formula-view{background:#fbfcfd;color:#132036;border-color:#d8e1e8}.unit-pairing>figure.formula-view>figcaption{color:#395c75}.unit-mini .molecule-svg.ball-stick,.unit-mini .molecule-svg.schematic{min-height:0;max-height:none}.unit-mini .formula-group{font-size:15px}.unit-mini .unit-mini>span{color:#345a76}.quality-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:23px 0 4px}.quality-checklist article{padding:16px 18px;background:#f7fafc;border:1px solid #d9e4eb;border-radius:13px}.quality-checklist article b{display:block;margin-bottom:5px;color:#17334b}.quality-checklist article p{margin:0!important;font-size:.88rem!important;color:var(--muted)}.diagram-quality .diagram-note{padding:13px 16px;background:#f2f7f9;border-left:3px solid #6da8c4;border-radius:0 10px 10px 0}@media(max-width:620px){.quality-checklist{grid-template-columns:1fr}}
.molecule-svg.schematic .formula-carbonyl{stroke:#273444;stroke-width:2}.diagram-quality{background:#fff}.diagram-quality .diagram-legend{font-weight:500!important}
.unit-pairing{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.unit-pairing>figure{margin:0;min-width:0;padding:14px;border:1px solid rgba(148,190,218,.2);border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#293d61,#172541 72%);overflow:hidden}.unit-pairing>figure>figcaption{margin:0 0 8px;color:#9ddcf2;font-weight:800;font-size:.78rem}.unit-mini{padding-top:9px;border-top:1px solid rgba(255,255,255,.14)}.unit-mini+ .unit-mini{margin-top:8px}.unit-mini>span,.unit-mini>b{display:block;color:#fff}.unit-mini>span{font-size:.78rem;color:#b7e4f2}.unit-mini>b{margin:3px 0;font-size:.82rem}.unit-mini .molecule-svg{min-height:100px;max-height:135px}.unit-mini .continuation{display:none}@media(max-width:760px){.unit-pairing{grid-template-columns:1fr}}
.diagram-card{overflow:hidden;padding:clamp(20px,3vw,34px);box-shadow:0 18px 44px rgba(15,23,42,.08)}.diagram-card .diagram-copy{max-width:920px}.diagram-card .diagram-copy>p:not(.eyebrow){line-height:1.65}.diagram-pair{grid-template-columns:1fr 1fr;gap:18px}.diagram-pair>figure{position:relative;min-height:255px;padding:15px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#293d61 0,#172541 68%);border:1px solid rgba(148,190,218,.18);box-shadow:inset 0 1px rgba(255,255,255,.07)}.diagram-pair>figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 36%,rgba(0,0,0,.12));border-radius:inherit}.diagram-pair figcaption{position:relative;z-index:1;color:#9ddcf2}.molecule-svg{position:relative;z-index:1;width:100%;max-height:330px;min-height:220px;overflow:visible}.molecule-svg .bond-shadow{stroke:#050d1c;stroke-width:18;stroke-linecap:round;opacity:.55}.molecule-svg .bond{stroke:url(#stick);stroke-width:13;stroke-linecap:round;filter:drop-shadow(0 4px 3px rgba(0,0,0,.46))}.molecule-svg .continuation{stroke:#9ddcf2;stroke-width:8;stroke-dasharray:9 17;stroke-linecap:round;opacity:.9}.molecule-svg .atom-shadow{fill:#020817;opacity:.62;filter:blur(5px)}.molecule-svg .atom-sphere{fill:var(--atom-color,#69b8dd);stroke:rgba(255,255,255,.7);stroke-width:3}.molecule-svg.spatial .atom-sphere{filter:drop-shadow(0 4px 7px rgba(0,0,0,.35))}.molecule-svg .atom-glint{fill:#fff;opacity:.57}.molecule-svg .atom-label{fill:#fff;text-anchor:middle;font:700 18px Arial,sans-serif;paint-order:stroke;stroke:rgba(7,19,38,.55);stroke-width:3px}.molecule-svg .aromatic-ring{fill:none;stroke:#f7d78a;stroke-width:5;stroke-dasharray:2 8;opacity:.95}.molecule-svg .aromatic-core{fill:rgba(14,28,51,.26);stroke:rgba(255,255,255,.28);stroke-width:1.5}.molecule-svg.flat .bond-shadow{display:none}.molecule-svg.flat .bond{stroke:#81cee9;stroke-width:9;filter:none}.molecule-svg.flat .atom-shadow{display:none}.molecule-svg.flat .atom-sphere{fill:#69b8dd;stroke:#effaff;stroke-width:3;filter:none}.molecule-svg.flat .atom-glint{display:none}.molecule-svg.flat .atom-label{font-size:16px}.molecule-svg.flat .aromatic-ring{stroke:#f2cc71;stroke-width:4;stroke-dasharray:none}.molecule-svg.flat .aromatic-core{fill:#2b4567}.unit-showcase{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.unit-card{min-width:0;padding:16px;border-radius:16px;color:#fff;background:radial-gradient(ellipse at 50% 35%,#293d61 0,#172541 72%);border:1px solid rgba(148,190,218,.22);overflow:hidden}.unit-card>span,.unit-card>b{display:block}.unit-card>span{color:#9ddcf2;font-weight:800}.unit-card>b{margin:6px 0;font-size:.94rem}.unit-card .molecule-svg{min-height:130px;max-height:180px}.unit-card .continuation{display:none}.family-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}.diagram-families .family-board{grid-template-columns:repeat(4,minmax(0,1fr))}.family-tile{overflow:hidden;padding:0 0 18px;border:1px solid #d7e2eb;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}.family-tile-art{display:grid;place-items:center;min-height:142px;padding:14px;background:radial-gradient(ellipse at 50% 40%,#2d4267,#172541 72%)}.family-art{width:100%;height:auto;overflow:visible}.family-art line{stroke:#cde7f1;stroke-width:7;stroke-linecap:round}.family-art .family-continuation{stroke:#9ddcf2;stroke-dasharray:6 11;stroke-width:5}.family-art circle{fill:var(--family-accent,#75c6e8);stroke:#f3fbff;stroke-width:3;filter:drop-shadow(0 5px 5px rgba(0,0,0,.32))}.family-art ellipse{fill:rgba(0,0,0,.32)}.family-art text{fill:#fff;text-anchor:middle;font:700 14px Arial,sans-serif}.family-art.phases path{fill:none;stroke:#a9cee1;stroke-width:8;stroke-linecap:round}.family-art.phases circle{fill:#6bb6d7}.family-art.phases .inclusion{fill:#e34b56;stroke:#ffccd0}.family-art.phases text{fill:#a9cee1;font-size:10px;letter-spacing:1px}.family-art.blocks rect{fill:#68b8dc;stroke:#c8edfa}.family-art.blocks rect.soft-block{fill:#79cfa8;stroke:#d9f5e8}.family-tile h3,.family-tile>p,.family-tile>b{margin-left:17px;margin-right:17px}.family-tile h3{margin-top:15px;margin-bottom:5px;font-size:1.03rem}.family-tile>p{margin-top:0;margin-bottom:9px;color:var(--muted);font-size:.84rem}.family-tile>b{display:block;color:#345a76;font-size:.77rem;line-height:1.45}.diagram-families .diagram-legend{margin-top:18px!important}.process-board{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:24px}.process-step{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;border:1px solid rgba(148,190,218,.2);border-radius:17px;background:radial-gradient(ellipse at 50% 20%,#293d61,#172541 72%);color:#fff;text-align:center}.process-step>span{align-self:flex-start;color:#9ddcf2;font-weight:800;font-size:.78rem}.process-step>b{font-size:.9rem;letter-spacing:.07em}.process-step>small{color:#d4e1ed;font-size:.76rem}.process-icon{width:90px;height:64px;position:relative;display:flex;align-items:end;justify-content:center;gap:4px;border-bottom:3px solid #9ddcf2}.process-icon i{display:block;width:15px;height:22px;border-radius:50% 50% 42% 42%;background:linear-gradient(145deg,#fff,#6db7d8 55%,#226184);box-shadow:0 4px 8px #08152b}.process-icon i:nth-child(2){height:34px}.process-icon i:nth-child(3){height:27px;background:linear-gradient(145deg,#fff,#75cfa7 55%,#31664d)}.process-icon i:nth-child(4){height:18px}.process-icon-1{transform:rotate(-6deg)}.process-icon-1 i{width:22px;height:25px;border-radius:6px;background:linear-gradient(145deg,#fff,#eeb363 55%,#87541e)}.process-icon-2 i{width:16px;height:16px;border-radius:4px;background:linear-gradient(145deg,#fff,#85d3ec 55%,#226184)}.process-arrow{color:#6da8c4;font-size:1.65rem;font-weight:700}.diagram-card .diagram-legend{line-height:1.55}.diagram-card .diagram-note{margin-top:8px!important}@media(max-width:1000px){.diagram-families .family-board{grid-template-columns:repeat(2,minmax(0,1fr))}.family-board:not(.diagram-families .family-board){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.diagram-pair,.unit-showcase{grid-template-columns:1fr}.diagram-pair>figure{min-height:225px}.molecule-svg{min-height:190px}.family-board,.diagram-families .family-board{grid-template-columns:1fr}.family-tile-art{min-height:125px}.process-board{grid-template-columns:1fr;gap:8px}.process-step{min-height:155px}.process-arrow{transform:rotate(90deg);justify-self:center}}
.diagram-pair>figure{background:#172541;border-radius:14px;padding:12px;min-height:210px}.molecule-svg{width:100%;height:auto;max-height:260px;display:block;overflow:visible}.molecule-svg .bond{stroke:#dbe6ed;stroke-width:10;stroke-linecap:round}.molecule-svg .continuation{stroke:#9fc7dc;stroke-width:7;stroke-dasharray:9 13;stroke-linecap:round}.molecule-svg .group circle:first-child{stroke:rgba(255,255,255,.48);stroke-width:2}.molecule-svg .group text{fill:#fff;text-anchor:middle;font:700 18px Arial,sans-serif;paint-order:stroke;stroke:rgba(9,20,38,.35);stroke-width:2px}.molecule-svg .shine{fill:url(#sphere);pointer-events:none}.molecule-svg.flat .bond{stroke:#8bcbe6;stroke-width:7}.molecule-svg.flat .continuation{stroke:#9fc7dc;stroke-width:5}.molecule-svg.flat .group circle:first-child{stroke:#e5f3fa;stroke-width:3}.molecule-svg.flat .shine{display:none}.molecule-svg.flat .group text{font-size:17px}.repeat-formula{display:inline-block!important;margin-top:12px!important;padding:8px 12px;border-radius:9px;background:#eef5f8;color:#143451!important;font-weight:800;letter-spacing:.01em}.diagram-note{margin-top:5px!important;color:#7a8795!important;font-size:.78rem!important;font-style:italic}.unit-pair{display:grid;gap:10px}.unit-pair>div{background:#172541;border-radius:14px;padding:9px}.unit-pair small{display:block;color:#d7e6ee;font-weight:700;font-size:.73rem}.family-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.family-tiles>div{min-height:75px;padding:12px;border-radius:12px;background:#f2f7f9;border:1px solid var(--line)}.family-tiles b,.family-tiles span{display:block}.family-tiles b{color:var(--ink);margin-bottom:4px}.family-tiles span{color:var(--muted);font-size:.8rem}.not-a-molecule,.formula-panel{height:100%;min-height:180px;padding:24px;border-radius:14px;background:#172541;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px}.not-a-molecule span,.formula-panel small{color:#b8d8e7;font-size:.82rem}.not-a-molecule b,.formula-panel b{font-size:1.2rem}.detail-grid:has(.technical){display:none}
.pp-visual{padding:18px}.molecule-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.molecule-view{min-width:0}.molecule-label{display:block;color:#9fd3e8;font-size:.76rem;font-weight:800;letter-spacing:.04em;margin:0 0 8px}.molecule-view img{width:100%;display:block;border-radius:12px;background:#172541}.pp-visual>p{color:#d7e6ee;font-size:.86rem;margin:12px 2px 0}.schematic-view img{background:#172541}@media(max-width:620px){.molecule-pair{grid-template-columns:1fr}}
.expanded-ficha{margin-top:28px;padding:26px;background:#eef5f8;border:1px solid var(--line);border-radius:18px}.expanded-ficha h2{font-size:1.55rem;margin:0 0 8px}.expanded-intro{color:var(--muted);max-width:760px;margin:0}.expanded-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.expanded-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.expanded-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:.8rem;margin-bottom:12px}.expanded-card h3{font-size:1rem;margin:0 0 7px}.expanded-card p{color:var(--muted);font-size:.9rem;margin:0;line-height:1.6}.reviewed-copy{color:var(--muted)}@media(max-width:900px){.expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.expanded-ficha{padding:20px}.expanded-grid{grid-template-columns:1fr}}
.diagram-pair>figure.molecular-view{background:radial-gradient(ellipse at 50% 34%,#2876a8 0%,#174e7b 52%,#103557 100%);border-color:rgba(164,222,248,.42);color:#fff}
.diagram-pair>figure.formula-view,.unit-pairing>figure.formula-view{background:radial-gradient(ellipse at 50% 34%,#246b99 0%,#17466f 58%,#123657 100%);border:1px solid rgba(164,222,248,.42);color:#f4fbff}
.diagram-pair>figure.formula-view>figcaption,.unit-pairing>figure.formula-view>figcaption{color:#b9e8ff}
.molecule-svg.schematic .formula-bond,.molecule-svg.schematic .formula-ring,.molecule-svg.schematic .formula-aromatic{stroke:#e2f5ff}
.molecule-svg.schematic .formula-continuation{stroke:#a9def5}
.molecule-svg.schematic .formula-group{fill:#f7fcff}
.unit-pairing>figure.formula-view .formula-group{fill:#f7fcff}
.diagram-pair>figure.formula-view .formula-bond{stroke:#e2f5ff}
.diagram-pair>figure.formula-view .formula-continuation{stroke:#a9def5}
.diagram-pair>figure.formula-view .formula-ring,.diagram-pair>figure.formula-view .formula-aromatic{stroke:#e2f5ff}
.molecule-art{margin:24px 0 0;padding:24px clamp(16px,3vw,34px);overflow:hidden;border:1px solid rgba(159,220,248,.44);border-radius:20px;background:radial-gradient(ellipse at 50% 22%,#256b99 0%,#17456e 54%,#102f4e 100%);color:#f5fbff;box-shadow:0 16px 36px rgba(15,36,66,.2),inset 0 1px rgba(255,255,255,.12)}
.molecule-art-title{display:block;margin-bottom:14px;color:#b8e7ff;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.molecule-art-head{text-align:center;padding:4px 10px 17px}
.molecule-art-name{margin:0 0 2px;color:#fff;font-size:clamp(1.2rem,2.3vw,1.7rem);font-weight:800;line-height:1.3}
.molecule-art-overline{display:block;color:#c7e9f8;font-size:.8rem}
.molecule-art-formula{display:inline-block;margin-top:9px;padding:7px 14px;border:1px solid rgba(193,232,250,.3);border-radius:999px;background:rgba(8,31,57,.26);color:#fff;font-size:1rem;letter-spacing:.02em}
.molecule-art-2d,.molecule-art-3d{padding:8px 4px 14px}
.molecule-art-2d{border-bottom:1px solid rgba(190,228,246,.28)}
.molecule-art-label{display:block;margin:0 0 3px;color:#b8e7ff;font-size:.7rem;font-weight:800;letter-spacing:.08em}
.molecule-art .molecule-svg{min-height:0;max-height:none;width:100%;height:auto;overflow:visible}
.molecule-art .molecule-svg.schematic .formula-bond,.molecule-art .molecule-svg.schematic .formula-carbonyl,.molecule-art .molecule-svg.schematic .formula-ring,.molecule-art .molecule-svg.schematic .formula-aromatic{stroke:#e8f7ff}
.molecule-art .molecule-svg.schematic .formula-continuation{stroke:#a9def5}
.molecule-art .molecule-svg.schematic .formula-group{fill:#f7fcff;paint-order:stroke;stroke:rgba(8,29,53,.42);stroke-width:2px}
.molecule-art .atom-key{color:#e5f4fc}
.molecule-art .molecule-art-foot{margin:5px 0 0;color:#d6edf8;font-size:.78rem;line-height:1.5}
.molecule-unit{padding:15px 0 8px;border-top:1px solid rgba(190,228,246,.25)}
.molecule-unit-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin-bottom:6px;color:#fff}
.molecule-unit-head span{padding:4px 9px;border-radius:999px;background:rgba(8,31,57,.26);color:#d6edf8;font-size:.83rem}
.molecule-unit .molecule-art-2d{padding-bottom:8px}
.molecule-unit .molecule-art-3d{padding-top:12px}
@media(max-width:620px){.molecule-art{padding:18px 12px}.molecule-art-formula{font-size:.88rem;overflow-wrap:anywhere}.molecule-art .molecule-svg.schematic{min-width:640px;position:relative;left:50%;transform:translateX(-50%);width:150%;max-width:none}.molecule-art .molecule-svg.ball-stick{min-width:480px;position:relative;left:50%;transform:translateX(-50%);width:135%;max-width:none}.molecule-art-2d,.molecule-art-3d{overflow:hidden}}
.molecule-art-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.85fr);gap:24px;align-items:center;padding:2px 12px 18px}
.molecule-art-top .molecule-art-2d{min-width:0;padding:0;border:0}
.molecule-art-top .molecule-art-2d .molecule-svg{max-height:170px}
.molecule-art-identity{padding:17px 20px;border-left:1px solid rgba(193,232,250,.28)}
.molecule-art-identity .molecule-art-name{text-align:left;font-size:clamp(1.2rem,2.1vw,1.65rem)}
.molecule-art-identity .molecule-art-overline{margin-bottom:5px;color:#9edcf5;font-size:.68rem;font-weight:800;letter-spacing:.1em}
.molecule-art-identity .molecule-art-formula{display:table;margin:11px 0 0;border-radius:9px;font-size:1.02rem}
.molecule-art-caption{display:block;margin-top:8px;color:#c7e9f8;font-size:.76rem}
.molecular-model-stage{position:relative;isolation:isolate;overflow:hidden;padding:17px 22px 12px;border:1px solid rgba(142,221,255,.34);border-radius:17px;background:radial-gradient(ellipse at 50% 49%,rgba(46,153,204,.48),rgba(19,75,119,.28) 43%,transparent 72%),linear-gradient(135deg,#163f66,#0c2949 57%,#164c73);box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -22px 55px rgba(2,14,34,.24)}
.molecular-model-stage:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.17;background-image:linear-gradient(rgba(178,232,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(178,232,255,.3) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.molecular-model-stage:after{content:"";position:absolute;z-index:-1;width:58%;height:42%;left:21%;top:29%;border:1px solid rgba(143,224,255,.13);border-radius:50%;transform:rotate(-9deg);box-shadow:0 0 38px rgba(57,190,255,.16),inset 0 0 30px rgba(57,190,255,.08)}
.molecular-model-heading{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#c9efff;font-size:.7rem;font-weight:800;letter-spacing:.09em}
.molecular-model-heading span{display:flex;align-items:center;gap:8px}
.molecular-model-heading i{width:8px;height:8px;border-radius:50%;background:#73ddff;box-shadow:0 0 10px #73ddff}
.molecular-model-heading small{color:#a4cfe4;font-size:.68rem;font-weight:500;letter-spacing:.02em}
.molecule-art .molecule-art-3d{position:relative;z-index:1;padding:4px 4px 0;overflow:visible}
.molecule-art .molecule-svg.ball-stick{width:96%;margin:0 auto;filter:drop-shadow(0 14px 20px rgba(1,8,24,.34));transform:scale(1.035);transform-origin:center}
.molecule-art .molecule-svg.ball-stick .stick-shadow{stroke-width:14;opacity:.95}
.molecule-art .molecule-svg.ball-stick .stick{stroke-width:10;filter:drop-shadow(0 3px 4px rgba(2,12,25,.55))}
.molecule-art .molecule-svg.ball-stick .stick-double{stroke:#e7f8ff;stroke-width:4;filter:drop-shadow(0 0 3px rgba(134,222,255,.65))}
.molecular-model-stage .atom-key{position:relative;z-index:2;margin:0;padding:8px 0 1px}
.molecule-art .atom-key .key-n{background:#245be3}
.molecule-art-foot{padding:8px 10px 0}
.molecule-unit-mini{padding:6px 0}
.molecule-unit-mini>b{display:block;margin-bottom:3px;color:#d5f1ff;font-size:.73rem}
.molecule-unit-mini .molecule-svg{max-height:115px}
.molecule-models{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.molecule-unit-model{min-width:0;text-align:center}
.molecule-unit-model>b,.molecule-unit-model>span{display:block;color:#e9f8ff;font-size:.82rem}
.molecule-unit-model>span{margin-bottom:3px;color:#b8e7ff;font-size:.75rem}
.molecule-unit-model .molecule-svg.ball-stick{width:100%;transform:scale(1.04)}
@media(max-width:700px){.molecule-art-top{grid-template-columns:1fr;gap:8px;padding:0 2px 15px}.molecule-art-identity{padding:13px 6px 3px;border-left:0;border-top:1px solid rgba(193,232,250,.28);text-align:center}.molecule-art-identity .molecule-art-name{text-align:center}.molecule-art-identity .molecule-art-formula{margin-left:auto;margin-right:auto}.molecular-model-stage{padding:14px 9px 10px}.molecular-model-heading{align-items:flex-start;flex-direction:column;gap:3px}.molecule-art .molecule-svg.ball-stick{width:100%;transform:scale(1)}.molecule-models{grid-template-columns:1fr}}
@media(max-width:700px){.molecule-art-top .molecule-art-2d .molecule-svg.schematic{min-width:0;width:100%;max-width:100%;left:auto;transform:none}.molecular-model-stage .molecule-art-3d{overflow:visible}.molecule-art .molecule-svg.ball-stick{min-width:0}}
.molecule-art .molecule-svg.ball-stick .stick-shadow{stroke:#020812;stroke-width:17;opacity:.76;filter:blur(1.3px)}
.molecule-art .molecule-svg.ball-stick .stick{stroke-width:14;filter:drop-shadow(0 4px 3px rgba(0,0,0,.56))}
.molecule-art .molecule-svg.ball-stick .stick-highlight,.molecule-art .molecule-svg.ball-stick .stick-double-highlight{stroke:#f1fbff;stroke-width:2.1;stroke-linecap:round;opacity:.82;filter:drop-shadow(0 0 2px rgba(184,238,255,.9))}
.molecule-art .molecule-svg.ball-stick .stick-double{stroke-width:5;opacity:.95}
.molecule-art .molecule-svg.ball-stick .atom-shell{stroke:rgba(255,255,255,.44);stroke-width:1.25;filter:drop-shadow(0 5px 5px rgba(0,0,0,.38))}
.molecule-art .molecule-svg.ball-stick .atom-shine{fill:#fff;opacity:.82;filter:blur(.35px)}
.molecule-art .molecule-svg.ball-stick .atom-reflection{fill:#fff;opacity:.24;filter:blur(1px)}
.molecule-art .molecule-svg.ball-stick .molecule-atom text{display:none}
.molecule-art .molecule-svg.ball-stick .polymer-continuation{stroke:#d9f4ff;stroke-width:5;stroke-dasharray:7 10;filter:drop-shadow(0 0 3px rgba(119,219,255,.55))}
.material-pp .molecular-model-stage{background:radial-gradient(ellipse at 50% 45%,#173663 0%,#0e2547 72%,#0b1f3c 100%)}
.material-pp .pp-generated-model{display:block;width:min(100%,900px);height:auto;margin:0 auto;border-radius:12px}
.material-pp .atom-key .key-c-blue{background:#28b8f0}
.material-pp .atom-key .key-methyl{background:#f15b12}
/* La misma conectividad se muestra como fórmula legible y como modelo espacial. */
.diagram-card .molecule-art{width:100%;max-width:none;margin:20px auto 0;padding:20px 22px;border-radius:18px}
.molecule-art .molecule-art-top{grid-template-columns:minmax(0,1.8fr) minmax(265px,.8fr);gap:22px;padding:0 4px 15px}
.molecule-art-top .molecule-art-2d .molecule-svg{display:block;width:100%;height:auto;max-height:195px}
.molecule-art .molecule-svg.schematic .formula-group{font-size:25px;stroke-width:2.5px}
.molecule-art .molecule-svg.schematic .formula-bond{stroke-width:4px}
.molecule-art .molecule-art-identity{min-width:0;padding:12px 0 12px 22px}
.molecule-art .molecule-art-identity .molecule-art-name{font-size:1.28rem;line-height:1.3}
.molecule-art .molecule-art-identity .molecule-art-formula{max-width:100%;margin-top:11px;padding:7px 10px;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.molecule-art .molecule-art-caption{margin-top:8px;font-size:.78rem}
.molecule-art .molecular-model-stage{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-areas:"heading heading" "model legend";column-gap:18px;align-items:center;padding:13px 18px 11px;border-radius:14px}
.molecule-art .molecular-model-heading{font-size:.7rem}
.molecule-art .molecular-model-heading{grid-area:heading}
.molecule-art .molecular-model-heading small{font-size:.68rem}
.molecule-art .molecule-art-3d{grid-area:model;display:flex;justify-content:center;align-items:center;padding:4px 0 0}
.molecule-art .molecule-photo{display:block;width:auto;max-width:100%;height:auto;max-height:320px;margin:auto;border-radius:9px;object-fit:contain}
.molecule-art .atom-key{grid-area:legend;display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:.76rem}
.molecule-art .atom-key i{width:12px;height:12px}
.molecule-art .atom-key .key-c-blue{background:#28b8f0}
.molecule-art .atom-key .key-methyl{background:#f15b12}
.molecule-art .molecule-art-foot{padding:9px 1px 0;font-size:.78rem;line-height:1.45}
.molecule-art-copolymer .molecule-unit-mini{padding:2px 0}
.molecule-art-copolymer .molecule-unit-mini b,.molecule-art-copolymer .molecule-unit-mini span{display:block;font-size:.68rem;line-height:1.35}
.molecule-art-copolymer .molecule-unit-mini span{color:#f5fbff}
@media(max-width:760px){.diagram-card .molecule-art{padding:15px}.molecule-art .molecule-art-top{grid-template-columns:1fr;gap:8px}.molecule-art .molecule-art-identity{border-left:0;border-top:1px solid rgba(193,232,250,.28);padding:10px 2px 2px}.molecule-art .molecule-art-identity .molecule-art-name{text-align:center}.molecule-art .molecule-art-identity .molecule-art-formula{margin-left:auto;margin-right:auto}.molecule-art .molecular-model-stage{display:block}.molecule-art .molecular-model-heading{flex-direction:row;align-items:center}.molecule-art .molecule-photo{max-height:min(300px,63vw)}.molecule-art .atom-key{flex-direction:row;justify-content:center;align-items:center;gap:10px}}
@media(max-width:430px){.molecule-art .molecular-model-heading small{display:none}.molecule-art .molecule-photo{max-height:210px}.molecule-art .molecule-art-identity .molecule-art-formula{font-size:.87rem}}
/* Los grupos de las familias técnicas comparten el acabado de esferas y enlaces metálicos, sin fingir que son átomos individuales. */
.family-tile-art{min-height:160px;background:radial-gradient(ellipse at 50% 40%,#254370,#172541 74%)}
.family-art{filter:drop-shadow(0 8px 10px rgba(0,0,0,.16))}
.family-art .family-bond-path{fill:none;stroke:var(--rod-stroke);stroke-width:13;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}
.family-art .family-bead circle{fill:var(--sphere-fill);stroke:rgba(255,255,255,.58);stroke-width:1.5;filter:drop-shadow(0 6px 5px rgba(0,0,0,.48))}
.family-art .family-bead .family-glint{fill:#fff;opacity:.78;stroke:none;filter:none}
.family-art .family-bead text{fill:#fff;font:800 11px Arial,sans-serif;paint-order:stroke;stroke:rgba(5,17,38,.48);stroke-width:2px}
.family-art.phases .family-bond-path,.family-art.blocks .family-bond-path{stroke:var(--rod-stroke);stroke-width:13}
.family-art.phases .inclusion{stroke:rgba(255,255,255,.78);stroke-width:2;filter:drop-shadow(0 3px 3px rgba(0,0,0,.38))}
.family-art.blocks rect{fill:var(--sphere-fill);stroke:rgba(255,255,255,.54);stroke-width:1.5;filter:drop-shadow(0 6px 5px rgba(0,0,0,.43))}
.family-art.blocks rect.soft-block{fill:var(--soft-fill)}
.family-art .family-caption{fill:#b7dcf0;font:800 9px Arial,sans-serif;letter-spacing:.8px}
/* Tres familias: tarjetas aproximadamente un 20 % más anchas y centradas. */
.diagram-families .family-board.family-count-3{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,940px);margin-left:auto;margin-right:auto}
/* Láminas de formulación y modelo 3D: reducción uniforme del espacio ocupado. */
.diagram-card .molecule-art{width:80%;padding:16px 18px}
.molecule-art-top .molecule-art-2d .molecule-svg{max-height:156px}
.molecule-art .molecule-photo{max-height:256px}
.molecule-art .molecular-model-stage{padding:10px 14px 9px}
@media(max-width:1000px){.diagram-families .family-board.family-count-3{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,640px)}}
@media(max-width:760px){.diagram-card .molecule-art{width:100%;padding:15px}.molecule-art .molecule-photo{max-height:min(256px,63vw)}}
@media(max-width:620px){.diagram-families .family-board.family-count-3{grid-template-columns:1fr;width:100%}}