:root {
  --ayk-header-background: #FCF3EC;
}

/* Fondo completo de la cabecera */
#header.header,
#header .header-top,
#header .header-bottom {
  background-color: var(--ayk-header-background) !important;
}

/* Evita que contenedores interiores tapen el fondo */
#header .header-bottom__container,
#header .header-bottom__row {
  background-color: transparent !important;
}
/* paleta para botones */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7A2130;
  --bs-btn-border-color: #7A2130;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #681C2A;
  --bs-btn-hover-border-color: #681C2A;

  --bs-btn-focus-shadow-rgb: 205, 149, 158;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5E1825;
  --bs-btn-active-border-color: #5E1825;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #B37782;
  --bs-btn-disabled-border-color: #B37782;
}
 /*paleta para titulos*/
 :root {
  --bs-link-color: #7A2130;
  --bs-link-color-rgb: 122, 33, 48;

  --bs-link-decoration: none;

  --bs-link-hover-color: #5E1825;
  --bs-link-hover-color-rgb: 94, 24, 37;
}

:root {
  --bs-primary: #7A2130;
  --bs-primary-rgb: 122, 33, 48;
}

/* Botones contorneados: “Todos los productos destacados”, etc. */
.btn-outline-primary {
  --bs-btn-color: #80613D;
  --bs-btn-border-color: #80613D;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #80613D;
  --bs-btn-hover-border-color: #80613D;

  --bs-btn-focus-shadow-rgb: 128, 97, 61;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #684E31;
  --bs-btn-active-border-color: #684E31;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #B5A38C;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #B5A38C;

  --bs-gradient: none;
}

body {
  color: #4B3432;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4B3432;
}
/* Formulario de contacto de la página de inicio */
body#index #content > .contact-form {
  width: 100%;
  max-width: 1140px;
  margin: clamp(2.5rem, 5vw, 4.5rem) auto;
  padding-inline: 0.75rem;
}


@media (max-width: 767.98px) {
  body#index #content > .contact-form {
    margin-block: 2.5rem;
    padding-inline: 1rem;
  }
}

/* Sección Sobre nosotros de la portada */
body#index .ps-customtext .ayk-about {
  max-width: 920px;
  margin: 2rem auto;
  padding: clamp(2rem, 5vw, 4rem);
  text-align: center;
  background-color: #fffaf7;
  border: 1px solid rgba(122, 33, 48, 0.12);
  border-radius: 0.75rem;
}

/* Texto pequeño superior */
body#index .ps-customtext .ayk-about__eyebrow {
  margin-bottom: 0.75rem;
  color: #b37782;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* Título principal */
body#index .ps-customtext .ayk-about h2 {
  margin: 0;
  color: #7a2130;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1.2;
}

/* Línea decorativa */
body#index .ps-customtext .ayk-about h2::after {
  display: block;
  width: 64px;
  height: 2px;
  margin: 1.25rem auto 1.5rem;
  background-color: #b37782;
  content: "";
}

/* Introducción destacada */
body#index .ps-customtext .ayk-about__intro {
  max-width: 720px;
  margin: 0 auto 1rem;
  color: #5e1825;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.7;
}

/* Texto general */
body#index .ps-customtext .ayk-about p:not(.ayk-about__eyebrow):not(.ayk-about__intro) {
  max-width: 760px;
  margin: 0 auto 0.75rem;
  color: #55494b;
  line-height: 1.75;
}

/* Ajustes para móvil */
@media (max-width: 767.98px) {
  body#index .ps-customtext .ayk-about {
    margin: 1rem auto;
    padding: 2rem 1.25rem;
  }

  body#index .ps-customtext .ayk-about h2 {
    font-size: 1.65rem;
  }

  body#index .ps-customtext .ayk-about__intro {
    font-size: 1rem;
  }
}

/*background seccion nuestras cllientas*/

.ayk-customer-looks {
  background-color: #fffaf7;
}

/* Enlaces y títulos en negro */
a {
  --bs-link-color-rgb: 0, 0, 0;
  color: #000;
}

/* Título de Nuestras clientas */
.ayk-customer-looks .section-title {
  color: #000;
}

/* Título de Inspiración */
.ayk-inspiration-gallery .section-title {
  color: #000;
}
a:hover {
  --bs-link-hover-color-rgb: 0, 0, 0;
  color: #000;
}

/* Footer beige con tipografía negra */
.footer__main {
  background-color: #fcf3ec;
  color: #000;
  padding-block: 2rem;
  border-top: 1px solid rgba(122, 33, 48, 0.12);
}

.footer__main a,
.footer__main p,
.footer__main li,
.footer__main address,
.footer__main strong,
.footer__main h2,
.footer__main h3,
.footer__main .h3,
.footer__main .footer__title,
.footer__main .copyright,
.footer__main .copyright a,
.footer__main .material-icons {
  color: #000;
}

/* Mantener el burdeos únicamente al pasar el cursor */
.footer__main a:hover,
.footer__main a:focus {
  color: #7a2130;
  text-decoration: underline;
}