Hazte socio de FAPsGal
Accede a contenidos actualizados, formación y recursos clínicos centrados en la farmacoterapia para impulsar el valor del farmacéutico de Atención Primaria.
/* Paleta FAPsGal (según códigos) */ :root{ --fapsgal-blue:#1AAED8; --fapsgal-blue-dark:#005A8C; --fapsgal-blue-strong:#0072A3; --fapsgal-green:#C8DDB1; } .fapsgal-cta-hero{ margin: 18px 0; border-radius: 18px; overflow: hidden; border: 1px solid rgba(0,90,140,.12); background: radial-gradient(1200px 300px at 85% 100%, rgba(26,174,216,.22), transparent 60%), radial-gradient(900px 260px at 10% 0%, rgba(200,221,177,.28), transparent 60%), linear-gradient(180deg, #fff 0%, rgba(26,174,216,.06) 100%); } .fapsgal-cta-inner{ display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 18px 18px; flex-wrap: wrap; } .fapsgal-cta-text{ min-width: 260px; flex: 1 1 420px; } .fapsgal-cta-text h3{ margin: 0 0 8px 0; font-size: 1.25rem; line-height: 1.2; color: var(--fapsgal-blue-strong); letter-spacing: .2px; } .fapsgal-cta-text p{ margin: 0 0 14px 0; color: rgba(0,0,0,.72); font-size: 1rem; line-height: 1.45; } .fapsgal-cta-actions{ display: flex; gap: 12px; align-items: center; flex-wrap: wrap; } .fapsgal-cta-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 12px; background: var(--fapsgal-green); color: var(--fapsgal-blue-dark); font-weight: 700; text-decoration: none; border: 1px solid rgba(0,90,140,.14); transition: transform .06s ease, box-shadow .12s ease, background .12s ease; box-shadow: 0 8px 22px rgba(0,90,140,.12); } .fapsgal-cta-btn:hover{ background: #b8d49a; transform: translateY(-1px); box-shadow: 0 10px 26px rgba(0,90,140,.16); } .fapsgal-cta-link{ color: var(--fapsgal-blue-dark); text-decoration: none; font-weight: 600; } .fapsgal-cta-link:hover{ text-decoration: underline; } .fapsgal-cta-card{ flex: 0 1 320px; min-width: 260px; border-radius: 16px; padding: 14px 14px; background: rgba(255,255,255,.75); border: 1px solid rgba(0,90,140,.10); box-shadow: 0 10px 26px rgba(0,90,140,.10); display: flex; flex-direction: column; gap: 10px; align-items: center; } .fapsgal-cta-badges{ width: 100%; display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; } .fapsgal-cta-badges span{ font-size: .82rem; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(0,90,140,.12); background: rgba(26,174,216,.08); color: rgba(0,0,0,.72); white-space: nowrap; } /* Ajustes móvil */ @media (max-width: 680px){ .fapsgal-cta-inner{ padding: 16px; } .fapsgal-cta-card{ width: 100%; } }