/* Marca y redes configurables desde el Editor Visual. */
.brand-logo { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; }
.brand-logo-image { grid-row: 1 / 3; width: 44px; height: 44px; object-fit: contain; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px rgba(48,36,61,.16); }
.brand-logo .brand-main, .brand-logo .brand-sub { grid-column: 2; }
.footer-brand { display: flex; align-items: center; justify-content: center; gap: 10px; }
.footer-brand-logo { width: 42px; height: 42px; object-fit: contain; border-radius: 50%; background: #fff; }
.footer-socials .social-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; color: #f8e9b6; border: 1px solid rgba(248,233,182,.45); border-radius: 50%; transition: transform .2s ease, color .2s ease, background .2s ease; }
.footer-socials .social-icon:hover { color: #30243d; background: #d4a84f; transform: translateY(-2px); }
.footer-socials .social-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.footer-socials .social-icon svg .solid { fill: currentColor; stroke: none; }
@media (max-width: 680px) { .brand-logo-image { width: 34px; height: 34px; } }

/* Los colores del editor se aplican en la página pública, incluidas las tarjetas. */
.services-section, .why-us-section { background: var(--services-section-bg); }
.why-us-section .section-tag { color: var(--services-tag-color); }
.why-us-section .section-title { color: var(--services-title-color); }
.why-us-section .section-subtitle { color: var(--services-subtitle-color); }
.why-card { background: var(--card-bg); border-color: var(--card-badge-bg); }
.why-card h4 { color: var(--card-title-color); }
.why-card p { color: var(--card-text-color); }
.why-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; color: var(--card-btn-color); background: color-mix(in srgb, var(--card-badge-bg) 42%, transparent); border-radius: 16px; }
.why-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.experience-section { background: var(--exp-section-bg); }
.experience-section .exp-content h2 { color: var(--exp-title-color); }
.experience-section .exp-content > p { color: var(--exp-text-color); }
.benefit-item { background: var(--exp-benefit-bg); color: var(--exp-benefit-text); }
.men-section { background: var(--men-section-bg); }
.men-section .section-tag { color: var(--men-tag-color); }
.men-section h2 { color: var(--men-title-color) !important; }
.men-section .men-content-col > p { color: var(--men-text-color) !important; }