/* PETIT ENVIE — Estilo Boutique v1 */

:root {
  --pe-cream: #FAF5F0;
  --pe-rose: #E9C9CA;
  --pe-wine: #913F50;
  --pe-chocolate: #39251F;
}

/* Tipografía */
body {
  color: var(--pe-chocolate);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: "Playfair Display", Georgia, serif;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

/* Imágenes */
img {
  max-width: 100%;
  height: auto;
}

/* Botones principales */
button,
input[type="submit"],
.btn {
  border-radius: 10px;
  transition: background-color .25s ease,
              box-shadow .25s ease,
              transform .25s ease;
}

button:hover,
input[type="submit"]:hover,
.btn:hover {
  transform: translateY(-2px);
}

/* Formularios */
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  border-radius: 10px;
}

/* Enlaces */
a {
  transition: color .2s ease;
}

/* Adaptación para celulares */
@media (max-width: 768px) {
  h1 {
    font-size: clamp(30px, 8vw, 44px);
  }

  h2 {
    font-size: clamp(25px, 6vw, 34px);
  }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
  button,
  input[type="submit"],
  .btn,
  a {
    transition: none;
  }
}

/* =====================================
   PETIT ENVIE - BOTONES DE PORTADA
   ===================================== */

/* Botón principal: Ver catálogo */
#customPageContent a[data-ss-id="pYGZfHGm"] {
  background-color: #913F50 !important;
  color: #FFFFFF !important;
  border: 1px solid #913F50 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 14px 26px !important;
  box-shadow: 0 4px 12px rgba(57, 37, 31, 0.12);
}

/* Hover del botón principal */
#customPageContent a[data-ss-id="pYGZfHGm"]:hover {
  background-color: #722D3E !important;
  border-color: #722D3E !important;
  color: #FFFFFF !important;
}

/* Botón secundario: Nuestra historia */
#customPageContent a[data-ss-id="PlaevJja"] {
  background-color: transparent !important;
  color: #913F50 !important;
  border: 1.5px solid #913F50 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 14px 26px !important;
}

/* Hover del botón secundario */
#customPageContent a[data-ss-id="PlaevJja"]:hover {
  background-color: #913F50 !important;
  color: #FFFFFF !important;
}

/* Título principal */
#customPageContent h1[data-ss-id="n3BKvG6X"] {
  color: #39251F !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(36px, 4.2vw, 56px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -1px !important;
  text-decoration: none !important;
}

/* Título en celulares */
@media (max-width: 768px) {
  #customPageContent h1[data-ss-id="n3BKvG6X"] {
    font-size: 36px !important;
    letter-spacing: -0.5px !important;
  }
}

/* PETIT ENVIE - Etiqueta superior */
#customPageContent .badge[data-ss-id="NA2DY744"] {
  background-color: #913F50 !important;
  color: #FFFFFF !important;
  border-radius: 30px !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}

/* PETIT ENVIE - Etiqueta superior */
#customPageContent .badge[data-ss-id="NAzDYY4H"] {
  background-color: #913F50 !important;
  color: #FFFFFF !important;
  border-radius: 30px !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}