/* Capa de producto de la edición española. Separada del documento editorial para que las
   funciones personales puedan evolucionar sin volver a aumentar el HTML principal. */
.product-space{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:44px;align-items:end;margin-top:18px;margin-bottom:92px;padding:42px 44px;border-radius:20px;background:#0c183e;color:#fff;box-shadow:0 24px 70px rgba(11,23,59,.15)}
.product-space-copy h2{max-width:12ch;margin:9px 0 14px;font:650 clamp(30px,3vw,45px)/1.04 var(--display);letter-spacing:-.05em}
.product-space-copy p{max-width:44ch;margin:0;color:rgba(255,255,255,.63);font-size:13px}
.directory-link{display:inline-flex;margin-top:18px;color:var(--lime);font-size:11px;font-weight:750;text-decoration:none}
.product-space .kicker{color:var(--lime)}
.product-edit-btn{display:flex;width:max-content;margin-top:22px;padding:13px 20px;border:0;border-radius:12px;background:var(--lime);color:#16213e;font:700 13px var(--display);cursor:pointer}
.product-edit-btn:hover{filter:brightness(.95)}
.product-space-copy small{display:block;margin-top:10px;color:rgba(255,255,255,.54);font-size:10px}
.product-matches{display:grid;align-content:start;gap:8px}
.matches-title{margin:0 0 2px;color:rgba(255,255,255,.7);font:700 10px var(--display);text-transform:uppercase;letter-spacing:.08em}
.product-match{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.065);color:#fff;text-decoration:none;transition:.2s}
.product-match:hover{transform:translateY(-2px);border-color:rgba(217,242,126,.45);background:rgba(255,255,255,.1)}
.product-match-score{flex:none;min-width:44px;padding:6px 8px;border-radius:999px;background:var(--lime);color:#16213e;font:800 11px var(--display);text-align:center}
.product-match-title{font:650 13px var(--display);flex:1}
.matches-empty{padding:20px;border:1px dashed rgba(255,255,255,.25);border-radius:12px;color:rgba(255,255,255,.55);font-size:12px}
.active-filters{display:flex;flex-wrap:wrap;gap:7px;min-height:0;margin:-10px 0 17px}
.active-filters:empty{display:none}
.filter-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(20,38,94,.13);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.72);color:var(--navy);font-size:10px;font-weight:700;cursor:pointer}
.filter-chip:after{content:"×";font-size:14px;line-height:1}
.filter-chip.clear-all{background:transparent;border-style:dashed;color:var(--muted)}
.eligibility-chip{position:absolute;z-index:5;right:14px;top:14px;display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 9px;border-radius:8px;background:#edf3e6;color:#31553e;font:750 9px var(--body);box-shadow:0 5px 18px rgba(10,20,40,.14)}
.eligibility-chip.warn{background:#f7eedb;color:#8b5f21}.eligibility-chip.no{background:#f5e7e4;color:#983d38}.eligibility-chip.unknown{background:#ececef;color:#535966}
.card:not(.urgent-prototype)>.card-top .heart{position:absolute;right:14px;top:51px;margin:0}.card:not(.urgent-prototype)>h3{padding-right:40px}
.urgent-prototype .eligibility-chip{background:rgba(9,18,43,.76);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}.urgent-prototype .heart{top:54px}
.card-product-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}
.card-product-actions button,.card-product-actions a{display:flex;align-items:center;justify-content:center;min-height:35px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);text-decoration:none;font-size:9px;font-weight:750;cursor:pointer}
.card-product-actions .compare-on{background:var(--navy);color:#fff}
.urgent-prototype .card-product-actions{position:relative;z-index:4;margin:12px 0 0}.urgent-prototype .card-product-actions button,.urgent-prototype .card-product-actions a{border-color:rgba(255,255,255,.3);background:rgba(8,15,35,.52);color:#fff;backdrop-filter:blur(8px)}.urgent-prototype .card-product-actions .compare-on{background:var(--lime);border-color:var(--lime);color:var(--navy)}
.trace-note{display:flex;align-items:center;gap:7px;margin-top:13px;color:var(--muted);font-size:9px}.trace-note i{width:6px;height:6px;border-radius:50%;background:#5d9a67}
.product-modal{width:min(920px,calc(100% - 24px));max-height:min(90vh,860px);padding:0;border:0;border-radius:22px;background:#f8f7f3;color:var(--ink);box-shadow:0 35px 100px rgba(8,15,35,.36)}
.product-modal::backdrop{background:rgba(8,15,35,.68);backdrop-filter:blur(6px)}
.product-modal-head{position:sticky;z-index:5;top:0;display:flex;justify-content:space-between;gap:25px;padding:24px 28px;border-bottom:1px solid var(--line);background:rgba(248,247,243,.94);backdrop-filter:blur(16px)}
.product-modal-head small{display:block;margin-bottom:5px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.product-modal-head h2{margin:0;font:650 27px/1.1 var(--display);letter-spacing:-.04em}
.product-close{flex:none;width:39px;height:39px;border:0;border-radius:50%;background:#e9e6df;font-size:21px;cursor:pointer}
.product-modal-body{padding:28px;overflow:auto}
.product-intro{max-width:68ch;margin:0 0 25px;color:var(--muted);font-size:13px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.product-grid .full{grid-column:1/-1}
.product-field{display:grid;gap:6px}.product-field label,.product-label{color:#323742;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.product-field input,.product-field select,.product-field textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid rgba(17,19,24,.13);border-radius:10px;background:#fff;color:var(--ink);font:500 13px/1.5 var(--body);outline:0}.product-field textarea{min-height:105px;resize:vertical}.product-field input:focus,.product-field select:focus,.product-field textarea:focus{border-color:#5870bd;box-shadow:0 0 0 3px rgba(88,112,189,.12)}
.product-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.product-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.product-button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.product-button.danger{color:#9c3e38}.product-button:disabled{opacity:.5;cursor:wait}
.privacy-note{display:flex;gap:9px;margin-top:18px;padding:13px;border-radius:10px;background:#eaf0df;color:#36543d;font-size:10px}
.priority-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:30px 0 13px;padding-top:24px;border-top:1px solid var(--line)}.priority-heading span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.priority-heading h3{margin:4px 0 0;font:650 19px var(--display)}.priority-heading p{max-width:430px;margin:0;color:var(--muted);font-size:10px}.preference-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.preference-row>strong{font:650 11px var(--display)}.pref-buttons{display:flex;align-items:center;gap:6px}.pref-current{min-width:76px;color:var(--muted);font:700 9px var(--body);text-align:center}.pref-btn{min-width:28px;min-height:28px;padding:0 6px;border:1px solid rgba(17,19,24,.14);border-radius:7px;background:#f4f2ed;color:var(--muted);font:800 11px var(--body);cursor:pointer}.pref-btn[aria-pressed="true"][data-mode="required"]{border-color:#36543d;background:#dfead2;color:#274634}.pref-btn[aria-pressed="true"][data-mode="positive"]{border-color:#53679e;background:#e6eaf4;color:#263c73}.pref-btn[aria-pressed="true"][data-mode="avoid"]{border-color:#a85b52;background:#f4e2df;color:#8d3832}
.required-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:26px 0 13px;padding-top:22px;border-top:1px solid var(--line)}.required-heading span{color:#a85b52;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.required-heading h3{margin:4px 0 0;font:650 19px var(--display)}.required-heading p{max-width:400px;margin:0;color:var(--muted);font-size:10px}.required-field{padding:16px;border:1px solid #e3c7c2;border-radius:12px;background:#fbf3f1}
.affinity-help{display:flex;align-items:center;gap:8px;margin:10px 0}.affinity-help span{color:var(--muted);font-size:11px;font-weight:700}.info-q{width:18px;height:18px;border-radius:50%;border:1px solid rgba(17,19,24,.14);background:none;color:var(--muted);font:700 10px var(--body);cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:none}.info-q:hover,.info-q[aria-pressed="true"],.info-q[aria-expanded="true"]{border-color:#5870bd;color:#5870bd}.info-note{display:none;margin:-4px 0 12px;padding:0 2px;color:var(--muted);font-size:11px;line-height:1.6}.info-note[data-open="true"]{display:block}
.product-field small{display:block;margin-top:6px;color:var(--muted);font-size:10px}
.product-list{display:grid;gap:10px}.product-empty{padding:35px 20px;border:1px dashed rgba(17,19,24,.18);border-radius:14px;text-align:center;color:var(--muted)}
.application-row{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.application-row h3{margin:0 0 4px;font:650 13px var(--display)}.application-row p{margin:0;color:var(--muted);font-size:10px}.application-row select{padding:9px;border:1px solid var(--line);border-radius:8px;background:#f8f7f3;font-size:11px}.application-row button{border:0;background:none;color:#9c3e38;cursor:pointer}
.change-alert{display:inline-flex;margin-top:7px;padding:5px 7px;border-radius:7px;background:#fff0d3;color:#775315;font-size:9px;font-weight:750}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.compare-table th,.compare-table td{min-width:160px;padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;text-align:left;font-size:11px}.compare-table th:first-child,.compare-table td:first-child{min-width:120px;color:var(--muted);font-weight:750}.compare-table tr:last-child td{border-bottom:0}.compare-table th:last-child,.compare-table td:last-child{border-right:0}.compare-table th{font:650 13px/1.3 var(--display)}
.tool-tabs{display:flex;gap:7px;margin-bottom:20px;overflow:auto}.tool-tabs button{flex:none;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;cursor:pointer}.tool-tabs button.on{background:var(--navy);color:#fff}
.tool-result{margin-top:17px;padding:17px;border-radius:12px;background:#0c183e;color:#fff}.tool-result strong{display:block;font:650 22px var(--display);color:var(--lime)}.tool-result p{margin:6px 0 0;color:rgba(255,255,255,.67);font-size:11px}
.checklist{display:grid;gap:8px}.check-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px}.check-item input{margin-top:3px}.check-item.done span{text-decoration:line-through;color:var(--muted)}
.assistant-output{margin-top:18px;padding:19px;border-radius:12px;background:#fff;border:1px solid var(--line)}.assistant-output textarea{width:100%;min-height:210px;border:0;resize:vertical;font:500 14px/1.7 var(--body);outline:0}.assistant-output ul{padding-left:18px;color:var(--muted);font-size:11px}.assistant-output .notice{color:#825c21;font-size:10px}
.toast{position:fixed;z-index:10000;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 15px;border-radius:9px;background:#0c183e;color:#fff;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.project-product-card{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.project-product-card h3{margin:0 0 9px;font:650 13px var(--display)}.project-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.project-product-actions button,.project-product-actions a{min-height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-size:10px;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.project-eligibility{margin-bottom:15px;padding:13px;border-radius:10px;background:#edf3e6;color:#31553e;font-size:11px}.project-eligibility.warn{background:#f5eee0;color:#79551e}.project-eligibility.no{background:#f5e8e5;color:#8f3b37}.compat-confidence{display:inline-flex;margin-left:7px;padding:3px 6px;border:1px solid currentColor;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;opacity:.78}
@media(max-width:900px){.product-space{grid-template-columns:1fr}}
@media(max-width:620px){.product-space{gap:27px;margin-bottom:60px;padding:28px 19px;border-radius:14px}.product-grid,.preference-list{grid-template-columns:1fr}.product-grid .full{grid-column:auto}.priority-heading,.required-heading{align-items:start;flex-direction:column;gap:8px}.product-modal-head{padding:19px}.product-modal-body{padding:19px}.application-row{grid-template-columns:1fr}.compare-scroll{overflow-x:auto}.card-product-actions{flex-wrap:wrap}.map-switch,.ask-fab{display:none!important}}
@media(prefers-reduced-motion:reduce){.product-match,.toast{transition:none}}