@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400&display=swap');

:root {
  --bg-crema: #F8F4EC;
  --bg-blanco-calido: #FFFDF8;
  --verde-salvia: #7D9278;
  --verde-oscuro: #34483A;
  --terracota: #B86F52;
  --beige-arena: #DCCBB5;
  --marron-suave: #6E6257;
  --texto-principal: #293229;
}

body {
  background-color: var(--bg-crema);
  color: var(--texto-principal);
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: var(--verde-oscuro);
}

.btn-terracota {
  background-color: var(--terracota);
  color: #ffffff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  border-radius: 10px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  transition: all 0.25s ease-in-out;
}

.btn-terracota:hover {
  background-color: #a35e44;
  transform: translateY(-2px);
}

.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -10px rgba(52, 72, 58, 0.12);
}



.video-contenedor {
  position: relative;
  padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-contenedor iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}