/* Distrito Moda · Paso 3 · Plantilla de guías editoriales
   Comparte colores, navegación y footer con las categorías del Paso 2. */
.guide-hero{background:#f0eee8;border-top:1px solid #e6e2d9;border-bottom:1px solid #e6e2d9;overflow:hidden}
.guide-hero-grid{display:grid;grid-template-columns:55% 45%;min-height:505px}
.guide-hero-copy{padding:65px 55px 63px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.guide-hero-copy h1{font-size:clamp(48px,5.3vw,76px);line-height:1.04;letter-spacing:-.059em;margin:25px 0 21px;max-width:685px}
.guide-hero-copy h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.06em}
.guide-hero-copy>p{font-size:16.5px;line-height:1.72;color:#544e47;max-width:535px;margin-bottom:26px}
.guide-hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.guide-hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;font-size:11px;color:#766f68}
.guide-hero-art{background:var(--tint);position:relative;min-height:505px;overflow:hidden;margin-right:calc((min(1210px,100vw - 64px) - 100vw)/2)}
.guide-hero-art:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #25251f30;left:-230px;top:-65px;border-radius:50%}
.guide-hero-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#463f3d24 .8px,transparent .8px);background-size:10px 10px;pointer-events:none}
.guide-art-overline{position:absolute;top:35px;left:36px;font-size:10px;letter-spacing:2.5px;font-weight:800;color:#49433d;z-index:2}
.guide-art-number{font-weight:850;position:absolute;right:-18px;bottom:-87px;font-size:400px;letter-spacing:-35px;opacity:.16;color:var(--accent);line-height:1}
.guide-art-icon{position:absolute;left:8%;top:14%;width:84%;height:75%;transform:rotate(-5deg);filter:drop-shadow(10px 14px 0 #00000010);z-index:1}
.guide-art-sticker{position:absolute;right:32px;bottom:28px;z-index:3;background:#fffdfa;padding:14px 17px;font-size:12px;line-height:1.4;transform:rotate(4deg);box-shadow:5px 8px 20px #0000001b}
.guide-art-sticker strong{display:block}
.guide-switch{background:#fffefa;border-bottom:1px solid var(--line)}
.guide-switch-inner{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:18px 0}
.guide-switch-inner>span{font-size:10px;color:#77716c;letter-spacing:1.3px;font-weight:800;margin-right:14px}
.guide-switch-inner a{font-size:12px;font-weight:700;border:1px solid #dfdcd3;border-radius:40px;padding:10px 15px}
.guide-switch-inner a:hover{background:#efe9e2}.guide-switch-inner a.active{background:#222;color:#fff;border-color:#222}
.guide-quick{padding-top:84px;padding-bottom:82px}.guide-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.guide-quick-card{display:flex;flex-direction:column;position:relative;min-height:218px;padding:24px;border-radius:15px;background:#e9e6dd;transition:transform .2s,box-shadow .2s}
.guide-quick-card:nth-child(2){background:#e1e7de}.guide-quick-card:nth-child(3){background:#eee0d9}.guide-quick-card:nth-child(4){background:#e6e2ee}
.guide-quick-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000012}
.guide-quick-card>span{font-size:10px;letter-spacing:1px;font-weight:800;color:#67615d}
.guide-quick-card h3{font-size:23px;line-height:1.2;letter-spacing:-.75px;margin:34px 0 8px}
.guide-quick-card p{font-size:12px;line-height:1.6;color:#57524d;margin:0 0 22px}.guide-quick-card b{position:absolute;bottom:18px;right:22px;font-size:19px;font-weight:400}
.guide-article{max-width:850px}.guide-content-section{padding-top:22px}
.guide-prose{font-size:15px;color:#514d49;line-height:1.79;overflow-wrap:break-word}
.guide-prose p{font-size:15px;line-height:1.79;margin:0 0 19px}.guide-prose strong{color:#282622}.guide-prose em{font-style:italic}
.guide-prose h3{font-size:23px;line-height:1.22;color:#25231f;letter-spacing:-.6px;margin:37px 0 13px}
.guide-prose h4{font-size:17px;line-height:1.3;margin:25px 0 10px;color:#25231f}
.guide-prose ul,.guide-prose ol{padding-left:23px;margin:14px 0 24px}.guide-prose li{padding-left:4px;margin:9px 0;line-height:1.66}
.guide-prose li::marker{color:var(--accent);font-weight:800}
.guide-prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ae8072;color:#4e3e38;font-weight:700}
.guide-prose a:hover{color:var(--accent)}
.guide-prose blockquote{padding:19px 22px;margin:26px 0;background:#f2f0e9;border-left:4px solid var(--accent);border-radius:0 10px 10px 0}
.guide-prose blockquote p{margin:0;font-size:14px}
.guide-prose table{font-size:13px;line-height:1.5;border:1px solid #e7e2da;min-width:460px}
.guide-prose table th,.guide-prose table td{padding:13px 12px}.guide-prose table th{text-align:left}
/* Auto-generated Markdown tables get a responsive inner wrapper from the small JS. */
.guide-table-scroller{overflow-x:auto;max-width:100%;border-radius:12px;border:1px solid #e7e2da;margin:22px 0 27px}
.guide-table-scroller table{margin:0;border:0;width:100%}
.guide-table-scroller :is(th,td){white-space:normal}
.guide-content-section:target{scroll-margin-top:25px}
.guide-mobile-index{display:none}
.guide-calc,.visit-planner{background:#f4f1eb;border:1px solid #ded8cf;border-radius:18px;padding:28px;margin:26px 0}
.tool-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px}
.tool-heading>div>span{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:800}
.tool-heading h3{font-size:24px;letter-spacing:-.7px;margin:6px 0 0}
.tool-heading>span{font-size:20px;color:var(--accent)}
.calc-fields,.planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.calc-fields label,.planner-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#5f554e}
.guide-calc input,.visit-planner select{width:100%;border-radius:9px;padding:13px 14px;background:#fffefa;border:1px solid #d3cbc0;color:#282722;font:inherit;font-size:15px;min-width:0}
.calc-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.calc-results>div{background:#fffefa;border-radius:10px;padding:18px 12px;min-width:0}
.calc-results small{display:block;font-size:11px;line-height:1.35;color:#766d64;min-height:30px}
.calc-results strong{display:block;font-size:clamp(16px,1.8vw,22px);margin-top:7px;line-height:1.1;letter-spacing:-.5px;color:#272722;overflow-wrap:anywhere}
.calc-results strong.negative{color:#a6332e}
.calc-error{color:#ad3732;font-weight:700;font-size:12px;margin:5px 0}
.guide-tool-foot{font-size:11px!important;line-height:1.6!important;color:#766d63!important;margin:12px 0 0!important}
.visit-planner .secondary-button{margin-top:20px}
.planner-output{border-radius:10px;margin-top:17px;background:#fffdf8;border:1px solid #e1dad0;padding:19px}
.planner-output p{margin:0;font-size:13px}.planner-output ul{margin:10px 0 0;padding-left:18px}
.planner-output li{font-size:13px;margin:7px 0}.planner-output strong{font-size:13px}
.faq-detail{border-top:1px solid #dfdcd3;padding:1px 0}.faq-detail:last-of-type{border-bottom:1px solid #dfdcd3}
.faq-detail summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;cursor:pointer;list-style:none;color:#25231f;font-weight:700;font-size:15px;line-height:1.4}
.faq-detail summary::-webkit-details-marker{display:none}.faq-detail summary span{font-size:22px;color:var(--accent);transition:transform .2s}
.faq-detail[open] summary span{transform:rotate(45deg)}.faq-detail>p{margin:1px 0 20px;color:#5d5852}
.guide-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.guide-related-card{position:relative;background:var(--rel);padding:27px;min-height:210px;border-radius:15px;display:flex;flex-direction:column}
.guide-related-card span{font-size:10px;letter-spacing:1.3px;color:#635f59;font-weight:800}
.guide-related-card h3{margin:35px 0 15px;font-size:24px;line-height:1.14;letter-spacing:-.8px;max-width:225px}
.guide-related-card b{font-size:20px;font-weight:400;position:absolute;right:22px;bottom:17px}
.guide-related-card:hover{transform:translateY(-3px);transition:transform .2s}
@media(max-width:1050px){.guide-hero-grid{grid-template-columns:58% 42%}.guide-hero-copy{padding-right:35px}.guide-hero-copy h1{font-size:clamp(46px,6vw,62px)}.guide-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-quick-card{min-height:165px}.guide-quick-card h3{margin-top:22px}}
@media(max-width:760px){.guide-hero-grid{grid-template-columns:1fr}.guide-hero-copy{padding:55px 0 48px}.guide-hero-copy h1{font-size:clamp(43px,8vw,67px)}.guide-hero-art{margin:0 -16px;min-height:275px}.guide-art-number{font-size:300px;bottom:-70px}.guide-art-icon{height:95%;width:65%;top:2%;left:20%}.guide-hero-meta{margin-top:25px}.guide-quick{padding-top:55px;padding-bottom:55px}.guide-content-section{padding-top:10px}.guide-related-grid{grid-template-columns:1fr 1fr}.guide-mobile-index{display:block;background:#f3efe8;border:1px solid #dfd7cf;border-radius:12px;padding:13px 18px;margin:0 0 38px}.guide-mobile-index summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-size:14px;font-weight:800}.guide-mobile-index summary::-webkit-details-marker{display:none}.guide-mobile-index nav{display:flex;flex-direction:column;margin-top:13px;border-top:1px solid #dfd7cf}.guide-mobile-index a{padding:11px 0;font-size:13px;border-bottom:1px solid #e5dfd5}.guide-mobile-index a:last-child{border-bottom:0}}
@media(max-width:520px){.guide-hero-copy h1{font-size:clamp(42px,11vw,58px)}.guide-hero-copy>p{font-size:15px}.guide-hero-art{min-height:238px}.guide-art-icon{left:20%;top:-2%;width:62%;height:104%}.guide-art-overline{top:17px;left:19px;font-size:8px}.guide-art-sticker{right:14px;bottom:17px;padding:9px;font-size:10px}.guide-quick-grid{grid-template-columns:1fr 1fr;gap:9px}.guide-quick-card{min-height:180px;padding:17px}.guide-quick-card h3{font-size:19px;margin:22px 0 8px}.guide-quick-card p{font-size:11px;line-height:1.45}.guide-quick-card>span{font-size:9px}.guide-switch-inner>span{width:100%;margin-bottom:2px}.guide-switch-inner a{font-size:11px;padding:9px 12px}.guide-prose h3{font-size:21px}.guide-content-section h2{font-size:32px}.guide-calc,.visit-planner{padding:18px;margin:22px 0}.calc-fields,.planner-fields{grid-template-columns:1fr}.calc-results{grid-template-columns:1fr}.calc-results small{min-height:0}.calc-results strong{font-size:22px}.guide-related-grid{grid-template-columns:1fr}.guide-related-card{min-height:140px}.guide-related-card h3{margin:20px 0 8px}.guide-prose table{min-width:430px}}
@media print{.guide-hero-art,.guide-switch,.guide-quick,.guide-mobile-index,.guide-related-grid,.guide-calc .secondary-button,.visit-planner,.guide-hero-actions{display:none!important}.guide-hero-grid{display:block;min-height:0}.guide-hero-copy{padding:15px 0}.guide-hero-copy h1{font-size:33px}.guide-article,.guide-content-section{max-width:100%}.guide-prose{font-size:11pt}.guide-prose p,.guide-prose li{font-size:10pt}.guide-prose h3{font-size:15pt}.guide-prose table{min-width:0}.guide-content-section{break-inside:auto}.guide-calc{background:white;border-color:#aaa}.guide-table-scroller{overflow:visible}.guide-table-scroller table{width:100%}}