/* ===== RESET + VARIABLES ===== */
:root{
  --azul:#1E3A5F;
  --gris:#F2F2F2;
  --font-titulo:"Rubik Dirt", system-ui, sans-serif;
  --font-ui:"Faculty Glyphic", system-ui, sans-serif;

  /* Alinear Bootstrap con tu paleta */
  --bs-primary: var(--azul);
  --bs-primary-rgb: 30,58,95;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }

body{
  background:#F4E1D2;
  font-family:var(--font-ui);
  color:#111;
  overflow-x:hidden;
}

/* ===== TOPBAR CONTACTO ===== */
.topbar{ background:var(--gris); }
.topbar-link{
  color:#111;
  font-size:1.1rem;
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%;
}
.topbar-link:hover{ color:var(--azul); }

/* ===== NAVBAR / MARCA ===== */
.navbar-brand{ padding:.4rem 0; }
.brand-logo{ width:clamp(36px,8vw,64px); height:auto; display:block; }
.brand-text{
  font-family:var(--font-titulo);
  font-size:clamp(20px,6vw,40px);
  line-height:1; color:#fff; letter-spacing:.5px;
}
.nav-link{
  padding:.5rem .75rem !important;
  font-family:var(--font-titulo);
  font-size:clamp(14px, 1.2vw + 10px, 22px);
}
.nav-link:hover,.nav-link:focus{
  color:#fff; background:rgba(255,255,255,.12); border-radius:.5rem;
}
.navbar a:focus-visible{ outline:2px solid #fff; outline-offset:2px; border-radius:.5rem; }

/* ========Carrusel =======*/
.carousel{
  margin: 1rem auto 2rem;
  max-width: 1100px;
}
.carousel-item > img{
  width:100%;
  aspect-ratio: 16 / 9;     
  object-fit: cover;         
  display:block;
  border-radius: 16px;
}
.carousel-indicators [data-bs-target]{ background:#000; }
.carousel-control-prev-icon,
.carousel-control-next-icon{ filter: drop-shadow(0 0 3px rgba(0,0,0,.6)); }

/* ===== DESCRIPCIÓN ===== */
.descripcion{
  max-width: 1000px;
  margin: 0 auto 2rem;
  padding: 1rem 1.25rem 2rem;
  font-size: clamp(16px, 2.4vw, 20px);
  line-height: 1.6;
  background:#fff;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.descripcion p{
  margin-bottom:1rem;
}
.descripcion strong{ font-weight:700; }

/* Lista con íconos */
.lista_propositos{ list-style:none; padding-left:0; margin: .5rem 0 0; }
.lista_propositos li{
  position:relative; padding-left:1.5rem; margin:.35rem 0;
}
.lista_propositos li::before{
  content:"🎨"; position:absolute; left:0; top:0;
}

/* ===== WhatsApp flotante ===== */
.whatsapp-float{
  position:fixed; width:60px; height:60px; bottom:20px; right:20px;
  background:#25D366; color:#fff; border-radius:50%;
  font-size:30px; display:flex; align-items:center; justify-content:center;
  box-shadow:2px 2px 5px rgba(0,0,0,.3); z-index:100;
}
.whatsapp-float:hover{ background:#128C7E; }

/* ===== Footer ===== */
footer{ background:var(--gris); margin-top:2rem; padding:1rem 0; }
.contacto-pie{ display:flex; justify-content:center; gap:2rem; }
.contacto-pie .icono{ width:24px; height:24px; }