/* ===== Tokens de marca (light) ===== */
:root{
  --etk-green: #26d07c;
  --etk-ink: #0f1720;           /* texto principal */
  --etk-ink-2: #4b5563;         /* texto secundario */
  --etk-line: #e9edf2;          /* bordes suaves */
  --etk-surface: #fff;          /* fondo card */
  --etk-radius: 16px;
  --etk-shadow: 0 12px 30px rgba(16,24,40,.06);
}

/* ===== Card de la política ===== */
.policy-panel.card{
  border-radius: var(--etk-radius);
  border: 1px solid var(--etk-line);
  background: var(--etk-surface);
  box-shadow: var(--etk-shadow);
}

.policy-panel .badge-success{
  background: rgba(38,208,124,.12);
  color: var(--etk-green);
  border: 1px solid rgba(38,208,124,.25);
  padding: .25rem .5rem;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: .2px;
}

.policy-panel h3{ color: var(--etk-ink); font-weight: 800 }
.policy-panel p{ color: var(--etk-ink-2) }
.policy-panel ul{ margin-left: 1rem }
.policy-panel li{ margin:.25rem 0; color: var(--etk-ink-2) }

.policy-panel .btn-outline-primary{
  --bs-btn-color: var(--etk-ink);
  --bs-btn-border-color: var(--etk-line);
  --bs-btn-hover-bg: #f3f6fa;
  --bs-btn-hover-border-color: #dbe3ec;
  border-radius: 10px;
  font-weight: 600;
}

/* Subtítulo “Acciones y Novedades” */
.policy-panel .text-success{ color: var(--etk-green) !important }
.policy-panel .fa-recycle{ opacity:.9 }

/* ===== Carousel ===== */
.m-carousel{ position: relative; margin-top:.5rem }
.m-track{
  display:flex; gap:1rem;
  overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  padding: .25rem 0 .25rem;
  /* Ocultar scrollbar */
  -ms-overflow-style:none; scrollbar-width:none;
}
.m-track::-webkit-scrollbar{ display:none }

.m-slide{ scroll-snap-align:start; flex: 0 0 88%; max-width:88% }
@media (min-width:768px){  .m-slide{ flex-basis:60%;  max-width:60% } }
@media (min-width:1100px){ .m-slide{ flex-basis:48%;  max-width:48% } } /* ~2 por vista */

.card-env{
  background:#fff;
  border:1px solid var(--etk-line);
  border-radius: 14px;
  padding: .9rem;
  display:flex; flex-direction:column; gap:.5rem;
  min-height: 120px;
  box-shadow: 0 6px 16px rgba(16,24,40,.04);
}
.card-env h6{ margin:0; color:#059669; font-weight:800 }
.card-env time{ font-size:.82rem; color:#6b7280 }
.card-env p{ margin:.15rem 0 .4rem; color:#374151 }
.card-env .thumb{
  margin-top:auto; width:100%; max-height:220px; object-fit:cover;
  border-radius: 10px; border:1px solid var(--etk-line);
}

/* Flechas */
.m-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border-radius:999px;
  border:1px solid var(--etk-line);
  background:#fff;
  color:#111; cursor:pointer; display:grid; place-items:center;
  box-shadow: 0 6px 16px rgba(16,24,40,.08);
}
.m-prev{ left:.25rem } .m-next{ right:.25rem }
.m-nav:hover{ background:#f8fafc }

/* Dots */
.m-dots{ display:flex; gap:.4rem; justify-content:center; align-items:center; margin-top:.6rem }
.m-dot{
  width:8px; height:8px; border-radius:999px; border:1px solid var(--etk-line);
  background:#e6f6ef; cursor:pointer;
}
.m-dot[aria-selected="true"]{
  background: var(--etk-green);
  border-color: rgba(0,0,0,.1);
}

/* Accesibilidad */
.policy-panel .card :focus-visible{
  outline:2px solid rgba(38,208,124,.7); outline-offset:2px;
}