/* --- Cartas animadas unificadas (mismo efecto que "Áreas de atención" y las tarjetas de portada) --- */
body .bd-card,body .bd-seo-card,body .lp-card,body .congress-card,body .art-card{transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,.08))}
body .bd-card:hover,body .bd-seo-card:hover,body .lp-card:hover,body .congress-card:hover,body .art-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg,0 14px 34px rgba(0,0,0,.14))}
body .bd-card a.more,body .bd-seo-card a,body .lp-card-more,body .art-card .card-more{display:inline-block;transition:transform .3s ease}
body .art-card .card-more{display:flex}
body .bd-card:hover a.more,body .bd-seo-card:hover a,body .lp-card:hover .lp-card-more,body .art-card:hover .card-more{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){body .bd-card,body .bd-seo-card,body .lp-card,body .congress-card,body .art-card{transition:none}body .bd-card:hover,body .bd-seo-card:hover,body .lp-card:hover,body .congress-card:hover,body .art-card:hover{transform:none}body .bd-card:hover a.more,body .bd-seo-card:hover a,body .lp-card:hover .lp-card-more,body .art-card:hover .card-more{transform:none}}

/* --- Preguntas frecuentes como cartas animadas (mismo efecto que "Áreas de atención") --- */
body details:not(.hp-day){transition:all .3s cubic-bezier(.165,.84,.44,1)!important;box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,.08))!important}
body details:not(.hp-day):hover{transform:translateY(-8px);box-shadow:var(--shadow-lg,0 14px 34px rgba(0,0,0,.14))!important}
body details:not(.hp-day)>summary{position:relative;list-style:none;padding-right:2.8rem}
body details:not(.hp-day)>summary::-webkit-details-marker{display:none}
body details:not(.hp-day)>summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.8rem;height:1.8rem;border-radius:50%;background:#eaf4fa;color:var(--primary-color);text-align:center;line-height:1.8rem;font-weight:700;transition:transform .3s ease,background .3s ease}
body details:not(.hp-day):hover>summary::after{transform:translateY(-50%) scale(1.12)}
body details[open]:not(.hp-day)>summary::after{content:"\2013";background:var(--primary-color);color:#fff}
body .bd-faq summary{padding-right:3.2rem}
body .bd-faq summary::after{right:1.3rem}
@media(prefers-reduced-motion:reduce){body details:not(.hp-day){transition:none!important}body details:not(.hp-day):hover{transform:none}body details:not(.hp-day):hover>summary::after{transform:translateY(-50%)}}
