/* Siluetas rellenas originales: sin superponer trazos, filtros o transformaciones. */
.contact-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:middle;fill:currentColor;stroke:none;shape-rendering:auto}
.button .contact-icon,.contact-option h3 .contact-icon{width:18px;height:18px}
.button.compact .contact-icon{width:16px;height:16px}
.header-contact .contact-icon{width:22px;height:22px}
.home-store-contact a .contact-icon,footer .footer-grid>.footer-links>a .contact-icon{width:16px;height:16px}
footer .footer-contact-links .contact-icon{color:var(--green)}
.utility a{display:inline-flex;align-items:center;gap:7px}
.utility .contact-icon{width:16px;height:16px}
.nav-request{display:inline-flex;align-items:center;gap:8px}
.nav-request .contact-icon{width:16px;height:16px}
.request-direct .contact-icon,.privacy-content .contact-icon,.faq-items .contact-icon{width:16px;height:16px;margin-right:3px}
.faq-items a:has(.contact-icon){display:inline-flex;align-items:center;gap:7px}
.store-hours .store-hours-note{font-size:12px;line-height:1.6;margin:10px 0 0;padding-top:10px;border-top:1px solid #dce7d9;color:var(--text-body)}

/* Portada: catálogo y tres vías de consulta explícitas, conservando la vitrina. */
.storefront-consult{background:radial-gradient(ellipse at 82% 35%,#cfe5dc 0,transparent 51%),linear-gradient(120deg,#faf9f3,#eef6f1)}
.storefront-consult .storefront-grid{gap:42px;padding-block:38px 40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.storefront-consult .storefront-copy .eyebrow{margin-bottom:18px}
.storefront-consult .storefront-copy h1{margin-bottom:20px}
.storefront-consult .storefront-intro{max-width:510px;margin-bottom:20px;line-height:1.75}
.storefront-explore{font-size:13px}
.hero-contact{max-width:510px;margin-top:24px;padding:19px;background:#ffffffdb;border:1px solid #d7e5dc;border-radius:16px;box-shadow:0 8px 28px #174c3510}
.home-page .hero-contact h2{font:650 16px/1.5 system-ui,sans-serif;letter-spacing:-.01em;margin:0 0 5px;color:var(--green-dark)}
.hero-contact-heading p{font-size:13px;line-height:1.65;color:var(--text-body);margin:0 0 15px;max-width:370px}
.hero-contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero-contact-actions .button{padding:11px 9px;font-size:12px;gap:7px;min-height:46px;white-space:nowrap}
.hero-contact-actions .contact-icon{width:18px;height:18px}
.storefront-consult .storefront-location{margin-top:19px}
@media(min-width:761px) and (max-width:1100px){
 .storefront-consult .storefront-grid{gap:25px}
 .hero-contact{padding:16px}
 .hero-contact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-contact-actions>a:first-child{grid-column:1/-1}
}
@media(max-width:760px){
 .storefront-consult .storefront-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:30px 24px}
 .storefront-consult .storefront-copy .eyebrow{font-size:10px;margin-bottom:16px}
 .storefront-consult .storefront-intro{margin-bottom:18px}
 .storefront-explore{min-height:46px}
 .hero-contact{margin-top:22px;padding:17px;max-width:none}
 .home-page .hero-contact h2{font-size:15px}
 .hero-contact-heading p{font-size:12px;max-width:none}
 .hero-contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hero-contact-actions>a:first-child{grid-column:1/-1}
 .hero-contact-actions .button{font-size:12px;padding:11px 8px}
 .storefront-consult .storefront-showcase{margin-top:0}
 .store-hours .store-hours-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hero-contact .button{transition:none}}

/* Accesos a noticias en redes: enlaces reales, no un feed ni noticias inventadas. */
.hero-news{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0 26px;border-top:1px solid #cadfd2}
.home-page .hero-news h2{font:650 16px/1.5 system-ui,sans-serif;letter-spacing:-.01em;margin:0 0 4px}
.hero-news p{font-size:13px;line-height:1.65;margin:0;color:var(--text-body)}
.hero-news-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.hero-news .button{min-height:46px;padding:11px 20px;font-size:13px}
.hero-news .button svg{width:18px;height:18px;display:block}
@media(max-width:760px){
 .hero-news{display:grid;gap:16px;padding:22px 0 24px}
 .hero-news-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hero-news .button{padding:11px 10px;font-size:12px}
 .home-page .hero-news h2{font-size:15px}
 .hero-news p{font-size:12px}
}