/* migo · fichaconmigo.es */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;background:#F6F7EA;font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{opacity:.85}
img{max-width:100%}
:focus-visible{outline:3px solid #7FA22E;outline-offset:2px;border-radius:4px}
@keyframes madosPulseG{0%{box-shadow:0 0 0 0 rgba(127,162,46,.5)}70%{box-shadow:0 0 0 14px rgba(127,162,46,0)}100%{box-shadow:0 0 0 0 rgba(127,162,46,0)}}
@keyframes madosFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes madosMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes madosDot{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes migoTypingDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes migoChatIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes migoPing{0%{box-shadow:0 0 0 0 rgba(127,162,46,.45)}70%{box-shadow:0 0 0 14px rgba(127,162,46,0)}100%{box-shadow:0 0 0 0 rgba(127,162,46,0)}}
[hidden]{display:none!important}

/* estados hover del diseño original */
.hv0:hover{background:#2E3F0F !important}
.hv1:hover{transform:translateY(-2px) !important;background:#2E3F0F !important}
.hv2:hover{transform:translateY(-2px) !important}
.hv3:hover{transform:translateY(-4px) !important}
.hv4:hover{transform:translateY(-4px) !important;box-shadow:0 22px 40px -24px rgba(30,42,12,.35) !important}
.hv5:hover{transform:translateY(-4px) !important;box-shadow:0 22px 40px -24px rgba(30,42,12,.35) !important}
.hv6:hover{transform:translateY(-4px) !important;box-shadow:0 22px 40px -24px rgba(30,42,12,.35) !important}
.hv7:hover{transform:translateY(-4px) !important;box-shadow:0 22px 40px -24px rgba(30,42,12,.35) !important}
.hv8:hover{transform:translateY(-4px) !important}
.hv9:hover{transform:translateY(-2px) !important;background:#2E3F0F !important}
.hv10:hover{transform:translateY(-2px) !important;background:#2E3F0F !important}
.hv11:hover{background:#2E3F0F !important}
.hv12:hover{transform:translateY(-2px) !important;background:#2E3F0F !important}
.hv13:hover{background:#2E3F0F !important}
.hv14:hover{transform:translateY(-2px) !important}
.hv15:hover{transform:translateY(-2px) !important;background:#2E3F0F !important}
.hv16:hover{background:#2E3F0F !important}
.hv17:hover{transform:translateY(-2px) !important;background:#2E3F0F !important}

@media (max-width:900px){
  [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  [style*="grid-column:span"]{grid-column:auto!important}
  [style*="grid-row:span"]{grid-row:auto!important}
  [style*="display:flex"][style*="gap:70px"],[style*="display:flex"][style*="gap:60px"]{flex-wrap:wrap!important;gap:32px!important}
  nav [style*="gap:30px"]{gap:18px!important;font-size:14px!important}
}
@media (max-width:760px){
  [style*="font-size:170px"]{font-size:99px!important}
  [style*="font-size:120px"]{font-size:70px!important}
  [style*="font-size:96px"]{font-size:56px!important}
  [style*="font-size:92px"]{font-size:53px!important}
  [style*="font-size:76px"]{font-size:44px!important}
  [style*="font-size:66px"]{font-size:38px!important}
  [style*="font-size:62px"]{font-size:36px!important}
  [style*="font-size:58px"]{font-size:34px!important}
  [style*="font-size:54px"]{font-size:31px!important}
  [style*="font-size:44px"]{font-size:26px!important}
  [style*="font-size:38px"]{font-size:22px!important}
  [style*="font-size:34px"]{font-size:22px!important}
  [style*="padding:8px 36px"]{padding:5px 20px!important}
  [style*="padding:36px 44px"]{padding:22px 20px!important}
  [style*="padding:17px 42px"]{padding:10px 20px!important}
  [style*="padding:56px 72px"]{padding:34px 20px!important}
  [style*="padding:17px 40px"]{padding:10px 20px!important}
  [style*="padding:44px 48px"]{padding:26px 20px!important}
  [style*="padding:34px 44px"]{padding:20px 20px!important}
  [style*="padding:40px 44px"]{padding:24px 20px!important}
  section,header,footer{padding-left:18px!important;padding-right:18px!important}
  nav > div{flex-wrap:wrap!important;gap:12px!important;padding:14px 18px!important}
  [style*="max-width:1240px"],[style*="max-width:880px"]{max-width:100%!important}
  [style*="justify-content:space-between"][style*="font-size:13px"]{flex-direction:column!important;gap:8px!important;text-align:center!important}
  #migo-chat{bottom:16px!important;right:16px!important}

  /* navegación: una sola fila de enlaces, deslizable, sin sticky */
  nav{position:static!important}
  nav > div{flex-wrap:wrap!important;gap:10px!important;padding:12px 16px!important}
  nav > div > div:nth-of-type(1){order:3;width:100%;flex-wrap:nowrap!important;overflow-x:auto;gap:22px!important;padding:2px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  nav > div > div:nth-of-type(1)::-webkit-scrollbar{display:none}
  nav > div > div:nth-of-type(1) > a{flex:none}
  nav > div > div:nth-of-type(2){gap:12px!important}

  /* escena del hero: nada se sale de la pantalla */
  [style*="height:560px"]{height:480px!important;overflow:hidden!important}
  [style*="width:920px"][style*="height:400px"]{width:100%!important;max-width:100%!important}
  [style*="width:430px"][style*="height:485px"]{transform:translateX(-50%) rotate(1.5deg) scale(.72)!important;transform-origin:bottom center!important}

  /* cualquier caja de ancho fijo se adapta */
  [style*="width:400px"],[style*="width:370px"],[style*="width:188px"]{width:100%!important;max-width:100%!important}
  [style*="max-width:1150px"],[style*="max-width:1040px"],[style*="max-width:920px"],[style*="max-width:820px"],[style*="max-width:680px"]{max-width:100%!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
