/* La Super Gorda — estilos base compartidos */
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{font-family:Poppins,sans-serif;color:#000}
a{color:#FE2042}
input,textarea,select{font-family:Poppins,sans-serif}

@keyframes floaty{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(-1deg)}}

/* Encabezados: en el código van como frases normales; se muestran en mayúsculas */
h1,h2,h3,.upper{text-transform:uppercase}

.menu-row:last-child{border-bottom:none !important}

/* Estados hover (reemplazan los style-hover del export de Claude Design) */
.hv-pink:hover{background:#FE2042 !important;color:#fff !important}
.hv-black:hover{background:#000 !important;color:#FFBB27 !important}
.hv-yellow:hover{background:#FFBB27 !important;color:#000 !important}
.hv-yellow-bg:hover{background:#FFBB27 !important}
.hv-cream:hover{background:#FFF4DC !important}
.hv-white:hover{background:#fff !important;color:#000 !important}
.hv-white-red:hover{background:#fff !important;color:#FF3C26 !important}
.hv-txt-yellow:hover{color:#FFBB27 !important}
.hv-txt-black:hover{color:#000 !important}

/* Responsive */
@media(max-width:640px){
  .lsg-header{flex-wrap:wrap;row-gap:12px}
  .lsg-logo{order:1}
  .lsg-cta{order:2;margin-left:auto}
  .lsg-nav{order:3;width:100%;justify-content:center;gap:6px;font-size:13px}
  .lsg-nav a{flex:0 0 auto;width:29%;box-sizing:border-box;padding:6px 4px;text-align:center;white-space:nowrap}
  .menu-hero-p,.hero-p{padding-right:130px}
  .form-grid{grid-template-columns:1fr !important}
  .form-sec{padding-left:0 !important;padding-right:0 !important}
  .form-wrap{width:calc(100% - 50px) !important;margin:0 auto !important}
  .form-card{min-width:0 !important;box-shadow:5px 5px 0 #000 !important}
}