.navegacion-areas{padding:112px 48px;color:#111;background-color:#fff}.navegacion-areas__content{width:100%;max-width:720px;margin:0 auto 64px;text-align:center}.navegacion-areas__grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%;max-width:clamp(1360px,560px + 50vw,1520px);margin:0 auto}.navegacion-areas__card{--card-accent: #253246;position:relative;display:flex;flex:0 1 calc((100% - 48px)/4);box-sizing:border-box;flex-direction:column;overflow:hidden;border:0;border-radius:16px;background-color:var(--card-accent);color:#fff;text-decoration:none;transition:transform .25s ease-out,box-shadow .25s ease-out}.navegacion-areas__card--embarazo{--card-accent: #B7BF9F}.navegacion-areas__card--lactancia{--card-accent: #E2A8A8}.navegacion-areas__card--alimentacion{--card-accent: #EFA573}.navegacion-areas__card--sueno{--card-accent: #557699}.navegacion-areas a.navegacion-areas__card:hover,.navegacion-areas a.navegacion-areas__card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(37,50,70,.16);color:#fff}.navegacion-areas a.navegacion-areas__card:focus-visible{outline:3px solid #253246;outline-offset:4px}.navegacion-areas__media{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background-color:#f4efe9}.navegacion-areas__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform 480ms cubic-bezier(0.23, 1, 0.32, 1)}.navegacion-areas a.navegacion-areas__card:hover .navegacion-areas__image,.navegacion-areas a.navegacion-areas__card:focus-visible .navegacion-areas__image{transform:scale(1.025)}.navegacion-areas__card-content{display:flex;flex:1;padding:32px;flex-direction:column;justify-content:space-between;gap:32px}.navegacion-areas__card h3{margin-bottom:16px;color:#fff;line-height:1.1}.navegacion-areas__description{display:block;font-size:16px;line-height:1.5}.navegacion-areas__arrow{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;align-self:flex-end;border:1px solid #fff;border-radius:50%;color:#fff;font-size:22px;line-height:1;transition:color 320ms ease,background-color 320ms ease,transform 320ms cubic-bezier(0.23, 1, 0.32, 1)}.navegacion-areas a.navegacion-areas__card:hover .navegacion-areas__arrow,.navegacion-areas a.navegacion-areas__card:focus-visible .navegacion-areas__arrow{color:var(--card-accent);background-color:#fff;transform:translateX(6px)}@media(prefers-reduced-motion: reduce){.navegacion-areas a.navegacion-areas__card,.navegacion-areas .navegacion-areas__arrow,.navegacion-areas .navegacion-areas__image{transition:none}.navegacion-areas a.navegacion-areas__card:hover,.navegacion-areas a.navegacion-areas__card:focus-visible,.navegacion-areas a.navegacion-areas__card:hover .navegacion-areas__arrow,.navegacion-areas a.navegacion-areas__card:focus-visible .navegacion-areas__arrow,.navegacion-areas a.navegacion-areas__card:hover .navegacion-areas__image,.navegacion-areas a.navegacion-areas__card:focus-visible .navegacion-areas__image{transform:none}}@media(min-width: 1440px){.navegacion-areas{padding-right:max(48px,(100vw - clamp(1360px,560px + 50vw,1520px))/2);padding-left:max(48px,(100vw - clamp(1360px,560px + 50vw,1520px))/2)}}@media(max-width: 1024px){.navegacion-areas{padding:72px 24px}.navegacion-areas__card{flex-basis:calc((100% - 16px)/2)}}@media(max-width: 767px){.navegacion-areas__content{margin-bottom:32px;text-align:left}.navegacion-areas__grid{gap:12px}.navegacion-areas__card{flex-basis:100%}.navegacion-areas__card-content{padding:24px;gap:24px}}@media(min-width: 1600px){.navegacion-areas__description{font-size:clamp(16px,11px + .3125vw,17px)}.navegacion-areas__arrow{font-size:clamp(22px,12px + .625vw,24px)}}