/* NOTAS DE HOMEM v20 · fragrance matching and comparison */
.ndh20-main{padding-bottom:72px;max-width:1140px;color:#34253e}
.ndh20-main *{box-sizing:border-box}
.ndh20-main h1,.ndh20-main h2,.ndh20-main h3{overflow-wrap:break-word}
.ndh20-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.86rem;margin:20px 0 22px;color:#665771}
.ndh20-breadcrumb a{color:#6a417e;text-decoration:underline;text-underline-offset:3px}
.ndh20-hero{border-radius:24px;border:1px solid #dac9e4;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(150px,.8fr);gap:16px;align-items:center;padding:clamp(24px,5vw,56px);background:linear-gradient(119deg,#f7f0fa 2%,#efe2f5 64%,#e8d6ef 100%);margin-bottom:26px}
.ndh20-eyebrow,.ndh20-step{display:inline-flex;text-transform:uppercase;font-size:.73rem;letter-spacing:.13em;font-weight:800;color:#684478}
.ndh20-hero h1{font-size:clamp(2rem,4.2vw,3.65rem);line-height:1.08;margin:14px 0 18px;color:#33243e}
.ndh20-hero p{max-width:700px;color:#51445c;line-height:1.7;font-size:1.04rem}
.ndh20-hero-decor{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:235px;position:relative;border:1px solid #c7aacb;border-radius:50%;aspect-ratio:1;max-width:270px;margin-inline:auto;background:radial-gradient(circle,#fff9 20%,transparent 70%)}
.ndh20-hero-decor>span:first-child{font:700 clamp(4rem,7vw,6.8rem)/1 'Playfair Display',Georgia,serif;color:#73508b}
.ndh20-hero-decor small{font-weight:800;letter-spacing:.2em;color:#69506d;font-size:.67rem}
.ndh20-hero-decor .ndh20-ornament{font-size:2rem;color:#b78c43;margin-top:8px}
.ndh20-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ndh20-btn{display:inline-flex;align-items:center;justify-content:center;background:#653f7a;color:#fff;border:2px solid #653f7a;border-radius:11px;padding:12px 20px;min-height:48px;font:700 .95rem 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.ndh20-btn:hover{background:#503063;border-color:#503063;color:#fff;transform:translateY(-1px)}
.ndh20-btn:focus-visible,.ndh20-main input:focus-visible,.ndh20-main select:focus-visible,.ndh20-main a:focus-visible{outline:3px solid #a16bc0;outline-offset:3px}
.ndh20-secondary{background:#fff;color:#5e3975}.ndh20-secondary:hover{background:#f3eafa;color:#4a285c}
.ndh20-ghost{background:transparent;border-color:#a18bab;color:#5a3b6a}.ndh20-ghost:hover{background:#f3eafa;color:#4a285c}
.ndh20-btn-compact{font-size:.83rem;min-height:43px;padding:8px 13px}
.ndh20-disclosure,.ndh20-guide{border-radius:15px;border:1px solid #e0d1e8;background:#fff;padding:clamp(18px,3vw,28px);margin-bottom:28px}
.ndh20-disclosure{border-left:4px solid #b19ac5}.ndh20-disclosure strong{color:#4a3161;font-size:1.08rem}
.ndh20-disclosure p,.ndh20-guide p{margin:10px 0 0;line-height:1.7;color:#51445d;font-size:.94rem}
.ndh20-section{scroll-margin-top:35px;margin:36px 0 44px}
.ndh20-section-top{display:flex;gap:16px;align-items:start;margin-bottom:20px}.ndh20-step{border-radius:9px;background:#eee2f5;white-space:nowrap;padding:10px 12px}
.ndh20-section h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 8px;color:#322139}.ndh20-section-top p{color:#66546f;margin:0;line-height:1.7}
.ndh20-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:clamp(18px,3vw,28px);border:1px solid #ddd0e3;border-radius:17px;background:#fff}
.ndh20-field{display:flex;flex-direction:column;min-width:0;gap:8px;color:#3e2d48;font-weight:700;font-size:.92rem}
.ndh20-field small{font-size:.8rem;color:#6f6379;font-weight:400;line-height:1.5}
.ndh20-main input,.ndh20-main select{font:500 16px 'DM Sans',Arial,sans-serif;max-width:100%;width:100%;min-height:48px;border:1px solid #b49dbf;border-radius:9px;background:#fff;color:#33243d;padding:10px 12px}
.ndh20-main input:hover,.ndh20-main select:hover{border-color:#6b4a7c}.ndh20-main input::placeholder{color:#88798e}
.ndh20-submit{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;margin-top:5px}
.ndh20-status{margin:16px 0 20px;padding:12px 16px;background:#f0e7f6;border-radius:10px;border-left:3px solid #8e6a9f;color:#49384f;font-size:.93rem;line-height:1.65}
.ndh20-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.ndh20-result-card{display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:17px;border:1px solid #dfd2e8;padding:22px;box-shadow:0 4px 16px rgba(52,32,65,.035);min-width:0}
.ndh20-result-top{display:flex;gap:10px;justify-content:space-between;align-items:start}
.ndh20-result-card h3{font-size:1.4rem;margin:6px 0;line-height:1.2}
.ndh20-brand{font-size:.76rem;color:#765785;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ndh20-family{margin:0;font-size:.88rem;color:#75697c;line-height:1.55}
.ndh20-score{display:flex;flex-direction:column;text-align:center;flex:none;background:#f5edf8;border:1px solid #e6d8ec;border-radius:10px;padding:9px 11px;min-width:88px}
.ndh20-score strong{color:#5b3472;font-size:1.1rem;white-space:nowrap}.ndh20-score small{font-size:.68rem;color:#6b5678}
.ndh20-reasons{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.ndh20-reasons li{padding:5px 9px;border-radius:30px;font-size:.78rem;line-height:1.4}
.ndh20-match{background:#edf6f0;color:#24563d}.ndh20-miss{background:#f4f1f5;color:#665d6d}
.ndh20-result-price{display:flex;gap:6px;flex-direction:column;padding-top:10px;border-top:1px solid #eee4f1;margin-top:auto}
.ndh20-result-price label{font-size:.8rem;font-weight:700;color:#504059}
.ndh20-result-price input{margin-top:5px}
.ndh20-budget-status{font-size:.8rem;color:#695675}
.ndh20-result-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.ndh20-inline-link,.ndh20-guide a,.ndh20-source{color:#5b3772;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.ndh20-compare-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ndh20-compare-controls label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:.86rem;min-width:0}
.ndh20-compare-tablewrap{overflow-x:auto;max-width:100%;border:1px solid #ddcee5;border-radius:13px;background:#fff}
.ndh20-compare-tablewrap:focus-visible{outline:3px solid #8f65aa;outline-offset:4px}
#ndh20-compare-table{border-collapse:collapse;min-width:680px;width:100%;font-size:.9rem}
#ndh20-compare-table caption{font-size:.8rem;color:#6b5a74;padding:10px;text-align:left}
#ndh20-compare-table th,#ndh20-compare-table td{border-top:1px solid #eadfeb;padding:14px 14px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
#ndh20-compare-table thead th{background:#eee3f3;color:#3d284f;font-weight:800;min-width:180px}
#ndh20-compare-table thead th:first-child{min-width:130px}
#ndh20-compare-table tbody th{background:#faf7fc;min-width:150px;color:#604a6b}
#ndh20-compare-table thead a{text-decoration:underline;text-underline-offset:3px}
.ndh20-price-tool{margin-top:20px;padding:clamp(18px,3vw,25px);border:1px solid #ddd0e3;border-radius:15px;background:#fff}
.ndh20-price-tool h3{font-size:1.45rem;margin-bottom:7px}
.ndh20-price-tool>p{font-size:.88rem;color:#65536d;line-height:1.6}
.ndh20-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ndh20-price-card{min-width:0;display:flex;flex-direction:column;gap:10px;border:1px solid #eaddec;border-radius:12px;padding:14px}
.ndh20-price-card h4{font:700 .95rem 'DM Sans',Arial,sans-serif;color:#3d2a48;margin:0;min-height:44px}
.ndh20-price-card label{font-size:.83rem;font-weight:600;display:block}.ndh20-price-card input{margin-top:4px}
.ndh20-price-output{font-weight:700;color:#5e3d73;font-size:.84rem;line-height:1.6;min-height:42px}
.ndh20-price-results{border-top:1px solid #e8dcea;margin:16px 0 0;padding-top:14px;color:#523e60;font-size:.9rem}
.ndh20-guide{background:#faf5fc}.ndh20-guide h2{font-size:1.65rem;margin-bottom:8px}
.ndh20-home-tile{background:linear-gradient(145deg,#f3e5f7,#fff8ed)!important;border:1px solid #c9a8d9!important}
.ndh20-catalog-cta{display:inline-block;color:#5a3473;font-weight:800;background:#f4e9f9;border:1px solid #dac6e9;border-radius:9px;padding:12px 17px;margin:10px 0;text-decoration:none}
@media(max-width:860px){.ndh20-hero{grid-template-columns:1fr}.ndh20-hero-decor{display:none}.ndh20-compare-controls{grid-template-columns:1fr 1fr}.ndh20-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ndh20-main{padding-bottom:48px}.ndh20-breadcrumb{margin-top:12px}.ndh20-hero{padding:25px 20px;border-radius:17px}.ndh20-hero h1{font-size:2.1rem}.ndh20-hero-actions{flex-direction:column}.ndh20-hero-actions .ndh20-btn{width:100%}.ndh20-section-top{flex-direction:column;gap:10px}.ndh20-form{grid-template-columns:1fr}.ndh20-results{grid-template-columns:1fr}.ndh20-result-card{padding:17px}.ndh20-compare-controls{grid-template-columns:1fr}.ndh20-price-grid{grid-template-columns:1fr}.ndh20-result-actions{flex-direction:column;align-items:stretch}.ndh20-result-actions a,.ndh20-result-actions button{text-align:center;width:100%}.ndh20-result-card h3{font-size:1.24rem}}
@media(prefers-reduced-motion:reduce){.ndh20-btn{transition:none;transform:none!important}}

.ndh20-method{margin-top:16px;border-top:1px solid #eadfeb;padding-top:15px}.ndh20-method summary{font-weight:800;color:#5e3a76;cursor:pointer}.ndh20-method p{margin-top:10px}

@media(min-width:700px){.ndh16-tile-grid.ndh20-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.ndh16-tile-grid.ndh20-tool-grid{grid-template-columns:1fr}}