/* sec-C: Contacto (.ct-), FAQ (.faq-), Blog (.bl-) y articulos (.ar-). Usa variables de base.css */

/* ---------- CONTACTO: hoja de orden de trabajo ---------- */
.ct-head{text-align:center;margin-bottom:clamp(32px,5vw,56px)}
.ct-head h2{margin:0;font-size:clamp(2.6rem,7vw,5.6rem)}
.ct-head em{font-style:normal;color:var(--yellow);display:inline-block}
.ct-grid{align-items:stretch}
.ct-sheet{background:var(--ink-2);border:2px solid var(--ink-3);border-radius:8px;overflow:hidden}
.ct-row{display:grid;grid-template-columns:1fr;gap:10px;padding:clamp(20px,3vw,32px);border-top:2px dashed var(--ink-3)}
.ct-row:first-child{border-top:0}
@media(min-width:620px){.ct-row{grid-template-columns:120px 1fr;gap:24px;align-items:start}}
.ct-main{background:linear-gradient(135deg,rgba(247,214,11,.07),transparent 55%)}
.ct-main .label{align-self:start;padding-top:.6em}
.ct-tel{display:block;font:900 clamp(2.5rem,9.5vw,4.6rem)/1 var(--f-display);letter-spacing:.01em;color:var(--yellow);text-decoration:none;white-space:nowrap}
.ct-tel:hover{text-decoration:underline;text-underline-offset:6px}
.ct-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ct-main>.ct-tel,.ct-main>.ct-btns,.ct-main>.ct-note{grid-column:1}
@media(min-width:620px){.ct-main>.label{grid-row:1/4}.ct-main>.ct-tel,.ct-main>.ct-btns,.ct-main>.ct-note{grid-column:2}}
.ct-note{margin:14px 0 0;color:var(--mist);font-size:.98rem}
.ct-row address{font-style:normal;font-size:1.2rem;line-height:1.4;font-weight:500;margin-bottom:16px}
.ct-mail{font-size:1.05rem;word-break:break-all;text-underline-offset:4px}
.ct-mail:hover{color:var(--yellow)}
.ct-side{background:var(--ink);border:2px solid var(--ink-3);border-radius:8px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ct-side .open-chip{margin-bottom:12px}
.ct-side h3{font-size:1.15rem;letter-spacing:.14em;color:var(--yellow);margin:10px 0 8px}
.ct-hours{font-size:1.15rem;gap:8px 28px;margin-bottom:14px}
.ct-hours dt,.ct-hours dd{padding-bottom:8px;border-bottom:1px solid var(--ink-3)}
.ct-hours .today{color:var(--yellow)}
.ct-side .social{margin-top:2px}

/* ---------- FAQ: lista numerada tipo ficha ---------- */
.faq-list{margin-top:clamp(28px,4vw,48px);border-top:2px solid var(--ink)}
.faq-item{border-bottom:2px solid var(--ink)}
.faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:64px;padding:16px 4px;font:800 clamp(1.2rem,2.6vw,1.6rem)/1.1 var(--f-display);letter-spacing:.02em;text-transform:uppercase}
.faq-item summary::-webkit-details-marker{display:none}
.faq-n{font-size:.9rem;letter-spacing:.14em;color:var(--aqua-deep)}
.faq-item summary i{position:relative;width:22px;height:22px;flex:none}
.faq-item summary i::before,.faq-item summary i::after{content:"";position:absolute;left:2px;right:2px;top:10px;height:3px;background:var(--ink);transition:transform .3s var(--ease)}
.faq-item summary i::after{transform:rotate(90deg)}
.faq-item[open] summary i::after{transform:rotate(0)}
.faq-item[open] summary{color:var(--aqua-deep)}
.faq-item p{margin:0;padding:0 4px 22px calc(2ch + 14px + 1.2rem);max-width:60ch}
.faq-item summary:hover{color:var(--aqua-deep)}
.faq-cta{margin:clamp(32px,5vw,52px) 0 0;display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:center;align-items:center;font:800 1.3rem var(--f-display);text-transform:uppercase;letter-spacing:.06em}

/* ---------- BLOG: fichas ---------- */
.bl h2{margin-bottom:clamp(28px,4vw,48px);text-align:center}
.bl-grid{display:grid;grid-template-columns:1fr;gap:var(--gap)}
@media(min-width:900px){.bl-grid{grid-template-columns:repeat(3,1fr)}}
.bl-card{background:var(--ink);border:2px solid var(--ink-3);border-radius:8px;overflow:hidden;transition:border-color .3s,transform .4s var(--ease)}
.bl-card:hover{border-color:var(--yellow)}
.bl-link{display:flex;flex-direction:column;height:100%;text-decoration:none}
.bl-ph{aspect-ratio:3/2;--r:0}
.bl-txt{padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;flex:1}
.bl-no{font:700 .8rem/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--aqua)}
.t-paper .bl-no{color:var(--aqua-deep)}
.bl-txt h3{margin:12px 0 10px}
.bl-txt p{color:var(--mist);margin-bottom:18px}
.bl-more{margin-top:auto;font:800 1rem/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}
.bl-more::after{content:" \2192";display:inline-block;transition:transform .3s var(--ease)}
.bl-card:hover .bl-more::after{transform:translateX(6px)}

/* ---------- ARTICULOS (blog/<slug>/) ---------- */
.ar{padding-top:calc(var(--hdr-h) + clamp(40px,6vw,80px))}
.ar h1{font-size:clamp(2.6rem,7vw,4.8rem);margin:12px 0 24px}
.ar-back{display:flex;width:fit-content;align-items:center;min-height:44px;margin-bottom:10px;font:800 .95rem var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--aqua-deep);text-decoration:none}
.ar-back:hover{text-decoration:underline}
.ar-ph{aspect-ratio:16/9;margin-bottom:32px}
.ar-lead{font-size:1.25rem;font-weight:500}
.ar-h{font-size:clamp(1.7rem,3.4vw,2.3rem);margin:1.6em 0 .4em;color:var(--aqua-deep)}
.ar-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px;padding-top:28px;border-top:2px solid var(--ink)}
/* contraste AA sobre fondos oscuros */
.ct-note,.bl-txt p{color:var(--txt-mute)}
.rev-src{color:var(--txt-mute-l)}
/* horario a todo el ancho de la tarjeta: sin hueco a la derecha */
.ct-hours{display:grid;grid-template-columns:auto 1fr;justify-content:stretch}
.ct-hours dd{text-align:right}
.ct-hours{width:100%}