/* =========================
   MOBILE CSS - EMPRESAS PEZOA
   ========================= */

body{
  overflow-x:hidden;
}

/* NAV */
nav{
  height:auto!important;
  min-height:64px!important;
  padding:10px 16px!important;
  align-items:center!important;
}

.nl{
  max-width:100%!important;
  gap:10px!important;
}

.nl img{
  height:34px!important;
}

.nn{
  font-size:1rem!important;
  line-height:1.1!important;
}

.ns{
  font-size:8px!important;
  line-height:1.2!important;
}

nav .nlinks{
  display:none!important;
}

/* HERO */
#hero{
  padding:6rem 18px 2.5rem!important;
  min-height:auto!important;
}

.hi,
.hero-inner{
  padding:1.5rem 0!important;
  gap:1rem!important;
  grid-template-columns:1fr!important;
}

.hh1,
.hero-content h1{
  font-size:clamp(2rem,12vw,3.2rem)!important;
  line-height:1!important;
  margin-bottom:1rem!important;
}

.hdesc,
.hero-content p{
  font-size:.95rem!important;
  line-height:1.65!important;
}

/* BOTONES */
.bprim,
.bsec{
  width:100%!important;
  justify-content:center!important;
}

/* SECCIONES */
section,
.section{
  padding:2.5rem 18px!important;
}

/* =========================
   DENUNCIAS - LISTA LIMPIA
   ========================= */

.section > div[style*="grid-template-columns:1fr 1fr"]{
  display:block!important;
}

.section > div[style*="grid-template-columns:1fr 1fr"] > div:first-child{
  margin-bottom:22px!important;
  padding:24px!important;
  border-radius:16px!important;
  box-shadow:0 6px 14px rgba(0,0,0,.07)!important;
}

.section > div[style*="grid-template-columns:1fr 1fr"] > div:last-child{
  display:block!important;
}

.section > div[style*="grid-template-columns:1fr 1fr"] > div:last-child > div{
  width:100%!important;
  padding:22px!important;
  border-radius:16px!important;
  box-shadow:0 6px 14px rgba(0,0,0,.08)!important;
  margin-bottom:22px!important;
}

.section > div[style*="grid-template-columns:1fr 1fr"] > div:last-child > div:last-child{
  margin-bottom:0!important;
}

/* TEXTOS */
.section i{
  font-size:2rem!important;
  margin-bottom:12px!important;
}

.section strong{
  font-size:1.05rem!important;
  display:block;
  margin-bottom:6px;
}

.section p{
  font-size:.95rem!important;
  line-height:1.6!important;
  color:#5a5a5a;
}

/* =========================
   CANALES DE CONTACTO - CARRUSEL FINAL
   ========================= */

.canales-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;

  width:100vw!important;
  max-width:100vw!important;

  margin:20px 0 0 0!important;
  padding:12px 16px 24px!important;

  box-sizing:border-box!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;
}

.canales-grid::-webkit-scrollbar{
  display:none!important;
}

.canales-grid > .canal{
  flex:0 0 calc(100vw - 72px)!important;
  width:calc(100vw - 72px)!important;
  min-width:calc(100vw - 72px)!important;
  max-width:calc(100vw - 72px)!important;

  box-sizing:border-box!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
}

.canales-grid > .canal *{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

.canales-grid > .canal h3{
  font-size:.82rem!important;
  letter-spacing:.04em!important;
  line-height:1.25!important;
}

.canales-grid > .canal p,
.canales-grid > .canal a{
  font-size:.8rem!important;
  line-height:1.45!important;
}
/* =========================
   EXTRA SMALL
   ========================= */