/* Planiby — estilos globales y responsive. El detalle visual vive en estilos inline; aquí van resets, animaciones, hovers y adaptación móvil. */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;overflow-x:hidden;}
html{scroll-behavior:smooth;}
body{background:#FFF6EE;font-family:'Plus Jakarta Sans',sans-serif;}
img{max-width:100%;}
section[id]{scroll-margin-top:86px;}
::selection{background:#FF6B57;color:#fff;}

@keyframes pb-shimmer{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes pb-pulse{0%{transform:scale(.6);opacity:.6;}100%{transform:scale(2.6);opacity:0;}}
@keyframes pb-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

.pb-nav-a:hover{color:#FF6B57 !important;}
.pb-feat:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(120,72,40,.5) !important;}
.pb-pin{cursor:pointer;}
.pb-pin:hover{filter:brightness(1.05) saturate(1.1);}
.pb-cta-primary:hover{transform:translateY(-2px);box-shadow:0 20px 46px -14px rgba(255,107,87,.7) !important;}
.pb-herobtn:hover{transform:translateY(-2px);border-color:#FF9D42 !important;}

/* ============ TABLET ============ */
@media (max-width:980px){
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(6,1fr)"]{grid-template-columns:repeat(2,1fr) !important;}
  [style*="grid-template-columns:1.5fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important;}
  [style*="grid-template-columns:1.6fr 1fr"],
  [style*="grid-template-columns:1fr 1fr; gap:60px"]{grid-template-columns:1fr !important;}
}

/* ============ MÓVIL ============ */
@media (max-width:760px){
  /* apila todas las rejillas */
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(6,1fr)"],
  [style*="grid-template-columns:1.5fr 1fr 1fr 1fr"],
  [style*="grid-template-columns:1.6fr 1fr"],
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;}

  /* paddings de sección */
  [style*="padding:130px 40px"]{padding:84px 20px !important;}
  [style*="padding:80px 40px 50px"]{padding:60px 20px 40px !important;}

  /* nav compacto: solo logo + CTA */
  [data-nav]{padding:14px 18px !important;}
  [data-nav-link]{display:none !important;}

  /* oculta los chips flotantes del hero en móvil */
  [style*="right:120px; top:22%"],
  [style*="right:336px; top:58%"]{display:none !important;}

  /* hero: contenido a ancho completo */
  [style*="padding:100px 40px 0"]{padding:110px 22px 0 !important;margin-left:0 !important;}

  /* gaps un poco menores */
  [style*="gap:60px"]{gap:36px !important;}
}