/* Quita scrollbars en contenedores marcados */
.berm-root .no-scrollbar::-webkit-scrollbar{display:none}
.berm-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

/* Variables y fuentes */
:root{
  --color-primary:#705E40;
  --color-secondary:#839472;
  --color-background:#E4E1D8;
}

/* Tipografías */
.berm-root h1,.berm-root h2,.berm-root h3,.berm-root h4,.berm-root h5,.berm-root h6{
  font-family:'Montserrat',sans-serif;
  text-transform:uppercase;
  color:var(--color-primary);
  position:relative; padding-bottom:8px; margin-bottom:16px;
}
.berm-root h1::after, .berm-root h2::after{
  content:''; position:absolute; bottom:0; left:0; width:60px; height:3px;
  background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);
  border-radius:2px;
}
.berm-root h3::after{
  content:''; position:absolute; bottom:0; left:0; width:40px; height:2px;
  background-color:var(--color-secondary); border-radius:1px;
}
.berm-root, .berm-root p, .berm-root div, .berm-root span{
  font-family:'Comfortaa',sans-serif;
}

/* Cards de secciones */
.berm-root .tab-content{
  background:#fff; border-radius:12px; padding:24px; margin-bottom:16px;
  box-shadow:0 4px 6px rgba(112,94,64,.1); border:1px solid rgba(131,148,114,.2);
}

/* Items */
.berm-root .border-b{ border-bottom:1px solid var(--color-secondary)!important; padding-bottom:16px; margin-bottom:16px; }
.berm-root .text-black{ color:var(--color-primary)!important; font-weight:600; }

/* Cámaras (si reactivas el ícono) */
.berm-root .fa-camera{ transition:all .3s ease; }
.berm-root .fa-camera:hover{ transform:scale(1.2); color:var(--color-primary)!important; }

/* Separadores */
.berm-root hr{
  border:none; height:2px; margin:32px 0; border-radius:1px;
  background:linear-gradient(90deg,var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-primary) 100%);
}

/* Barra sticky */
.berm-root .sticky{ position:-webkit-sticky; position:sticky; top:0; z-index:1000; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }

/* Estado activo */
.berm-root .active-tab, .berm-root .tab-link.border-yellow-200{
  background-color:rgba(254,243,199,.2)!important; border-bottom-color:#FEF3C7!important;
  color:#FEF3C7!important; transform:translateY(-1px);
  box-shadow:0 2px 8px rgba(254,243,199,.3);
}
.berm-root .tab-link{ transition:all .3s ease; position:relative; }
.berm-root .tab-link:hover{ background-color:rgba(254,243,199,.1); transform:translateY(-1px); text-shadow:0 0 8px rgba(254,243,199,.5); }

/* Swiper */
.berm-root .nav-swiper{ width:100%; height:auto; }
.berm-root .nav-swiper .swiper-slide{ width:auto; flex-shrink:0; }
.berm-root .nav-swiper .swiper-wrapper{ align-items:center; }

/* Responsive */
@media (max-width:768px){
  .berm-root .sticky{ position:-webkit-sticky; position:sticky; top:0; z-index:1000; }
  .berm-root .tab-link{ padding:12px 16px; font-size:.875rem; white-space:nowrap; min-width:max-content; }
  .berm-root .p-4{ padding:1rem; }
  .berm-root h2,.berm-root h3{ font-size:1.5rem; margin-bottom:1rem; }
  .berm-root .border-b{ padding:1rem 0; margin-bottom:1rem; }
  .berm-root .grid{ gap:1rem; }
  .berm-root .text-sm{ font-size:.875rem; line-height:1.4; }
}
@media (max-width:480px){
  .berm-root .tab-link{ padding:10px 12px; font-size:.8rem; }
  .berm-root .p-4{ padding:.75rem; }
  .berm-root h2,.berm-root h3{ font-size:1.25rem; }
}