.fdh-hero,
.fdh-hero *{box-sizing:border-box}
.fdh-hero{position:relative;width:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.fdh-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Modo pixel-perfect */
.fdh-reference{line-height:0}
.fdh-reference-picture,.fdh-reference-picture img{display:block;width:100%;height:auto}
.fdh-reference-hotspot{position:absolute;z-index:5;display:block;background:transparent;border:0;outline-offset:3px}
.fdh-reference-hotspot:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px rgba(0,82,91,.65)}
.fdh-reference-hotspot-1{left:5.18%;top:60.92%;width:16.83%;height:5.46%}
.fdh-reference-hotspot-2{left:23.24%;top:60.92%;width:9.20%;height:5.46%}

/* Modo editable */
.fdh-editable{--fdh-overlay-light:#fff4df;--fdh-overlay-opacity:.98;--fdh-bg-x:50%;--fdh-bg-y:50%;--fdh-bg-zoom:100%;background:#fff}
.fdh-visual{position:relative;min-height:740px;isolation:isolate;overflow:hidden}
.fdh-visual::before{content:"";position:absolute;inset:-2px;z-index:0;pointer-events:none;background-image:var(--fdh-bg-desktop);background-position:var(--fdh-bg-x) var(--fdh-bg-y);background-repeat:no-repeat;background-size:cover;transform:scale(var(--fdh-bg-zoom));transform-origin:center center}
.fdh-scrub{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:var(--fdh-overlay-opacity);background:linear-gradient(90deg,var(--fdh-overlay-light) 0%,var(--fdh-overlay-light) 35%,rgba(255,244,223,.72) 43%,rgba(255,255,255,0) 58%)}
.fdh-inner{position:relative;z-index:2;display:flex;align-items:flex-start;width:100%;max-width:1717px;margin:0 auto;padding:105px 0 80px 90px}
.fdh-content{width:100%;max-width:625px}
.fdh-title{margin:0 0 30px;font-size:74px;line-height:.98;font-weight:800;letter-spacing:-2px}
.fdh-title span{display:block}
.fdh-title-dark{color:#004a53}
.fdh-title-accent{color:#4b98a6}
.fdh-line{width:80px;height:7px;margin:0 0 30px;border-radius:999px;background:#f2b323}
.fdh-description{max-width:555px;margin:0 0 26px;color:#123e45;font-size:21px;line-height:1.45}
.fdh-buttons{display:flex;flex-direction:row;align-items:stretch;gap:20px;flex-wrap:wrap}
.fdh-button{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:15px 26px;border:0 solid #fff;border-radius:9px;background:#00525b;color:#fff;text-decoration:none;font-size:18px;font-weight:600;line-height:1.1;text-align:center;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}
.fdh-button:hover,.fdh-button:focus{background:#006a75;color:#fff;text-decoration:none;transform:translateY(-2px)}
.fdh-button:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:3px}

.fdh-impact-panel{position:relative;z-index:3;margin-top:-1px;min-height:176px;background:#fff}
.fdh-wave{position:absolute;left:0;top:-79px;width:100%;height:80px;display:block;pointer-events:none}
.fdh-wave path{fill:#fff}
.fdh-impact-inner{position:relative;z-index:2;padding:60px 7% 45px}
.fdh-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:36px;max-width:1500px;margin:0 auto}
.fdh-impact-item{position:relative;display:flex;align-items:flex-start;gap:20px;color:inherit;text-decoration:none;min-width:0}
.fdh-impact-item:not(:last-child)::after{content:"";position:absolute;top:0;right:-18px;width:1px;height:76px;background:rgba(0,0,0,.10)}
.fdh-impact-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#eaf5f5;color:#07515a}
.fdh-impact-icon i{font-size:34px}
.fdh-impact-icon svg{width:34px;height:34px;fill:currentColor}
.fdh-impact-copy{display:flex;flex-direction:column;min-width:0}
.fdh-impact-title{display:block;margin:0 0 6px;color:#004f58;font-size:18px;line-height:1.18;font-weight:700}
.fdh-impact-description{display:block;color:#404040;font-size:15px;line-height:1.4}
.fdh-dots{--fdh-dots-color:#9dc5c8;position:absolute;left:0;bottom:0;width:185px;height:145px;opacity:.42;pointer-events:none;background-image:radial-gradient(circle,var(--fdh-dots-color) 2px,transparent 2.5px);background-size:16px 16px;mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.8) 55%,transparent 100%)}

@media (max-width:1024px){
  .fdh-visual::before{background-image:var(--fdh-bg-tablet)}
  .fdh-inner{padding:80px 45px 60px}
  .fdh-title{font-size:58px}
  .fdh-content{max-width:560px}
  .fdh-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .fdh-impact-item:nth-child(2n)::after{display:none}
}

@media (max-width:767px){
  .fdh-reference-hotspot-1{left:3.1%;top:79.82%;width:92.2%;height:6.75%}
  .fdh-reference-hotspot-2{left:3.1%;top:87.73%;width:92.2%;height:6.75%}

  .fdh-visual{min-height:100svh}
  .fdh-visual::before{background-image:var(--fdh-bg-mobile);background-position:var(--fdh-bg-x) var(--fdh-bg-y);background-size:cover}
  .fdh-scrub{background:linear-gradient(180deg,var(--fdh-overlay-light) 0%,rgba(255,244,223,.86) 43%,rgba(255,244,223,.18) 58%,rgba(0,27,30,.05) 72%,rgba(0,24,28,.62) 100%)}
  .fdh-inner{min-height:100svh;padding:68px 30px 35px;align-items:flex-start}
  .fdh-content{display:flex;flex-direction:column;max-width:100%;min-height:calc(100svh - 103px)}
  .fdh-title{font-size:44px;line-height:1.05;letter-spacing:-1.5px;margin-bottom:35px}
  .fdh-title-accent{max-width:92%}
  .fdh-line{width:105px;height:7px;margin-bottom:38px}
  .fdh-description{max-width:100%;font-size:19px;line-height:1.5;margin-bottom:40px}
  .fdh-buttons{margin-top:auto;flex-direction:column;gap:14px;width:100%}
  .fdh-button{width:100%;padding:20px 24px;border:1px solid #fff;border-radius:30px;font-size:18px;min-height:64px}
  .fdh-impact-panel{display:none}
  .fdh-impact-mobile-show .fdh-impact-panel{display:block}
  .fdh-impact-mobile-show .fdh-impact-grid{grid-template-columns:1fr;row-gap:25px}
  .fdh-impact-mobile-show .fdh-impact-item::after{display:none}
  .fdh-impact-mobile-show .fdh-wave,.fdh-impact-mobile-show .fdh-dots{display:none}
}

@media (max-width:430px){
  .fdh-title{font-size:clamp(36px,10.8vw,44px)}
  .fdh-description{font-size:clamp(17px,4.6vw,19px)}
}

@media (prefers-reduced-motion:reduce){
  .fdh-button{transition:none!important}
}
