/* Acompañamiento, guía didáctica y cobertura. Identidad en theme.css. */
.support-intro{margin-top:36px;padding:32px;background:var(--brand-soft);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}
.resource-strip{padding:26px 0 0;border-top:1px solid var(--line);margin-top:26px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.resource-strip>div{flex:1;min-width:240px}.resource-strip h3{font-size:20px;margin-bottom:8px}.resource-strip p{font-size:14px;color:var(--muted);max-width:580px}.resource-strip .text-link{min-height:44px}
.sustainability-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:28px}.sustainability-pillars article{padding:26px;background:var(--brand-soft);border:1px solid var(--line)}.sustainability-pillars h3{font-size:22px;margin-bottom:14px}.sustainability-pillars p{color:var(--muted)}
@media(max-width:760px){.sustainability-pillars{grid-template-columns:1fr}}
.pipe-note{border-block:1px solid var(--line);padding:18px 0;margin-bottom:22px}.pipe-note summary{color:var(--button);font-weight:600;cursor:pointer;min-height:44px}.pipe-note p{color:var(--muted);margin:12px 0;font-size:14px}
.support-intro h3{font-size:var(--text-subheading);margin-bottom:10px}.support-intro p{color:var(--muted);max-width:650px}.support-intro .button{flex-shrink:0}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.audience-card{padding:28px;border:1px solid var(--line);background:var(--paper)}.audience-card h3{font-size:var(--text-subheading);margin-bottom:12px}.audience-card>p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.audience-card .text-link{min-height:44px}
.concrete-dialog{width:min(1000px,calc(100% - 32px))}.concrete-steps{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.concrete-steps figure{margin:0;border:1px solid var(--line)}.concrete-steps img{height:170px;object-fit:cover}.concrete-steps figcaption{padding:20px}.concrete-steps figcaption>span{font-size:11px;font-weight:600;color:var(--brand)}.concrete-steps h3{font-size:20px;margin:10px 0}.concrete-steps p{color:var(--muted);font-size:14px}.guide-note{font-size:12px;color:var(--muted);margin-bottom:22px}
.coverage-section{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);padding-block:32px}
.coverage-collage{position:absolute;inset:-3px;z-index:-2;display:flex;flex-direction:column;gap:0;opacity:.78;filter:saturate(.8);pointer-events:none}
.coverage-section::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 38% 17% at 50% 12%,#fffffff5 0%,#ffffffd9 55%,transparent 100%),radial-gradient(ellipse at 50% 54%,#ffffffa3 0%,#ffffff75 45%,#ffffff38 100%)}
.collage-row{display:flex;flex:1;min-height:0;width:max-content;animation:coverage-drift 75s linear infinite;mask-image:linear-gradient(transparent,#000 24px,#000 calc(100% - 24px),transparent)}.collage-row-reverse{animation-direction:reverse;margin-top:-24px}.collage-set{display:flex;gap:0;padding-right:0}.collage-set img{flex-shrink:0;width:max(260px,28vw);height:100%;margin-right:-28px;object-fit:cover;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
@keyframes coverage-drift{to{transform:translateX(-50%)}}
.coverage-content{position:relative}
.coverage-section .section-heading{justify-content:center;text-align:center;margin-bottom:12px}
.coverage-section .section-heading h2{font-size:clamp(24px,3vw,34px)}
.coverage-grid{display:block;max-width:800px;margin-inline:auto}
.coverage-grid .presence-map{position:relative;background:transparent;border:0;border-radius:0;box-shadow:none}
.coverage-grid .presence-map::before{content:"";position:absolute;inset:-10px -20px;pointer-events:none;background:radial-gradient(ellipse at 51% 54%,#fff 0%,#fffffff5 43%,#ffffffa6 60%,transparent 76%)}
.coverage-grid .presence-map img{position:relative;padding:0;mix-blend-mode:multiply}
@media(max-width:640px){.coverage-section .section-heading{align-items:center}.coverage-section .collage-set img{width:260px;height:100%}}
.utility-links{gap:22px}.utility-links a{font-weight:600}
.footer-channel-note{font-size:13px;line-height:1.8;color:var(--on-dark-muted);margin-block:12px 20px;max-width:280px}
.utility-bar{color:var(--paper)}
.hero h1 em{color:color-mix(in srgb,var(--brand) 25%,white)}
.footer-map{color:var(--on-dark-muted)}
.floating-contact .floating-quote{position:relative;display:grid;place-items:center;width:56px;min-width:56px;height:56px;margin-left:0;padding:0;border:1px solid var(--paper);border-radius:50%;background:var(--whatsapp);color:var(--paper);box-shadow:0 4px 16px #09223724;animation:whatsapp-fill 28s cubic-bezier(.45,0,.55,1) -7s infinite}
.floating-contact .floating-quote .icon{width:27px;height:27px;filter:drop-shadow(0 1px 1px #09223780)}
/* Relleno uniforme: siete segundos de descanso y siete de transición.
   El destino es el acento claro de theme.css, nunca el color de hover. */
@keyframes whatsapp-fill{0%,25%,100%{background-color:var(--whatsapp)}50%,75%{background-color:var(--accent)}}
.floating-contact .floating-quote:hover,.floating-contact .floating-quote:focus-visible{background:var(--whatsapp);color:var(--paper);border-color:var(--paper);outline-color:var(--brand)}
.whatsapp-pending{padding:14px 18px;background:var(--brand-soft);color:var(--brand-dark);font-size:14px;margin:18px 0}.button[aria-disabled=true]{background:var(--surface);color:var(--muted);border-color:var(--line);cursor:not-allowed;transform:none}
@media(max-width:950px){.support-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.audience-grid,.concrete-steps{grid-template-columns:1fr}.audience-card,.support-intro{padding:22px}.support-intro .button{width:100%;gap:12px}.coverage-section{padding-block:32px}.concrete-steps img{height:160px}.floating-contact .floating-quote{height:52px;width:52px;min-width:52px;padding:0;justify-content:center}.floating-quote>span{display:none}.utility-links{gap:14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.collage-row{animation:coverage-drift 180s linear infinite!important}.collage-row-reverse{animation-direction:reverse!important}.collage-set img{animation:none;opacity:1}.floating-contact .floating-quote{animation:whatsapp-fill 28s cubic-bezier(.45,0,.55,1) -7s infinite!important}}
@media print{.coverage-collage{display:none}.coverage-section::before{display:none}}