/* Garza Vascular – ajustes del rediseño (colores, hover, reels, contacto) */

/* 1. Colores más vivos: mismos tonos, más saturación */
#page{filter:saturate(1.2)}

/* 2. Tarjetas de beneficios: elevación, sombra e icono con movimiento */
.gv-benefit{transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease!important;will-change:transform}
.gv-benefit .elementor-icon svg,.gv-benefit .elementor-icon i{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.gv-benefit:hover,.gv-benefit:focus-within{transform:translateY(-8px);box-shadow:0 22px 32px -12px rgba(11,95,138,.42)!important}
.gv-benefit:hover .elementor-icon svg,.gv-benefit:focus-within .elementor-icon svg{transform:scale(1.14) rotate(-6deg)}

/* 3. Contáctame (portada de cada página) */
.gv-contact{width:100%;margin-top:22px;text-align:center}
.gv-contact__title{margin:0 0 12px;font:600 1.15rem/1.2 Roboto,sans-serif;color:#fff;letter-spacing:.01em}
.gv-contact__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.gv-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;font:500 .95rem/1 Roboto,sans-serif;text-decoration:none!important;background:#fff;color:#0b5f8a!important;box-shadow:0 6px 14px -6px rgba(0,0,0,.4);transition:transform .2s ease,box-shadow .2s ease}
.gv-btn svg{width:19px;height:19px;flex:none}
.gv-btn:hover,.gv-btn:focus-visible{transform:translateY(-3px);box-shadow:0 12px 18px -8px rgba(0,0,0,.45)}
.gv-btn:focus-visible{outline:3px solid #fcdc36;outline-offset:2px}
.gv-btn--wa{background:#1fb855;color:#fff!important}
.gv-btn--fb svg{color:#1877f2}
.gv-btn--ig svg{color:#d6249f}

/* 4. Dirección en la sección Agenda tu cita */
.gv-map-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.gv-map-link:hover{text-decoration-thickness:2px}

/* 5. Sección de reels (estilo blog) */
.gv-reels{background:linear-gradient(180deg,#eef8fd 0%,#fff 100%);padding:72px 20px 80px}
.gv-reels__inner{max-width:1140px;margin:0 auto}
.gv-reels__head{max-width:640px;margin:0 0 36px}
.gv-reels__head h2{margin:0 0 10px;font:700 clamp(1.6rem,3vw,2.2rem)/1.15 Roboto,sans-serif;color:#0b3d57}
.gv-reels__head p{margin:0;font:400 1.05rem/1.55 Roboto,sans-serif;color:#4b4f58}
.gv-reels__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.gv-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px -14px rgba(11,61,87,.45);text-decoration:none!important;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
.gv-card:hover,.gv-card:focus-visible{transform:translateY(-6px);box-shadow:0 22px 34px -16px rgba(11,61,87,.55)}
.gv-card:focus-visible{outline:3px solid #0a9be0;outline-offset:3px}
.gv-card__media{position:relative;aspect-ratio:3/2;overflow:hidden;background:#d7eaf4}
.gv-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.gv-card:hover .gv-card__media img{transform:scale(1.05)}
.gv-card__play{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;background:#e3081f;display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.35)}
.gv-card__play svg{width:20px;height:20px;margin-left:3px;fill:#fff}
.gv-card__body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px;flex:1}
.gv-card__meta{font:500 .82rem/1 Roboto,sans-serif;color:#0b7bb5}
.gv-card__title{margin:0;font:700 1.18rem/1.3 Roboto,sans-serif;color:#0b3d57}
.gv-card__text{margin:0;font:400 .98rem/1.55 Roboto,sans-serif;color:#4b4f58;flex:1}
.gv-card__cta{margin-top:6px;font:600 .95rem/1 Roboto,sans-serif;color:#0b7bb5}
.gv-card:hover .gv-card__cta{text-decoration:underline;text-underline-offset:4px}
.gv-reels__more{margin-top:34px;text-align:center}
.gv-reels__more a{font:600 1rem/1 Roboto,sans-serif;color:#0b7bb5;text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.gv-reels__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.gv-reels{padding:52px 16px 60px}.gv-reels__grid{grid-template-columns:1fr}.gv-contact__btns{flex-direction:column;align-items:stretch}.gv-btn{justify-content:center}}
@media (prefers-reduced-motion:reduce){.gv-benefit,.gv-card,.gv-btn,.gv-card__media img,.gv-benefit .elementor-icon svg{transition:none!important}.gv-benefit:hover,.gv-card:hover,.gv-btn:hover{transform:none}.gv-card:hover .gv-card__media img{transform:none}}