.areas-principales{padding:112px 48px;color:#111;background-color:#fff}.areas-principales__content{width:100%;max-width:880px;margin:0 auto 64px;text-align:center}.areas-principales__grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;width:100%;max-width:clamp(1360px,560px + 50vw,1520px);margin:0 auto}.areas-principales__card{--area-color: #253246;position:relative;display:flex;min-height:360px;box-sizing:border-box;padding:32px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:32px;border:1px solid rgba(37,50,70,.16);border-bottom:4px solid var(--area-color);border-radius:16px;background-color:#f4efe9;color:#111;text-decoration:none;transition:transform .25s ease-out,border-color .25s ease-out}.areas-principales__card::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background-color:#fff;opacity:0;pointer-events:none;transition:opacity .35s ease-out}.areas-principales__card>*{position:relative;z-index:1}.areas-principales__card--embarazo{--area-color: #B7BF9F;background-color:rgba(183,191,159,.4)}.areas-principales__card--lactancia{--area-color: #E2A8A8;background-color:rgba(226,168,168,.4)}.areas-principales__card--alimentacion{--area-color: #EFA573;background-color:rgba(239,165,115,.4)}.areas-principales__card--sueno{--area-color: #557699;background-color:rgba(85,118,153,.4)}.areas-principales a.areas-principales__card:hover,.areas-principales a.areas-principales__card:focus-visible{transform:translateY(-3px);border-color:var(--area-color);color:#111}.areas-principales a.areas-principales__card:hover::before,.areas-principales a.areas-principales__card:focus-visible::before{opacity:1}.areas-principales a.areas-principales__card:focus-visible{outline:3px solid var(--area-color);outline-offset:4px}.areas-principales__icon{display:flex;width:100%;height:128px;align-items:center;justify-content:center}.areas-principales__icon img{display:block;width:100%;height:100%;object-fit:contain}.areas-principales__description{width:100%}.areas-principales__description p{margin-bottom:0}.areas-principales__card h3{margin-bottom:0;line-height:1.08}.areas-principales__link-label{display:inline-flex;align-items:center;gap:8px;color:#253246;font-size:14px;font-weight:800;line-height:1.2}.areas-principales__link-label span,.areas-principales__icon{transition:transform 320ms cubic-bezier(0.23, 1, 0.32, 1)}.areas-principales a.areas-principales__card:hover .areas-principales__link-label span,.areas-principales a.areas-principales__card:focus-visible .areas-principales__link-label span{transform:translateX(6px)}.areas-principales a.areas-principales__card:hover .areas-principales__icon,.areas-principales a.areas-principales__card:focus-visible .areas-principales__icon{transform:scale(1.035)}@media(prefers-reduced-motion: reduce){.areas-principales a.areas-principales__card{transition:none}.areas-principales a.areas-principales__card::before,.areas-principales .areas-principales__icon,.areas-principales .areas-principales__link-label span{transition:none}.areas-principales a.areas-principales__card:hover,.areas-principales a.areas-principales__card:focus-visible{transform:none}.areas-principales a.areas-principales__card:hover .areas-principales__icon,.areas-principales a.areas-principales__card:focus-visible .areas-principales__icon,.areas-principales a.areas-principales__card:hover .areas-principales__link-label span,.areas-principales a.areas-principales__card:focus-visible .areas-principales__link-label span{transform:none}}@media(min-width: 1440px){.areas-principales{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){.areas-principales{padding:72px 24px}.areas-principales__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 767px){.areas-principales__content{margin-bottom:32px;text-align:left}.areas-principales__grid{grid-template-columns:minmax(0, 1fr);gap:12px}.areas-principales__card{min-height:0;padding:24px;gap:24px}.areas-principales__icon{height:96px}}@media(min-width: 1600px){.areas-principales__link-label{font-size:clamp(14px,9px + .3125vw,15px)}}