/* ============================================================
   00. TIPOGRAFÍA KSKINBE
   Títulos: Lato
   Texto general: Roboto
   ============================================================ */

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --font_Lato: "Lato", Arial, sans-serif;
  --font_Roboto: "Roboto", Arial, sans-serif;
  --font_Playfair: "Lato", Arial, sans-serif;
}

html,
body,
p,
span,
a,
li,
label,
input,
textarea,
select,
option,
button,
table,
th,
td,
small,
strong,
em {
  font-family: var(--font_Roboto) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-heading__title,
.section-heading__subtitle,
.intro2__content-title,
.intro2__content-subtext,
.category2-item__content-title,
.featured-product-card__content-title,
.featured-product-card__content-title a,
.benefit-card__items-title,
.beauty-feature-item__card1-title,
.beauty-feature-item__card2-title,
.beauty-feature-item__card3-title,
.beauty-feature-item2__card1-title,
.beauty-feature-item2__card2-title,
.beauty-feature-item2__card3-title,
.offertwo-card__content-title,
.offertwo-card__content-title a,
.testimonial2-card__content-title,
.footer2-widget__title,
.footer2-widget__social-title,
.footer2-widget__contact-post-title,
.header-area.header-layoutone .main-menu>ul>li>a,
.header-area.header-layoutone .main-menu>ul>li .dp-menu li a {
  font-family: var(--font_Lato) !important;
}

/* ============================================================
   KSKINBE — HOME THEME
   Paleta principal
   ============================================================ */

:root {
  --kskin-bg: #EAD7CF;
  --kskin-bg-soft: #F3E4DE;
  --kskin-surface: #F8EEEA;
  --kskin-card: #FFF9F6;

  --kskin-accent: #D33B34;
  --kskin-accent-hover: #B92F29;
  --kskin-accent-dark: #9E2823;

  --kskin-text-primary: #111111;
  --kskin-text-secondary: #3A3432;
  --kskin-text-muted: #6C625E;

  --kskin-border: #D8C1B8;
  --kskin-border-soft: rgba(58, 52, 50, 0.12);

  --kskin-white: #FFFFFF;

  --kskin-shadow-sm: 0 6px 20px rgba(58, 52, 50, 0.08);
  --kskin-shadow-md: 0 12px 35px rgba(58, 52, 50, 0.12);

  /*
   * También sobrescribimos las variables originales del template.
   * new.css se carga después de style.css.
   */
  --primary: var(--kskin-bg-soft);
  --primary-two: var(--kskin-accent);
  --secondary: var(--kskin-text-secondary);
  --thardary: var(--kskin-surface);

  --text-color-one: var(--kskin-text-primary);
  --text-color-two: var(--kskin-text-secondary);
  --text-color-three: var(--kskin-text-secondary);
  --text-color-five: var(--kskin-text-secondary);
}


/* ============================================================
   01. BASE
   ============================================================ */

body {
  background-color: var(--kskin-bg);
  color: var(--kskin-text-secondary);
}

main {
  background-color: var(--kskin-bg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--kskin-text-primary);
}

p {
  color: var(--kskin-text-secondary);
}

a:hover {
  color: var(--kskin-accent);
}


/* ============================================================
   02. TÍTULOS DE SECCIÓN
   ============================================================ */

.section-heading__title {
  color: var(--kskin-text-primary);
}

.section-heading__subtitle {
  color: var(--kskin-accent);
}


/* ============================================================
   03. HERO
   ============================================================ */

.intro2 {
  background-color: var(--kskin-bg);
}

.intro2__content-subtext {
  color: var(--kskin-accent);
}

.intro2__content-title {
  color: var(--kskin-text-primary);
}

.intro2__content-desc {
  color: var(--kskin-text-secondary);
}


/* Botón Hero */

.intro2 .rr-btn-button2 {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
  border-color: var(--kskin-accent);
}

.intro2 .rr-btn-button2 .text {
  color: var(--kskin-white);
}

.intro2 .rr-btn-button2 .icon {
  background-color: var(--kskin-white);
}

.intro2 .rr-btn-button2 .icon svg path {
  stroke: var(--kskin-text-primary);
}

.intro2 .rr-btn-button2:hover {
  background-color: var(--kskin-accent-hover);
  border-color: var(--kskin-accent-hover);
  color: var(--kskin-white);
}


/* Rating Hero */

.intro2__rating-score {
  color: var(--kskin-text-primary);
}

.intro2__rating-text {
  color: var(--kskin-text-secondary);
}

.intro2__rating-users .add-btn {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
}

.intro2__rating-users .add-btn:hover {
  background-color: var(--kskin-accent-hover);
  color: var(--kskin-white);
}


/* ============================================================
   04. CATEGORÍAS
   ============================================================ */

.category2 {
  background-color: var(--kskin-surface);
}

.category2-item {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.category2-item:hover {
  transform: translateY(-6px);
}

.category2-item__thumb {
  overflow: hidden;
}

.category2-item__thumb img {
  transition: transform 0.45s ease;
}

.category2-item:hover .category2-item__thumb img {
  transform: scale(1.04);
}

.category2-item__content-title {
  color: var(--kskin-text-primary);
  transition: color 0.3s ease;
}

.category2-item:hover .category2-item__content-title {
  color: var(--kskin-accent);
}


/* ============================================================
   05. PRODUCTOS DESTACADOS
   ============================================================ */

.featured-product,
.bg-light-pick {
  background-color: var(--kskin-bg-soft) !important;
}

.featured-product .section-heading__title {
  color: var(--kskin-text-primary);
}


/* Botón "Ver todos los productos" */

.featured-product .rr-btn-button {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
  border-color: var(--kskin-accent);
}

.featured-product .rr-btn-button .text {
  color: var(--kskin-white);
}

.featured-product .rr-btn-button:hover {
  background-color: var(--kskin-accent-hover);
  color: var(--kskin-white);
}


/* Cards */

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

.featured-product-card:hover {
  transform: translateY(-5px);
}

.featured-product-card__content-title,
.featured-product-card__content-title a {
  color: var(--kskin-text-primary);
}

.featured-product-card__content-title a:hover {
  color: var(--kskin-accent);
}

.featured-product-card__content-list-point {
  color: var(--kskin-text-primary);
}

.featured-product-card__content-list-text {
  color: var(--kskin-text-muted);
}

.featured-product-card__content-list-start {
  color: var(--kskin-accent);
}

.featured-product-card__content-dollar {
  color: var(--kskin-accent);
}


/* Nuevo / Oferta */

.featured-product-card__thumb-offer,
.featured-product-card__thumb-offer.style {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
}


/* Agregar al carrito */

.featured-product .rr-btn-button4 {
  background-color: var(--kskin-card);
  color: var(--kskin-text-primary);
}

.featured-product .rr-btn-button4 .text {
  color: var(--kskin-text-primary);
}

.featured-product .rr-btn-button4 .icon {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
}

.featured-product .rr-btn-button4 .icon svg path {
  stroke: var(--kskin-white);
}

.featured-product .rr-btn-button4:hover {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
}

.featured-product .rr-btn-button4:hover .text {
  color: var(--kskin-white);
}

.featured-product .rr-btn-button4:hover .icon {
  background-color: var(--kskin-white);
}

.featured-product .rr-btn-button4:hover .icon svg path {
  stroke: var(--kskin-accent);
}


/* ============================================================
   06. BENEFICIOS
   ============================================================ */

.benefit {
  background-color: var(--kskin-bg);
}

.benefit-card {
  border-color: var(--kskin-border-soft);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.benefit-card:hover {
  transform: translateY(-5px);
  border-color: var(--kskin-accent);
  box-shadow: var(--kskin-shadow-sm);
}

.benefit-card__items-title {
  color: var(--kskin-text-primary);
}

.benefit-card__content-subtitle {
  color: var(--kskin-text-secondary);
}


/* ============================================================
   07. CUIDADO REAL PARA TU RUTINA
   ============================================================ */

.beauty-feature {
  background-color: var(--kskin-bg);
}

.beauty-feature-item__card1-title,
.beauty-feature-item__card2-title,
.beauty-feature-item__card3-title,
.beauty-feature-item2__card1-title,
.beauty-feature-item2__card2-title,
.beauty-feature-item2__card3-title {
  color: var(--kskin-text-primary);
}

.beauty-feature-item__card1-dsc,
.beauty-feature-item__card2-dsc,
.beauty-feature-item__card3-dsc,
.beauty-feature-item2__card1-dsc,
.beauty-feature-item2__card2-dsc,
.beauty-feature-item2__card3-dsc {
  color: var(--kskin-text-secondary);
}


/* Hover líneas/puntos */

.beauty-feature-item__card1:hover,
.beauty-feature-item__card2:hover,
.beauty-feature-item__card3:hover,
.beauty-feature-item2__card1:hover,
.beauty-feature-item2__card2:hover,
.beauty-feature-item2__card3:hover {
  border-color: var(--kskin-accent);
}

.beauty-feature-item__card1:hover::before,
.beauty-feature-item__card2:hover::before,
.beauty-feature-item__card3:hover::before,
.beauty-feature-item2__card1:hover::before,
.beauty-feature-item2__card2:hover::before,
.beauty-feature-item2__card3:hover::before {
  background: var(--kskin-accent);
}

.beauty-feature-item__card1:hover::after,
.beauty-feature-item__card2:hover::after,
.beauty-feature-item__card3:hover::after,
.beauty-feature-item2__card1:hover::after,
.beauty-feature-item2__card2:hover::after,
.beauty-feature-item2__card3:hover::after {
  border-color: var(--kskin-accent);
}


/* ============================================================
   08. PROMOCIÓN DEL DÍA
   ============================================================ */

.offertwo {
  background-color: var(--kskin-bg-soft) !important;
}

.offertwo-card__content-title,
.offertwo-card__content-title a {
  color: var(--kskin-text-primary);
}

.offertwo-card__content-title a:hover {
  color: var(--kskin-accent);
}

.offertwo-card__content-list-start {
  color: var(--kskin-accent);
}

.offertwo-card__content-list-point {
  color: var(--kskin-text-primary);
}

.offertwo-card__content-list-text {
  color: var(--kskin-text-muted);
}

.offertwo-card__content-items-price .original-price {
  color: var(--kskin-text-muted);
}

.offertwo-card__content-items-price .offer-price {
  color: var(--kskin-accent);
}


/* Botón promoción */

.offertwo .rr-btn-button5 {
  border-color: var(--kskin-border);
  color: var(--kskin-text-primary);
}

.offertwo .rr-btn-button5 .text {
  color: var(--kskin-text-primary);
}

.offertwo .rr-btn-button5 .icon {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
}

.offertwo .rr-btn-button5:hover {
  border-color: var(--kskin-accent);
  background-color: var(--kskin-accent);
}

.offertwo .rr-btn-button5:hover .text {
  color: var(--kskin-white);
}

.offertwo .rr-btn-button5:hover .icon {
  background-color: var(--kskin-white);
}

.offertwo .rr-btn-button5:hover .icon svg path {
  fill: var(--kskin-accent);
}


/* Navegación promoción */

.offertwo-controls__arrowLeft,
.offertwo-controls__arrowRight {
  color: var(--kskin-text-secondary);
}

.offertwo-controls__arrowLeft:hover,
.offertwo-controls__arrowRight:hover {
  color: var(--kskin-accent);
}

.offertwo-controls__arrowLeft .icon,
.offertwo-controls__arrowRight .icon {
  border-color: var(--kskin-border);
  color: var(--kskin-text-primary);
}

.offertwo-controls__arrowLeft:hover .icon,
.offertwo-controls__arrowRight:hover .icon {
  background-color: var(--kskin-accent);
  border-color: var(--kskin-accent);
  color: var(--kskin-white);
}


/* ============================================================
   09. TESTIMONIOS
   ============================================================ */

.testimonial2 {
  background-color: var(--kskin-bg);
}

.testimonial2-card {
  border-color: var(--kskin-border-soft);
}

.testimonial2-card__content-title {
  color: var(--kskin-text-primary);
}

.testimonial2-card__content-suntitle {
  color: var(--kskin-text-secondary);
}

.testimonial2-card__content-star {
  color: var(--kskin-accent);
}

.testimonial2-card__content-star i {
  color: var(--kskin-accent);
}


/* Navegación testimonios */

.testimonial2-controls__arrowLeft,
.testimonial2-controls__arrowRight {
  color: var(--kskin-text-secondary);
}

.testimonial2-controls__arrowLeft:hover,
.testimonial2-controls__arrowRight:hover {
  color: var(--kskin-accent);
}

.testimonial2-controls__arrowLeft .icon,
.testimonial2-controls__arrowRight .icon {
  color: var(--kskin-text-primary);
  border-color: var(--kskin-border);
}

.testimonial2-controls__arrowLeft:hover .icon,
.testimonial2-controls__arrowRight:hover .icon {
  color: var(--kskin-white);
  background-color: var(--kskin-accent);
  border-color: var(--kskin-accent);
}


/* ============================================================
   10. INSTAGRAM / BLOG
   ============================================================ */

.instagram2 {
  background-color: var(--kskin-bg);
}

.instagram2-thumb .icon {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
}

.instagram2-thumb .icon:hover {
  background-color: var(--kskin-accent-hover);
  color: var(--kskin-white);
}


/* ============================================================
   11. ELEMENTOS GLOBALES DEL HOME
   ============================================================ */

main ::selection {
  background-color: var(--kskin-accent);
  color: var(--kskin-white);
}


/* Scrollbar */

::-webkit-scrollbar-thumb {
  background: var(--kskin-accent);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--kskin-accent-hover);
}


/* ============================================================
   12. RESPONSIVE
   ============================================================ */

@media only screen and (max-width: 991px) {

  .intro2,
  .category2,
  .featured-product,
  .benefit,
  .beauty-feature,
  .offertwo,
  .testimonial2,
  .instagram2 {
    overflow: hidden;
  }

}


@media (max-width: 575px) {

  .intro2__content-title {
    color: var(--kskin-text-primary);
  }

  .intro2__content-desc {
    color: var(--kskin-text-secondary);
  }

}

/* ============================================================
   KSKINBE — BOTONES DEL INDEX
   ============================================================ */


/* ------------------------------------------------------------
   01. HERO
   "Descubrir productos"
   Clase: .rr-btn-button2
   ------------------------------------------------------------ */

.intro2 .rr-btn-button2 {
  background: var(--kskin-accent);
  color: #FFFFFF;
  border-color: var(--kskin-accent);
  transition: all 0.3s ease;
}

.intro2 .rr-btn-button2 .text {
  color: #FFFFFF;
  transition: color 0.3s ease;
}

.intro2 .rr-btn-button2 .icon {
  background: #FFFFFF;
  color: var(--kskin-text-primary);
  transition: all 0.3s ease;
}

.intro2 .rr-btn-button2 .icon svg path {
  stroke: var(--kskin-text-primary);
}


/* HOVER */

.intro2 .rr-btn-button2:hover {
  background: var(--kskin-accent-hover);
  border-color: var(--kskin-accent-hover);
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(211, 59, 52, 0.20);
}

.intro2 .rr-btn-button2:hover .text {
  color: #FFFFFF;
}

.intro2 .rr-btn-button2:hover .icon {
  background: #FFFFFF;
  transform: rotate(-45deg);
}

.intro2 .rr-btn-button2:hover .icon svg path {
  stroke: var(--kskin-accent);
}



/* ------------------------------------------------------------
   02. PRODUCTOS DESTACADOS
   "Ver todos los productos"
   Clase: .rr-btn-button
   ------------------------------------------------------------ */

.featured-product .rr-btn-button {
  background: var(--kskin-accent);
  color: #FFFFFF;
  border-color: var(--kskin-accent);
  transition: all 0.3s ease;
}

.featured-product .rr-btn-button .text {
  color: #FFFFFF;
}

.featured-product .rr-btn-button .icon {
  background: #FFFFFF;
  color: var(--kskin-text-primary);
  transition: all 0.3s ease;
}

.featured-product .rr-btn-button .icon svg path {
  stroke: var(--kskin-text-primary);
}


/* HOVER */

.featured-product .rr-btn-button:hover {
  background: var(--kskin-accent-hover);
  border-color: var(--kskin-accent-hover);
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(211, 59, 52, 0.20);
}

.featured-product .rr-btn-button:hover .text {
  color: #FFFFFF;
}

.featured-product .rr-btn-button:hover .icon {
  background: #FFFFFF;
  transform: rotate(-45deg);
}

.featured-product .rr-btn-button:hover .icon svg path {
  stroke: var(--kskin-accent);
}



/* ------------------------------------------------------------
   03. TARJETAS DE PRODUCTOS
   "Agregar al carrito"
   Clase: .rr-btn-button4
   ------------------------------------------------------------ */

.featured-product-card .rr-btn-button4 {
  background: #FFFFFF;
  color: var(--kskin-text-primary);
  border: 1px solid var(--kskin-border);
  transition: all 0.3s ease;
}

.featured-product-card .rr-btn-button4 .text {
  color: var(--kskin-text-primary);
  transition: color 0.3s ease;
}

.featured-product-card .rr-btn-button4 .icon {
  background: var(--kskin-accent);
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.featured-product-card .rr-btn-button4 .icon svg path {
  stroke: #FFFFFF;
}


/* HOVER */

.featured-product-card .rr-btn-button4:hover {
  background: var(--kskin-accent);
  border-color: var(--kskin-accent);
  color: #FFFFFF;
  box-shadow: 0 8px 20px rgba(211, 59, 52, 0.18);
}

.featured-product-card .rr-btn-button4:hover .text {
  color: #FFFFFF;
}

.featured-product-card .rr-btn-button4:hover .icon {
  background: #FFFFFF;
  transform: rotate(-45deg);
}

.featured-product-card .rr-btn-button4:hover .icon svg path {
  stroke: var(--kskin-accent);
}



/* ------------------------------------------------------------
   04. PROMOCIÓN DEL DÍA
   "Agregar al carrito"
   Clase: .rr-btn-button5
   ------------------------------------------------------------ */

.offertwo .rr-btn-button5 {
  background: transparent;
  color: var(--kskin-text-primary);
  border: 1px solid var(--kskin-border);
  transition: all 0.3s ease;
}

.offertwo .rr-btn-button5 .text {
  color: var(--kskin-text-primary);
  transition: color 0.3s ease;
}

.offertwo .rr-btn-button5 .icon {
  background: var(--kskin-accent);
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.offertwo .rr-btn-button5 .icon svg path {
  fill: #FFFFFF;
}


/* HOVER */

.offertwo .rr-btn-button5:hover {
  background: var(--kskin-accent);
  border-color: var(--kskin-accent);
  color: #FFFFFF;
  box-shadow: 0 8px 20px rgba(211, 59, 52, 0.18);
}

.offertwo .rr-btn-button5:hover .text {
  color: #FFFFFF;
}

.offertwo .rr-btn-button5:hover .icon {
  background: #FFFFFF;
}

.offertwo .rr-btn-button5:hover .icon svg path {
  fill: var(--kskin-accent);
}



/* ------------------------------------------------------------
   05. PROMOCIÓN DEL DÍA
   Controles ANTERIOR / SIGUIENTE
   ------------------------------------------------------------ */

.offertwo-controls__arrowLeft,
.offertwo-controls__arrowRight {
  color: var(--kskin-text-secondary);
  transition: color 0.3s ease;
}

.offertwo-controls__arrowLeft .icon,
.offertwo-controls__arrowRight .icon {
  color: var(--kskin-text-primary);
  border-color: var(--kskin-border);
  transition: all 0.3s ease;
}

.offertwo-controls__arrowLeft:hover,
.offertwo-controls__arrowRight:hover {
  color: var(--kskin-accent);
}

.offertwo-controls__arrowLeft:hover .icon,
.offertwo-controls__arrowRight:hover .icon {
  background: var(--kskin-accent);
  border-color: var(--kskin-accent);
  color: #FFFFFF;
}



/* ------------------------------------------------------------
   06. TESTIMONIOS
   Controles ANTERIOR / SIGUIENTE
   ------------------------------------------------------------ */

.testimonial2-controls__arrowLeft,
.testimonial2-controls__arrowRight {
  color: var(--kskin-text-secondary);
  transition: color 0.3s ease;
}

.testimonial2-controls__arrowLeft .icon,
.testimonial2-controls__arrowRight .icon {
  color: var(--kskin-text-primary);
  border-color: var(--kskin-border);
  transition: all 0.3s ease;
}

.testimonial2-controls__arrowLeft:hover,
.testimonial2-controls__arrowRight:hover {
  color: var(--kskin-accent);
}

.testimonial2-controls__arrowLeft:hover .icon,
.testimonial2-controls__arrowRight:hover .icon {
  background: var(--kskin-accent);
  border-color: var(--kskin-accent);
  color: #FFFFFF;
}



/* ------------------------------------------------------------
   07. BOTÓN + DEL HERO
   ------------------------------------------------------------ */

.intro2__rating-users .add-btn {
  background: var(--kskin-accent);
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.intro2__rating-users .add-btn i {
  color: #FFFFFF;
}

.intro2__rating-users .add-btn:hover {
  background: var(--kskin-accent-hover);
  color: #FFFFFF;
  transform: scale(1.08);
}

.intro2__rating-users .add-btn:hover i {
  color: #FFFFFF;
}



/* ------------------------------------------------------------
   08. INSTAGRAM
   ------------------------------------------------------------ */

.instagram2-thumb .icon {
  background: var(--kskin-accent);
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.instagram2-thumb .icon i {
  color: #FFFFFF;
}

.instagram2-thumb .icon:hover {
  background: var(--kskin-accent-hover);
  color: #FFFFFF;
  transform: scale(1.08);
}

/* ============================================================
   13. NORMALIZACIÓN FINAL DE BOTONES / CONTROLES DEL INDEX
   Evita que sobrevivan colores rosados hardcodeados del template.
   ============================================================ */

/* CTA Hero */
.intro2 .intro2__content-btn .rr-btn-button2 {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.intro2 .intro2__content-btn .rr-btn-button2 .text {
  color: var(--kskin-white) !important;
}

.intro2 .intro2__content-btn .rr-btn-button2 .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-text-primary) !important;
}

.intro2 .intro2__content-btn .rr-btn-button2 .icon svg path {
  stroke: var(--kskin-text-primary) !important;
}

.intro2 .intro2__content-btn .rr-btn-button2:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
}

/* Productos destacados: Ver todos los productos */
.featured-product .featured-product__button .rr-btn-button {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.featured-product .featured-product__button .rr-btn-button .text {
  color: var(--kskin-white) !important;
}

.featured-product .featured-product__button .rr-btn-button .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-text-primary) !important;
}

.featured-product .featured-product__button .rr-btn-button .icon svg path {
  stroke: var(--kskin-text-primary) !important;
  fill: none !important;
}

.featured-product .featured-product__button .rr-btn-button:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
}

.featured-product .featured-product__button .rr-btn-button:hover .icon {
  background: var(--kskin-white) !important;
}

.featured-product .featured-product__button .rr-btn-button:hover .icon svg path {
  stroke: var(--kskin-accent) !important;
}

/* Cards: Agregar al carrito */
.featured-product .featured-product-card .rr-btn-button4 {
  background: var(--kskin-white) !important;
  border: 1px solid var(--kskin-border) !important;
  color: var(--kskin-text-primary) !important;
}

.featured-product .featured-product-card .rr-btn-button4 .text {
  color: var(--kskin-text-primary) !important;
}

.featured-product .featured-product-card .rr-btn-button4 .icon {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.featured-product .featured-product-card .rr-btn-button4 .icon svg path {
  stroke: var(--kskin-white) !important;
  fill: none !important;
}

.featured-product .featured-product-card .rr-btn-button4:hover {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.featured-product .featured-product-card .rr-btn-button4:hover .text {
  color: var(--kskin-white) !important;
}

.featured-product .featured-product-card .rr-btn-button4:hover .icon {
  background: var(--kskin-white) !important;
}

.featured-product .featured-product-card .rr-btn-button4:hover .icon svg path {
  stroke: var(--kskin-accent) !important;
}

/* Promoción del día: Agregar al carrito */
.offertwo .offertwo-card .rr-btn-button5 {
  background: transparent !important;
  border: 1px solid var(--kskin-border) !important;
  color: var(--kskin-text-primary) !important;
}

.offertwo .offertwo-card .rr-btn-button5 .text {
  color: var(--kskin-text-primary) !important;
}

.offertwo .offertwo-card .rr-btn-button5 .icon {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.offertwo .offertwo-card .rr-btn-button5 .icon svg path {
  fill: var(--kskin-white) !important;
}

.offertwo .offertwo-card .rr-btn-button5:hover {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.offertwo .offertwo-card .rr-btn-button5:hover .text {
  color: var(--kskin-white) !important;
}

.offertwo .offertwo-card .rr-btn-button5:hover .icon {
  background: var(--kskin-white) !important;
}

.offertwo .offertwo-card .rr-btn-button5:hover .icon svg path {
  fill: var(--kskin-accent) !important;
}

/* Promoción: Anterior */
.offertwo .offertwo-controls__arrowLeft {
  background: transparent !important;
  border: 1px solid var(--kskin-border) !important;
  color: var(--kskin-text-secondary) !important;
}

.offertwo .offertwo-controls__arrowLeft .icon {
  background: var(--kskin-text-primary) !important;
  color: var(--kskin-white) !important;
}

.offertwo .offertwo-controls__arrowLeft:hover {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.offertwo .offertwo-controls__arrowLeft:hover .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-text-primary) !important;
}

/* Promoción: Siguiente */
.offertwo .offertwo-controls__arrowRight {
  background: var(--kskin-accent) !important;
  border: 1px solid var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.offertwo .offertwo-controls__arrowRight .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-text-primary) !important;
}

.offertwo .offertwo-controls__arrowRight:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
}

.offertwo .offertwo-controls__arrowRight:hover .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent-hover) !important;
}

/* Testimonios: Anterior */
.testimonial2 .testimonial2-controls__arrowLeft {
  background: transparent !important;
  border: 1px solid var(--kskin-border) !important;
  color: var(--kskin-text-secondary) !important;
}

.testimonial2 .testimonial2-controls__arrowLeft .icon {
  background: var(--kskin-text-primary) !important;
  color: var(--kskin-white) !important;
}

.testimonial2 .testimonial2-controls__arrowLeft:hover {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.testimonial2 .testimonial2-controls__arrowLeft:hover .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-text-primary) !important;
}

/* Testimonios: Siguiente */
.testimonial2 .testimonial2-controls__arrowRight {
  background: var(--kskin-accent) !important;
  border: 1px solid var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.testimonial2 .testimonial2-controls__arrowRight .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-text-primary) !important;
}

.testimonial2 .testimonial2-controls__arrowRight:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
}

.testimonial2 .testimonial2-controls__arrowRight:hover .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent-hover) !important;
}

/* Instagram: el overlay original todavía usa rosa hardcodeado */
.instagram2 .instagram2-thumb::before {
  background: rgba(211, 59, 52, 0.48) !important;
}

.instagram2 .instagram2-thumb .icon,
.instagram2 .instagram2-thumb:hover .icon {
  color: var(--kskin-white) !important;
}

/* ============================================================
   14. HEADER + FOOTER — NORMALIZACIÓN KSKINBE
   Corrige los últimos colores rosados hardcodeados del template
   y mejora el contraste de los textos del footer.
   ============================================================ */

/* ------------------------------------------------------------
   HEADER
   ------------------------------------------------------------ */

.header-area.header-layoutone,
.header-area.header-layoutone.header-sticky,
.header-area.header-layoutone.sticky,
.sticky {
  background: var(--kskin-card) !important;
}

.header-area.header-layoutone .main-menu>ul>li>a {
  color: var(--kskin-text-primary) !important;
}

.header-area.header-layoutone .main-menu>ul>li:hover>a,
.header-area.header-layoutone .main-menu>ul>li>a:hover,
.header-area.header-layoutone .main-menu>ul>li.active>a,
.header-area.header-layoutone .main-menu>ul>li.current-menu-item>a,
.header-area.header-layoutone .main-menu>ul>li.current-menu-parent>a,
.header-area.header-layoutone .main-menu>ul>li.current-menu-ancestor>a {
  color: var(--kskin-accent) !important;
}

.header-area.header-layoutone .main-menu>ul>li>a::after,
.header-area.header-layoutone .main-menu>ul>li>a i {
  color: currentColor !important;
}

.header-area.header-layoutone .main-menu>ul>li .dp-menu {
  background: var(--kskin-card) !important;
  border: 1px solid var(--kskin-border-soft) !important;
  box-shadow: var(--kskin-shadow-md) !important;
}

.header-area.header-layoutone .main-menu>ul>li .dp-menu li a {
  color: var(--kskin-text-primary) !important;
}

.header-area.header-layoutone .main-menu>ul>li .dp-menu li a:hover {
  color: var(--kskin-accent) !important;
  background: var(--kskin-bg-soft) !important;
}

.header-area.header-layoutone .action-btn,
.header-area.header-layoutone .action-btn i,
.header-area.header-layoutone .search-open-btn,
.header-area.header-layoutone .search-open-btn i {
  color: var(--kskin-text-primary) !important;
}

.header-area.header-layoutone .search-open-btn svg path {
  fill: var(--kskin-text-primary) !important;
}

.header-area.header-layoutone .action-btn:hover,
.header-area.header-layoutone .action-btn:hover i,
.header-area.header-layoutone .search-open-btn:hover,
.header-area.header-layoutone .search-open-btn:hover i {
  color: var(--kskin-accent) !important;
}

.header-area.header-layoutone .search-open-btn:hover svg path {
  fill: var(--kskin-accent) !important;
}

.header-area.header-layoutone .badge.bg-danger {
  background-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.header-area.header-layoutone .bar-icon span,
.header-area.header-layoutone .side-toggle .bar-icon span {
  background: var(--kskin-text-primary) !important;
}

.header-area.header-layoutone .bar-icon:hover span,
.header-area.header-layoutone .side-toggle:hover .bar-icon span {
  background: var(--kskin-accent) !important;
}

/* ------------------------------------------------------------
   MENÚ MÓVIL / OFFCANVAS
   ------------------------------------------------------------ */

.mobile-menu::-webkit-scrollbar-thumb,
.mobile-menu.mean-container .mean-bar::-webkit-scrollbar-thumb {
  background: var(--kskin-accent) !important;
}

.mobile-menu::-webkit-scrollbar-thumb:hover,
.mobile-menu.mean-container .mean-bar::-webkit-scrollbar-thumb:hover {
  background: var(--kskin-accent-hover) !important;
}

.mobile-menu.mean-container .mean-nav ul li a:hover,
.side-info .mobile-menu .mobile-nav .menu-item-has-children .dp-menu li a:hover,
.side-info .mobile-menu .mobile-nav .menu-item-has-children ul li a:hover {
  color: var(--kskin-accent) !important;
  border-left-color: var(--kskin-accent) !important;
}

.mobile-menu.mean-container .mean-nav ul li a.mean-expand,
.mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover,
.mobile-menu.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.offset-social a:hover,
.offset-widget-box .contact-item span a:hover {
  color: var(--kskin-accent) !important;
}

.offset-widget-box .contact-item .icon {
  background: var(--kskin-accent) !important;
}

/* ------------------------------------------------------------
   BOTÓN VOLVER ARRIBA
   ------------------------------------------------------------ */

.progress-wrap,
.progress-wrap.active-progress,
.progress-wrap::after {
  background-color: var(--kskin-accent) !important;
}

.progress-wrap::after {
  color: var(--kskin-white) !important;
}

.progress-wrap:hover,
.progress-wrap.active-progress:hover,
.progress-wrap:hover::after {
  background-color: var(--kskin-accent-hover) !important;
}

.progress-wrap svg path,
.progress-wrap svg.progress-circle path {
  fill: var(--kskin-accent) !important;
  stroke: transparent !important;
}

/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */

.footer2 {
  color: var(--kskin-white);
}

.footer2 .footer2-widget__title,
.footer2 .footer2-widget__social-title,
.footer2 .footer2-widget__contact-post-title {
  color: var(--kskin-white) !important;
}

.footer2 .footer2-widget__contact-post-title svg path {
  fill: var(--kskin-accent) !important;
}

.footer2 .footer2-widget__contact-post-link,
.footer2 .footer2-widget__contact-post-link:visited {
  color: #D6CECA !important;
}

.footer2 .footer2-widget__contact-post-link:hover,
.footer2 .footer2-widget__contact-post-link:focus {
  color: var(--kskin-accent) !important;
}

.footer2 .footer2-widget-button-items-btn-wrapper .btn-button2 {
  color: var(--kskin-white) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: transparent !important;
}

.footer2 .footer2-widget-button-items-btn-wrapper .btn-button2 .text {
  color: var(--kskin-white) !important;
}

.footer2 .footer2-widget-button-items-btn-wrapper .btn-button2 .icon {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.footer2 .footer2-widget-button-items-btn-wrapper .btn-button2:hover {
  background: var(--kskin-white) !important;
  border-color: var(--kskin-white) !important;
}

.footer2 .footer2-widget-button-items-btn-wrapper .btn-button2:hover .text {
  color: var(--kskin-accent) !important;
}

.footer2 .footer2-widget-button-items-btn-wrapper .btn-button2:hover .icon {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.footer2 .footer2-widget__social-link span {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--kskin-white) !important;
}

.footer2 .footer2-widget__social-link span:hover {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.footer2 .footer2-bottom__copyright,
.footer2 .footer2-bottom__copyright a {
  color: #D6CECA !important;
}

.footer2 .footer2-bottom__copyright a:hover {
  color: var(--kskin-accent) !important;
}

.footer2 .footer2-bottom__navs a,
.footer2 .footer2-bottom__navs a:visited {
  color: #D6CECA !important;
}

.footer2 .footer2-bottom__navs a:hover,
.footer2 .footer2-bottom__navs a:focus {
  color: var(--kskin-accent) !important;
}

/* ============================================================
   16. TYPOGRAPHY GUARD — FINAL
   Fuerza la familia correcta por encima del template original.
   ============================================================ */

.intro2__content-title,
.section-heading__title,
.category2-item__content-title,
.featured-product-card__content-title,
.featured-product-card__content-title a,
.benefit-card__items-title,
.beauty-feature-item__card1-title,
.beauty-feature-item__card2-title,
.beauty-feature-item__card3-title,
.beauty-feature-item2__card1-title,
.beauty-feature-item2__card2-title,
.beauty-feature-item2__card3-title,
.offertwo-card__content-title,
.offertwo-card__content-title a,
.testimonial2-card__content-title,
.intro2__rating-score,
.footer2-widget__title,
.footer2-widget__social-title,
.footer2-widget__contact-post-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", Arial, sans-serif !important;
}

.intro2__content-desc,
.intro2__rating-text,
.featured-product-card__content-list-point,
.featured-product-card__content-list-text,
.featured-product-card__content-dollar,
.benefit-card__content-subtitle,
.beauty-feature-item__card1-dsc,
.beauty-feature-item__card2-dsc,
.beauty-feature-item__card3-dsc,
.beauty-feature-item2__card1-dsc,
.beauty-feature-item2__card2-dsc,
.beauty-feature-item2__card3-dsc,
.offertwo-card__content-list-point,
.offertwo-card__content-list-text,
.offertwo-card__content-items-price,
.testimonial2-card__content-suntitle,
.footer2-widget__contact-post-link,
.footer2-bottom__copyright,
.footer2-bottom__navs a,
p,
body {
  font-family: "Roboto", Arial, sans-serif !important;
}


/* =========================================
   PRUEBA DEFINITIVA DE FUENTES
   ========================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.intro2__content-title,
.intro2__content-subtext,
.section-heading__title,
.section-heading__subtitle {
  font-family: "Lato", Arial, sans-serif !important;
}

body,
p,
.intro2__content-desc {
  font-family: "Roboto", Arial, sans-serif !important;
}



.footer2 .footer2-widget__logo {
  position: relative;
  width: 200px;
  height: 100px;
  overflow: visible;
}

.footer2 .footer2-widget__logo img {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 280px !important;
  max-width: none !important;
  height: auto !important;

  transform: translate(-50%, -50%);
}

/* ============================================================
   17. CONTACTO — KSKINBE THEME
   Adapta contact.php a la nueva paleta sin tocar el CSS original.
   ============================================================ */

/* ------------------------------------------------------------
   BREADCRUMB / CABECERA DE CONTACTO
   ------------------------------------------------------------ */

.breadcumb {
  background: var(--kskin-bg) !important;
}

.breadcumb .breadcumb-wrapper {
  background-image: none !important;
  background-color: var(--kskin-bg-soft) !important;
  border: 1px solid var(--kskin-border-soft);
  box-shadow: var(--kskin-shadow-sm);
}

.breadcumb .breadcumb-wrapper__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items {
  border-color: var(--kskin-border) !important;
  background: rgba(255, 255, 255, 0.30);
}

.breadcumb .breadcumb-wrapper__items-list {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list i {
  color: var(--kskin-text-secondary) !important;
}

/* Mantener Font Awesome en los iconos del breadcrumb */
.breadcumb .breadcumb-wrapper__items-list i.fa-regular,
.breadcumb .breadcumb-wrapper__items-list i.fa-solid,
.breadcumb .breadcumb-wrapper__items-list i.fa-light,
.breadcumb .breadcumb-wrapper__items-list i.fa-thin,
.breadcumb .breadcumb-wrapper__items-list i.fa-duotone {
  font-family: "Font Awesome 6 Pro" !important;
}

.breadcumb .breadcumb-wrapper__items-list-title {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list-title:hover {
  color: var(--kskin-accent) !important;
}

.breadcumb .breadcumb-wrapper__items-list-title2 {
  color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list-title2:hover {
  color: var(--kskin-accent-hover) !important;
}


/* ------------------------------------------------------------
   SECCIÓN DE CONTACTO
   ------------------------------------------------------------ */

.contact2 {
  background: var(--kskin-bg) !important;
}

.contact2 .section-heading__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.contact2 .section-heading__text {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  border-bottom-color: var(--kskin-border) !important;
}


/* ------------------------------------------------------------
   FORMULARIO
   ------------------------------------------------------------ */

.contact2 .contact2-form {
  background: var(--kskin-surface);
  border: 1px solid var(--kskin-border-soft);
  border-radius: 18px;
  padding: 32px;
  box-shadow: var(--kskin-shadow-sm);
}

.contact2 .contact2-form__input-name {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700;
}

.contact2 .contact2-form__input-field {
  background: var(--kskin-card) !important;
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  border: 1px solid var(--kskin-border) !important;
  outline: none;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

.contact2 .contact2-form__input-field::placeholder {
  color: var(--kskin-text-muted) !important;
  opacity: 0.78;
  font-family: "Roboto", Arial, sans-serif !important;
}

.contact2 .contact2-form__input-field:hover {
  border-color: rgba(211, 59, 52, 0.48) !important;
}

.contact2 .contact2-form__input-field:focus {
  background: var(--kskin-white) !important;
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 0 0 4px rgba(211, 59, 52, 0.10) !important;
}


/* ------------------------------------------------------------
   BOTÓN ENVIAR MENSAJE
   ------------------------------------------------------------ */

.contact2 .contact2-form__button .btn-orange {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  border: 1px solid var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(211, 59, 52, 0.18);
}

.contact2 .contact2-form__button .btn-orange:hover,
.contact2 .contact2-form__button .btn-orange:focus {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(211, 59, 52, 0.24);
}


/* ------------------------------------------------------------
   MAPA
   ------------------------------------------------------------ */

.map {
  background: var(--kskin-bg-soft) !important;
  border-top: 1px solid var(--kskin-border) !important;
}

.map iframe {
  display: block;
  filter: saturate(0.88) contrast(0.96);
}


/* ------------------------------------------------------------
   RESPONSIVE CONTACTO
   ------------------------------------------------------------ */

@media only screen and (max-width: 991px) {
  .contact2 .contact2-form {
    padding: 26px;
    border-radius: 16px;
  }
}

@media (max-width: 575px) {
  .contact2 .contact2-form {
    padding: 20px 16px;
    border-radius: 14px;
  }

  .breadcumb .breadcumb-wrapper {
    border-radius: 18px;
  }
}

/* ============================================================
   18. ABOUT — KSKINBE THEME
   Adapta about.php a la nueva identidad visual.
   ============================================================ */

/* ------------------------------------------------------------
   BREADCRUMB
   about.php reutiliza el mismo breadcrumb de Contacto.
   ------------------------------------------------------------ */

.breadcumb {
  background: var(--kskin-bg) !important;
}

.breadcumb .breadcumb-wrapper {
  background-image: none !important;
  background-color: var(--kskin-bg-soft) !important;
  border: 1px solid var(--kskin-border-soft);
  box-shadow: var(--kskin-shadow-sm);
}

.breadcumb .breadcumb-wrapper__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items {
  border-color: var(--kskin-border) !important;
  background: rgba(255, 255, 255, 0.30);
}

.breadcumb .breadcumb-wrapper__items-list {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

/* NO sobrescribir la fuente de Font Awesome */
.breadcumb .breadcumb-wrapper__items-list i {
  color: var(--kskin-text-secondary) !important;
}

.breadcumb .breadcumb-wrapper__items-list i.fa-regular,
.breadcumb .breadcumb-wrapper__items-list i.fa-solid,
.breadcumb .breadcumb-wrapper__items-list i.fa-light,
.breadcumb .breadcumb-wrapper__items-list i.fa-thin,
.breadcumb .breadcumb-wrapper__items-list i.fa-duotone {
  font-family: "Font Awesome 6 Pro" !important;
}

.breadcumb .breadcumb-wrapper__items-list-title {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list-title:hover {
  color: var(--kskin-accent) !important;
}

.breadcumb .breadcumb-wrapper__items-list-title2 {
  color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list-title2:hover {
  color: var(--kskin-accent-hover) !important;
}


/* ------------------------------------------------------------
   ABOUT 01 — NUESTRA HISTORIA
   ------------------------------------------------------------ */

.about1 {
  background: var(--kskin-bg) !important;
}

/* Imagen principal */
.about1 .about1-thumb {
  overflow: hidden;
  border-radius: 20px;
  box-shadow: var(--kskin-shadow-md);
}

.about1 .about1-thumb img {
  width: 100%;
  display: block;
  border-radius: 20px;
  transition: transform 0.45s ease;
}

.about1 .about1-thumb:hover img {
  transform: scale(1.025);
}


/* Subtítulo */
.about1 .about1-content .section-heading3__subtitle {
  color: var(--kskin-accent) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Título principal */
.about1 .about1-content .section-heading3__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

/* Párrafos */
.about1 .about1-content__text,
.about1 .about1-content__subtext {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}


/* Lista de valores */
.about1 .about1-content-info__list-items {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500;
}

.about1 .about1-content-info__list-items::before {
  background: var(--kskin-accent) !important;
}


/* Frase destacada */
.about1 .about1-content__items {
  background: var(--kskin-surface) !important;
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-style: italic;
  border: 1px solid var(--kskin-border-soft);
  border-left: 4px solid var(--kskin-accent);
  box-shadow: var(--kskin-shadow-sm);
}


/* Botón "Conoce más" */
.about1 .about1-content__button .rr-btn-button {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.about1 .about1-content__button .rr-btn-button .text {
  color: var(--kskin-white) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.about1 .about1-content__button .rr-btn-button .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-text-primary) !important;
}

.about1 .about1-content__button .rr-btn-button .icon svg path {
  stroke: var(--kskin-text-primary) !important;
}

.about1 .about1-content__button .rr-btn-button:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(211, 59, 52, 0.20);
}

.about1 .about1-content__button .rr-btn-button:hover .icon {
  background: var(--kskin-white) !important;
}

.about1 .about1-content__button .rr-btn-button:hover .icon svg path {
  stroke: var(--kskin-accent-hover) !important;
}


/* ------------------------------------------------------------
   ABOUT 02 — MENSAJE FINAL
   ------------------------------------------------------------ */

.about2 {
  background: var(--kskin-bg-soft) !important;
}

.about2 .about2-items {
  background: var(--kskin-card);
  border: 1px solid var(--kskin-border-soft);
  border-radius: 24px;
  padding: 54px 48px;
  box-shadow: var(--kskin-shadow-sm);
}

.about2 .about2-items__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

/* Imágenes intercaladas dentro del título */
.about2 .about2-items__title img {
  border-radius: 999px;
  border: 2px solid var(--kskin-border);
  box-shadow: var(--kskin-shadow-sm);
}

/* Firma */
.about2 .about2-items__info-title {
  color: var(--kskin-accent) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700;
}

.about2 .about2-items__info-subtitle {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}


/* ------------------------------------------------------------
   RESPONSIVE ABOUT
   ------------------------------------------------------------ */

@media only screen and (max-width: 991px) {

  .about1 .about1-thumb,
  .about1 .about1-thumb img {
    border-radius: 16px;
  }

  .about2 .about2-items {
    padding: 40px 30px;
    border-radius: 20px;
  }
}

@media (max-width: 575px) {

  .about1 .about1-thumb,
  .about1 .about1-thumb img {
    border-radius: 14px;
  }

  .about1 .about1-content__items {
    border-left-width: 3px;
  }

  .about2 .about2-items {
    padding: 30px 18px;
    border-radius: 16px;
  }
}

/* ============================================================
   19. SHOP — KSKINBE THEME
   Adapta shop.php a la paleta KSkinBe conservando su estructura
   y comportamiento original.
   ============================================================ */

/* ------------------------------------------------------------
   BREADCRUMB
   ------------------------------------------------------------ */

.shop~* {
  /* marcador sin impacto visual; evita colisiones accidentales */
}

.breadcumb {
  background: var(--kskin-bg) !important;
}

.breadcumb .breadcumb-wrapper {
  background-image: none !important;
  background-color: var(--kskin-bg-soft) !important;
  border: 1px solid var(--kskin-border-soft);
  box-shadow: var(--kskin-shadow-sm);
}

.breadcumb .breadcumb-wrapper__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items {
  border-color: var(--kskin-border) !important;
  background: rgba(255, 255, 255, 0.30);
}

.breadcumb .breadcumb-wrapper__items-list {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list i {
  color: var(--kskin-text-secondary) !important;
}

/* Mantener Font Awesome en los iconos */
.breadcumb .breadcumb-wrapper__items-list i.fa-regular,
.breadcumb .breadcumb-wrapper__items-list i.fa-solid,
.breadcumb .breadcumb-wrapper__items-list i.fa-light,
.breadcumb .breadcumb-wrapper__items-list i.fa-thin,
.breadcumb .breadcumb-wrapper__items-list i.fa-duotone {
  font-family: "Font Awesome 6 Pro" !important;
}

.breadcumb .breadcumb-wrapper__items-list-title {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list-title:hover {
  color: var(--kskin-accent) !important;
}

.breadcumb .breadcumb-wrapper__items-list-title2 {
  color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list-title2:hover {
  color: var(--kskin-accent-hover) !important;
}


/* ------------------------------------------------------------
   SECCIÓN SHOP
   ------------------------------------------------------------ */

.shop {
  background: var(--kskin-bg) !important;
}


/* ------------------------------------------------------------
   SIDEBAR
   ------------------------------------------------------------ */

.shop .shop-sidebar {
  background: var(--kskin-surface);
  border: 1px solid var(--kskin-border-soft);
  border-radius: 18px;
  padding: 24px;
  box-shadow: var(--kskin-shadow-sm);
}

.shop .shop-sidebar__widget {
  border-color: var(--kskin-border-soft) !important;
}

.shop .shop-sidebar__widget-title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700;
}

.shop .shop-sidebar__widget-title::before {
  background-color: var(--kskin-accent) !important;
}

.shop .shop-sidebar__close-btn {
  color: var(--kskin-text-primary) !important;
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border) !important;
}

.shop .shop-sidebar__close-btn:hover {
  color: var(--kskin-white) !important;
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
}


/* Buscador */

.shop .shop-sidebar__search-input {
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border) !important;
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-sidebar__search-input::placeholder {
  color: var(--kskin-text-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-sidebar__search-input:focus {
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 0 0 3px rgba(211, 59, 52, 0.10) !important;
}

.shop .shop-sidebar__search-btn {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.shop .shop-sidebar__search-btn:hover {
  background: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
}


/* Precio */

.shop .shop-sidebar__price-info-text,
.shop .shop-sidebar__price-info-text span,
.shop .shop-sidebar__price-input-label,
.shop .shop-sidebar__price-input-separator {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-sidebar__price-reset {
  color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-sidebar__price-reset:hover {
  color: var(--kskin-accent-hover) !important;
}

.shop .shop-sidebar__price-input {
  background: var(--kskin-card) !important;
  color: var(--kskin-text-primary) !important;
  border-color: var(--kskin-border) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-sidebar__price-input:focus {
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 0 0 3px rgba(211, 59, 52, 0.10) !important;
  outline: none;
}

/* Range */
.shop .shop-sidebar__price-range {
  accent-color: var(--kskin-accent);
}

.shop .shop-sidebar__price-range::-webkit-slider-thumb {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
}

.shop .shop-sidebar__price-range::-moz-range-thumb {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
}


/* Categorías / Estado / Marca */

.shop .shop-sidebar__categories-link,
.shop .shop-sidebar__status-link,
.shop .shop-sidebar__brand-link {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-sidebar__categories-link:hover,
.shop .shop-sidebar__categories-link.active,
.shop .shop-sidebar__status-link:hover,
.shop .shop-sidebar__status-link.active,
.shop .shop-sidebar__brand-link:hover,
.shop .shop-sidebar__brand-link.active {
  color: var(--kskin-accent) !important;
}

/* Importante: no cambiar la familia de los <i> de Font Awesome */
.shop .shop-sidebar__categories-link i,
.shop .shop-sidebar__status-link i,
.shop .shop-sidebar__brand-link i,
.shop .shop-sidebar__search-btn i,
.shop .shop-sidebar__close-btn i {
  color: currentColor;
}


/* Colores */

.shop .shop-sidebar__color-dot {
  border: 2px solid transparent;
  box-shadow: 0 0 0 1px var(--kskin-border-soft);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.shop .shop-sidebar__color-dot:hover {
  transform: scale(1.08);
  box-shadow: 0 0 0 2px var(--kskin-border);
}

.shop .shop-sidebar__color-dot--active {
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 0 0 2px var(--kskin-card), 0 0 0 4px var(--kskin-accent) !important;
}


/* Tags */

.shop .shop-sidebar__tags-tag {
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border) !important;
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-sidebar__tags-tag:hover,
.shop .shop-sidebar__tags-tag.active {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  box-shadow: 0 4px 10px rgba(211, 59, 52, 0.18) !important;
}


/* ------------------------------------------------------------
   CABECERA DEL LISTADO / FILTRO
   ------------------------------------------------------------ */

.shop .shop-wrapper__items {
  border-color: var(--kskin-border-soft) !important;
}

.shop .shop-wrapper__items-text {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-wrapper__filter-btn {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-wrapper__filter-btn:hover,
.shop .shop-wrapper__filter-btn[aria-expanded="true"] {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
}

.shop .shop-wrapper__filter-btn-text,
.shop .shop-wrapper__filter-chevron {
  color: var(--kskin-white) !important;
}

.shop .shop-wrapper__filter-btn-icon path,
.shop .shop-wrapper__filter-btn-icon circle {
  stroke: var(--kskin-white) !important;
}


/* Dropdown de ordenamiento */

.shop .shop-wrapper__sort-dropdown {
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border) !important;
  box-shadow: var(--kskin-shadow-md) !important;
}

.shop .shop-wrapper__sort-option {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-wrapper__sort-option:not(:last-child) {
  border-bottom-color: var(--kskin-border-soft) !important;
}

.shop .shop-wrapper__sort-option:hover {
  background: var(--kskin-bg-soft) !important;
  color: var(--kskin-accent) !important;
}


/* ------------------------------------------------------------
   TARJETAS DE PRODUCTOS
   ------------------------------------------------------------ */

.shop .shop-card {
  border-radius: 16px;
  overflow: hidden;
  background: var(--kskin-card);
  border: 1px solid var(--kskin-border-soft);
  box-shadow: var(--kskin-shadow-sm);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.shop .shop-card:hover {
  transform: translateY(-5px);
  border-color: rgba(211, 59, 52, 0.24);
  box-shadow: var(--kskin-shadow-md);
}

.shop .shop-card__thumb {
  background: var(--kskin-card);
  overflow: hidden;
}

.shop .shop-card__thumb img {
  transition: transform 0.45s ease;
}

.shop .shop-card:hover .shop-card__thumb img {
  transform: scale(1.025);
}

.shop .shop-card__content {
  background: var(--kskin-card) !important;
  border-top: 1px solid var(--kskin-border-soft);
}

.shop .shop-card__content-title,
.shop .shop-card__content-title a {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.shop .shop-card__content-title a:hover {
  color: var(--kskin-accent) !important;
}

.shop .shop-card__content-list-point {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-card__content-list-text {
  color: var(--kskin-text-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-card__content-list-start,
.shop .shop-card__content-list-start i {
  color: var(--kskin-accent) !important;
}

.shop .shop-card__content-dollar {
  color: var(--kskin-accent) !important;
  font-family: "Lato", Arial, sans-serif !important;
}


/* Etiquetas New / Descuento */

.shop .shop-card__thumb-offer,
.shop .shop-card__thumb-offer.style {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}


/* Botón Add to Cart */

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4 {
  background: var(--kskin-card) !important;
  color: var(--kskin-text-primary) !important;
  border: 1px solid var(--kskin-border) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4 .text {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4 .icon {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4 .icon svg path {
  stroke: var(--kskin-white) !important;
}

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4:hover {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4:hover .text {
  color: var(--kskin-white) !important;
}

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4:hover .icon {
  background: var(--kskin-white) !important;
}

.shop .shop-card__thumb-btn-wrapper .rr-btn-button4:hover .icon svg path {
  stroke: var(--kskin-accent) !important;
}


/* ------------------------------------------------------------
   PAGINACIÓN
   ------------------------------------------------------------ */

.shop .pagination {
  border-color: var(--kskin-border-soft) !important;
}

.shop .pagination a {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  border-color: var(--kskin-border) !important;
}

.shop .pagination .page,
.shop .pagination .prev,
.shop .pagination .next {
  background: var(--kskin-card) !important;
}

.shop .pagination a:hover,
.shop .pagination .page.active {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.shop .pagination .prev i,
.shop .pagination .next i {
  color: currentColor !important;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media only screen and (max-width: 1199px) {
  .shop .shop-sidebar {
    padding: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .shop .shop-sidebar {
    border-radius: 16px;
  }
}

@media (max-width: 575px) {
  .shop .shop-sidebar {
    padding: 18px 16px;
    border-radius: 14px;
  }

  .shop .shop-card {
    border-radius: 14px;
  }
}

/* ============================================================
   20. PRODUCT DETAILS — KSKINBE THEME
   Adapta product-details.php a la paleta KSkinBe.
   ============================================================ */

/* ------------------------------------------------------------
   BREADCRUMB 2
   ------------------------------------------------------------ */

.breadcumb2 {
  background: var(--kskin-bg) !important;
}

.breadcumb2 .breadcumb2-wrapper {
  background: var(--kskin-bg-soft) !important;
  border: 1px solid var(--kskin-border-soft);
  border-radius: 18px;
  box-shadow: var(--kskin-shadow-sm);
}

.breadcumb2 .breadcumb2-wrapper__items {
  border-color: var(--kskin-border) !important;
}

.breadcumb2 .breadcumb2-wrapper__items-list {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb2 .breadcumb2-wrapper__items-list i {
  color: var(--kskin-text-secondary) !important;
}

.breadcumb2 .breadcumb2-wrapper__items-list i.fa-regular,
.breadcumb2 .breadcumb2-wrapper__items-list i.fa-solid,
.breadcumb2 .breadcumb2-wrapper__items-list i.fa-light,
.breadcumb2 .breadcumb2-wrapper__items-list i.fa-thin,
.breadcumb2 .breadcumb2-wrapper__items-list i.fa-duotone {
  font-family: "Font Awesome 6 Pro" !important;
}

.breadcumb2 .breadcumb2-wrapper__items-list-title {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb2 .breadcumb2-wrapper__items-list-title:hover {
  color: var(--kskin-accent) !important;
}

.breadcumb2 .breadcumb2-wrapper__items-list-title2 {
  color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb2 .breadcumb2-wrapper__items-list-title2:hover {
  color: var(--kskin-accent-hover) !important;
}


/* ------------------------------------------------------------
   PRODUCT DETAILS — CONTENEDOR PRINCIPAL
   ------------------------------------------------------------ */

.product-details {
  background: var(--kskin-bg) !important;
}

.product-details .product-details-thumb .thumb {
  background: var(--kskin-card);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--kskin-shadow-sm);
}

.product-details .product-details-thumb .thumb img {
  border-radius: 20px !important;
}

.product-details .product-details-thumb .content .sale {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  border-radius: 999px !important;
}


/* Miniaturas */

.product-details .product-details-items .tab-header .nav .item a img,
.product-details .product-details-items .tab-header .nav .tab-header-nav-item a img {
  border: 2px solid transparent;
  transition:
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.product-details .product-details-items .tab-header .nav .item a.active img,
.product-details .product-details-items .tab-header .nav .tab-header-nav-item a.active img {
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 0 0 3px rgba(211, 59, 52, 0.10);
}

.product-details .product-details-items .tab-header .nav .item a:hover img,
.product-details .product-details-items .tab-header .nav .tab-header-nav-item a:hover img {
  border-color: var(--kskin-accent) !important;
  transform: translateY(-2px);
}


/* ------------------------------------------------------------
   INFORMACIÓN DEL PRODUCTO
   ------------------------------------------------------------ */

.product-details .product-details-content {
  background: var(--kskin-surface);
  border: 1px solid var(--kskin-border-soft);
  border-radius: 20px;
  padding: 32px;
  box-shadow: var(--kskin-shadow-sm);
}

.product-details .product-details-content__text {
  color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 600;
}

.product-details .product-details-content__title,
.product-details .product-details-content__title .title-light {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.product-details .product-details-content__title .title-light {
  font-weight: 400;
}


/* Precio */

.product-details .product-details-content__price .price-now {
  color: var(--kskin-accent) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.product-details .product-details-content__price .price-was {
  color: var(--kskin-text-muted) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.product-details .product-details-content__price .price-currency {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-details .product-details-content__badge-pill {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-details .product-details-content__rating .stars .star,
.product-details .product-details-content__rating .stars .star5,
.product-details .product-details-content__rating .stars i {
  color: var(--kskin-accent) !important;
}


/* Descripción */

.product-details .product-details-content__desc {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}


/* Selector de color */

.product-details .product-details-content__color-items .label,
.product-details .product-details-content__color-items .selected-name {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-details .product-details-content__color-items .color-dot {
  box-shadow: 0 0 0 1px var(--kskin-border-soft);
}

.product-details .product-details-content__color-items .color-dot:hover {
  transform: scale(1.08);
}

.product-details .product-details-content__color-items .color-dot.is-active {
  outline: 2px solid var(--kskin-accent) !important;
  outline-offset: 3px;
}


/* Cantidad */

.product-details .product-details-content__info .label {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700;
}

.product-details .product-details-content__info .qty {
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border) !important;
}

.product-details .product-details-content__info .qty .qty-btn {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-details .product-details-content__info .qty .qty-btn:hover:not(:disabled) {
  color: var(--kskin-accent) !important;
}

.product-details .product-details-content__info .qty .qty-val {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}


/* ADD TO CART */

.product-details .product-details-content__info .btn-add {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-details .product-details-content__info .btn-add .btn-icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent) !important;
}

.product-details .product-details-content__info .btn-add:hover {
  background: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
  box-shadow: 0 7px 18px rgba(211, 59, 52, 0.22) !important;
}

.product-details .product-details-content__info .btn-add:hover .btn-icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent-hover) !important;
}


/* Wishlist */

.product-details .product-details-content__info .btn-heart {
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border) !important;
  color: var(--kskin-text-primary) !important;
}

.product-details .product-details-content__info .btn-heart:hover,
.product-details .product-details-content__info .btn-heart.active {
  background: var(--kskin-bg-soft) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-accent) !important;
}


/* BUY NOW */

.product-details .product-details-content__info .btn-buy {
  background: var(--kskin-card) !important;
  color: var(--kskin-text-primary) !important;
  border-color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-details .product-details-content__info .btn-buy .btn-icon {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.product-details .product-details-content__info .btn-buy:hover {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 7px 18px rgba(211, 59, 52, 0.22) !important;
}

.product-details .product-details-content__info .btn-buy:hover .btn-icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent) !important;
}


/* Metadatos */

.product-details .product-details-content__meta {
  border-color: var(--kskin-border-soft) !important;
}

.product-details .product-details-content__meta .meta-row,
.product-details .product-details-content__meta .meta-row .k,
.product-details .product-details-content__meta .meta-row .v {
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-details .product-details-content__meta .meta-row .k {
  color: var(--kskin-text-primary) !important;
  font-weight: 700;
}

.product-details .product-details-content__meta .meta-row .v {
  color: var(--kskin-text-secondary) !important;
}


/* Checkout seguro */

.product-details .product-details-content__checkout-text {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700;
}

.product-details .product-details-content__checkout .pay-badge {
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border-soft) !important;
}


/* ------------------------------------------------------------
   PRODUCT TABS
   ------------------------------------------------------------ */

.product-tab {
  background: var(--kskin-bg) !important;
}

.product-tab .tab-buttons {
  border-bottom-color: var(--kskin-border) !important;
}

.product-tab .tab-buttons .nav-link {
  color: var(--kskin-text-secondary) !important;
  font-family: "Lato", Arial, sans-serif !important;
  border-color: transparent !important;
}

.product-tab .tab-buttons .nav-link:hover {
  color: var(--kskin-accent) !important;
}

.product-tab .tab-buttons .nav-link.active {
  color: var(--kskin-accent) !important;
  border-bottom-color: var(--kskin-accent) !important;
  background: transparent !important;
}


/* Descripción */

.product-tab .product-tab-card {
  background: var(--kskin-surface);
  border: 1px solid var(--kskin-border-soft);
  border-radius: 18px;
  box-shadow: var(--kskin-shadow-sm);
}

.product-tab .product-tab-card__content-title,
.product-tab .product-tab-card__content-title2 {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.product-tab .product-tab-card__content-dsc,
.product-tab .product-tab-card__content-text,
.product-tab .product-tab-card__content-subtitle,
.product-tab .product-tab-card__content-subtitle2 {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}


/* Reviews */

.product-tab .product-tab-items__text {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.product-tab .product-tab-items__card {
  background: var(--kskin-card);
  border-color: var(--kskin-border-soft) !important;
  border-radius: 14px;
}

.product-tab .product-tab-items__card-info-content-text {
  color: var(--kskin-text-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-tab .product-tab-items__card-info-content-name {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}


/* Formulario de review */

.product-tab .product-tab-contact {
  background: var(--kskin-surface);
  border: 1px solid var(--kskin-border-soft);
  border-radius: 18px;
  padding: 28px;
  box-shadow: var(--kskin-shadow-sm);
}

.product-tab .product-tab-contact__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.product-tab .product-tab-contact__form-input-name {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
  font-weight: 700;
}

.product-tab .product-tab-contact__form-input-field {
  background: var(--kskin-card) !important;
  border-color: var(--kskin-border) !important;
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-tab .product-tab-contact__form-input-field::placeholder {
  color: var(--kskin-text-muted) !important;
}

.product-tab .product-tab-contact__form-input-field:focus {
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 0 0 3px rgba(211, 59, 52, 0.10) !important;
  outline: none;
}

.product-tab .product-tab-contact .rr-btn-button {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  border-color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.product-tab .product-tab-contact .rr-btn-button .text {
  color: var(--kskin-white) !important;
}

.product-tab .product-tab-contact .rr-btn-button:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
}


/* ------------------------------------------------------------
   FEATURED PRODUCTS 2
   ------------------------------------------------------------ */

.featured-products2 {
  background: var(--kskin-bg-soft) !important;
}

.featured-products2 .section-heading__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.featured-products2-card {
  background: var(--kskin-card);
  border: 1px solid var(--kskin-border-soft);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--kskin-shadow-sm);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.featured-products2-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--kskin-shadow-md);
}

.featured-products2-card__content {
  background: var(--kskin-card) !important;
}

.featured-products2-card__content-title,
.featured-products2-card__content-title a {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.featured-products2-card__content-title a:hover {
  color: var(--kskin-accent) !important;
}

.featured-products2-card__content-list-start,
.featured-products2-card__content-list-start i {
  color: var(--kskin-accent) !important;
}

.featured-products2-card__content-list-point {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.featured-products2-card__content-list-text {
  color: var(--kskin-text-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.featured-products2-card__content-dollar {
  color: var(--kskin-accent) !important;
  font-family: "Lato", Arial, sans-serif !important;
}


/* Flechas carrusel */

.featured-products2-controls__arrowLeft,
.featured-products2-controls__arrowRight {
  color: var(--kskin-text-secondary) !important;
}

.featured-products2-controls__arrowLeft .icon,
.featured-products2-controls__arrowRight .icon {
  border-color: var(--kskin-border) !important;
  color: var(--kskin-text-primary) !important;
}

.featured-products2-controls__arrowLeft:hover,
.featured-products2-controls__arrowRight:hover {
  color: var(--kskin-accent) !important;
}

.featured-products2-controls__arrowLeft:hover .icon,
.featured-products2-controls__arrowRight:hover .icon {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}


/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media only screen and (max-width: 991px) {
  .product-details .product-details-content {
    padding: 26px;
    border-radius: 16px;
  }

  .product-tab .product-tab-contact {
    padding: 24px;
    border-radius: 16px;
  }
}

@media (max-width: 575px) {
  .breadcumb2 .breadcumb2-wrapper {
    border-radius: 14px;
  }

  .product-details .product-details-content {
    padding: 20px 16px;
    border-radius: 14px;
  }

  .product-tab .product-tab-card,
  .product-tab .product-tab-contact {
    border-radius: 14px;
  }

  .product-tab .product-tab-contact {
    padding: 20px 16px;
  }
}

/* ============================================================
   21. PRODUCT DETAILS — AJUSTES DE SEGUNDA PASADA
   Conserva la composición original y aplica únicamente KSkinBe.
   ============================================================ */

/* Menos aire entre breadcrumb y producto */
.product-details.section-spacing-120 {
  padding-top: 64px !important;
}

/* Tabs: conservar el aspecto editorial del template original */
.product-tab .tab-buttons {
  margin-bottom: 50px !important;
}

.product-tab .product-tab-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.product-tab .product-tab-card__content-title,
.product-tab .product-tab-card__content-title2 {
  color: var(--kskin-text-primary) !important;
  font-family: var(--font_Lato) !important;
  font-weight: 700 !important;
  line-height: 30px !important;
}

.product-tab .product-tab-card__content-title {
  margin-bottom: 16px !important;
}

.product-tab .product-tab-card__content-title2 {
  margin-top: 30px !important;
  margin-bottom: 14px !important;
}

.product-tab .product-tab-card__content-dsc,
.product-tab .product-tab-card__content-text,
.product-tab .product-tab-card__content-subtitle,
.product-tab .product-tab-card__content-subtitle2 {
  color: var(--kskin-text-secondary) !important;
  font-family: var(--font_Roboto) !important;
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 400 !important;
}

.product-tab .product-tab-card__content-dsc,
.product-tab .product-tab-card__content-text {
  margin-bottom: 0 !important;
}

.product-tab .product-tab-card__content-subtitle {
  margin-bottom: 0 !important;
}

/* Reviews: eliminar los rosas originales #FFEFF2 / #FFDEE5 */
.product-tab .product-tab-items {
  background: var(--kskin-surface) !important;
  border: 1px solid var(--kskin-border-soft) !important;
  border-radius: 16px !important;
  box-shadow: var(--kskin-shadow-sm);
}

.product-tab .product-tab-items__text {
  color: var(--kskin-text-primary) !important;
  border-bottom-color: var(--kskin-border) !important;
}

.product-tab .product-tab-items__card {
  background: var(--kskin-card) !important;
  border: 1px solid var(--kskin-border-soft) !important;
  box-shadow: none !important;
}

.product-tab .product-tab-contact {
  background: var(--kskin-surface) !important;
  border-color: var(--kskin-border-soft) !important;
}

.product-tab .product-tab-contact__title {
  border-bottom-color: var(--kskin-border) !important;
}

.product-tab .product-tab-contact__form-input-field {
  background: var(--kskin-card) !important;
  border: 1px solid var(--kskin-border) !important;
}

/* Send Message: eliminar el círculo rosa heredado del botón original */
.product-tab .product-tab-contact .rr-btn-button,
.product-tab .product-tab-contact .rr-btn-button:hover,
.product-tab .product-tab-contact .rr-btn-button:focus,
.product-tab .product-tab-contact .rr-btn-button:active {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  outline: none !important;
  box-shadow: none !important;
}

.product-tab .product-tab-contact .rr-btn-button:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
}

.product-tab .product-tab-contact .rr-btn-button .icon {
  background: var(--kskin-accent-dark) !important;
  color: var(--kskin-white) !important;
}

.product-tab .product-tab-contact .rr-btn-button:hover .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent-hover) !important;
}

.product-tab .product-tab-contact .rr-btn-button .icon svg path {
  stroke: var(--kskin-white) !important;
}

.product-tab .product-tab-contact .rr-btn-button:hover .icon svg path {
  stroke: var(--kskin-accent-hover) !important;
}

/* Carrusel: restaurar la forma original de Prev / Next con la paleta KSkinBe */
.featured-products2-controls__arrowLeft,
.featured-products2-controls__arrowRight {
  height: 48px !important;
  border: 1px solid var(--kskin-accent) !important;
  border-radius: 1000px !important;
  font-family: var(--font_Roboto) !important;
  font-size: 18px !important;
  line-height: 24px !important;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
}

.featured-products2-controls__arrowLeft {
  padding: 6px 24px 6px 6px !important;
  background: transparent !important;
  color: var(--kskin-text-primary) !important;
}

.featured-products2-controls__arrowLeft .icon {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.featured-products2-controls__arrowLeft:hover {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.featured-products2-controls__arrowLeft:hover .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent) !important;
}

.featured-products2-controls__arrowRight {
  padding: 6px 6px 6px 24px !important;
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.featured-products2-controls__arrowRight .icon {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--kskin-white) !important;
  color: var(--kskin-accent) !important;
}

.featured-products2-controls__arrowRight:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
}

.featured-products2-controls__arrowRight:hover .icon {
  background: var(--kskin-white) !important;
  color: var(--kskin-accent-hover) !important;
}

.featured-products2-controls__arrowLeft:focus,
.featured-products2-controls__arrowRight:focus,
.featured-products2-controls__arrowLeft:focus-visible,
.featured-products2-controls__arrowRight:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

@media only screen and (max-width: 991px) {
  .product-details.section-spacing-120 {
    padding-top: 50px !important;
  }
}

@media (max-width: 575px) {
  .product-details.section-spacing-120 {
    padding-top: 36px !important;
  }
}

/* ============================================================
   21. CART — KSKINBE THEME
   Adapta cart.php a la identidad visual KSkinBe sin modificar
   la estructura ni el comportamiento original del template.
   ============================================================ */

/* ------------------------------------------------------------
   FONDO GENERAL
   ------------------------------------------------------------ */

.cart-page {
  background: var(--kskin-bg) !important;
}


/* ------------------------------------------------------------
   BREADCRUMB
   cart.php utiliza el breadcrumb global del template.
   ------------------------------------------------------------ */

.cart-page+* {
  /* Regla neutra para mantener este bloque aislado. */
}

.breadcumb .breadcumb-wrapper__title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list,
.breadcumb .breadcumb-wrapper__items-list-title,
.breadcumb .breadcumb-wrapper__items-list-title2 {
  font-family: "Roboto", Arial, sans-serif !important;
}

.breadcumb .breadcumb-wrapper__items-list-title2 {
  color: var(--kskin-accent) !important;
}

/* Mantener Font Awesome en iconos */
.breadcumb .breadcumb-wrapper__items-list i,
.cart-page i {
  font-family: "Font Awesome 6 Pro" !important;
}


/* ------------------------------------------------------------
   TABLA DEL CARRITO
   ------------------------------------------------------------ */

.cart-page .cart-page__table {
  background: var(--kskin-surface) !important;
  border: 1px solid var(--kskin-border-soft);
  border-radius: 14px;
  box-shadow: var(--kskin-shadow-sm);
}

.cart-page .cart-page__table-header {
  border-bottom-color: var(--kskin-border) !important;
}

.cart-page .cart-page__table-header-text {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.cart-page .cart-page__item {
  border-bottom-color: var(--kskin-border-soft) !important;
}

.cart-page .cart-page__item-product-image {
  background: var(--kskin-card) !important;
  border: 1px solid var(--kskin-border-soft);
}

.cart-page .cart-page__item-product-title,
.cart-page .cart-page__item-product-title a {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.cart-page .cart-page__item-product-title a:hover {
  color: var(--kskin-accent) !important;
}

.cart-page .cart-page__item-product-sku {
  color: var(--kskin-text-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page .cart-page__item-price {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 600;
}

.cart-page .cart-page__item-subtotal {
  color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 700;
}


/* ------------------------------------------------------------
   CANTIDAD
   ------------------------------------------------------------ */

.cart-page .cart-page__item-qty {
  background: var(--kskin-card) !important;
  border: 1px solid var(--kskin-border) !important;
}

.cart-page .cart-page__qty-btn {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page .cart-page__qty-btn:hover:not(:disabled) {
  color: var(--kskin-accent) !important;
}

.cart-page .cart-page__qty-input {
  color: var(--kskin-text-primary) !important;
  background: transparent !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

@media only screen and (max-width: 767px) {
  .cart-page .cart-page__item-qty::before {
    color: var(--kskin-text-primary) !important;
    font-family: "Lato", Arial, sans-serif !important;
  }
}


/* ------------------------------------------------------------
   ELIMINAR PRODUCTO
   ------------------------------------------------------------ */

.cart-page .cart-page__remove {
  background: var(--kskin-bg-soft) !important;
  color: var(--kskin-accent) !important;
  border: 1px solid rgba(211, 59, 52, 0.18) !important;
}

.cart-page .cart-page__remove:hover {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 5px 14px rgba(211, 59, 52, 0.18);
}


/* ------------------------------------------------------------
   ACCIONES — CONTINUE SHOPPING / UPDATE CART
   ------------------------------------------------------------ */

.cart-page .cart-page__continue-shopping {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page .cart-page__continue-shopping:hover {
  color: var(--kskin-accent) !important;
}

.cart-page .cart-page__continue-shopping i {
  color: currentColor !important;
}


/* Update cart */

.cart-page #cart-update-btn {
  background: var(--kskin-card) !important;
  color: var(--kskin-text-primary) !important;
  border: 1px solid var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page #cart-update-btn .text {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page #cart-update-btn .icon {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
}

.cart-page #cart-update-btn .icon svg path {
  stroke: var(--kskin-white) !important;
}

.cart-page #cart-update-btn:hover {
  background: var(--kskin-accent) !important;
  border-color: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  box-shadow: 0 7px 18px rgba(211, 59, 52, 0.20);
}

.cart-page #cart-update-btn:hover .text {
  color: var(--kskin-white) !important;
}

.cart-page #cart-update-btn:hover .icon {
  background: var(--kskin-white) !important;
}

.cart-page #cart-update-btn:hover .icon svg path {
  stroke: var(--kskin-accent) !important;
}


/* ------------------------------------------------------------
   CUPÓN
   ------------------------------------------------------------ */

.cart-page .cart-page__coupon {
  background: var(--kskin-surface) !important;
  border: 1px solid var(--kskin-border-soft);
  border-radius: 14px;
  box-shadow: var(--kskin-shadow-sm);
}

.cart-page .cart-page__coupon-title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.cart-page .cart-page__coupon-text {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page .cart-page__coupon-input {
  background: var(--kskin-card) !important;
  color: var(--kskin-text-primary) !important;
  border: 1px solid var(--kskin-border) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page .cart-page__coupon-input::placeholder {
  color: var(--kskin-text-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page .cart-page__coupon-input:focus {
  border-color: var(--kskin-accent) !important;
  box-shadow: 0 0 0 3px rgba(211, 59, 52, 0.10) !important;
}


/* Apply Coupon */

.cart-page #cart-coupon-btn {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  border-color: var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page #cart-coupon-btn .text {
  color: var(--kskin-white) !important;
}

.cart-page #cart-coupon-btn .icon {
  background: var(--kskin-white) !important;
}

.cart-page #cart-coupon-btn .icon svg path {
  stroke: var(--kskin-accent) !important;
}

.cart-page #cart-coupon-btn:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
  box-shadow: 0 7px 18px rgba(211, 59, 52, 0.22);
}

.cart-page #cart-coupon-btn:hover .icon svg path {
  stroke: var(--kskin-accent-hover) !important;
}


/* ------------------------------------------------------------
   CART TOTALS
   ------------------------------------------------------------ */

.cart-page .cart-page__totals-title {
  color: var(--kskin-text-primary) !important;
  font-family: "Lato", Arial, sans-serif !important;
}

.cart-page .cart-page__totals-card {
  background: var(--kskin-surface) !important;
  border: 1px solid var(--kskin-border-soft);
  border-radius: 14px;
  box-shadow: var(--kskin-shadow-sm);
}

.cart-page .cart-page__totals-row {
  border-bottom-color: var(--kskin-border) !important;
}

.cart-page .cart-page__totals-label {
  color: var(--kskin-text-primary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 700;
}

.cart-page .cart-page__totals-value {
  color: var(--kskin-text-secondary) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

.cart-page .cart-page__totals-value--muted {
  color: var(--kskin-text-muted) !important;
}

.cart-page .cart-page__totals-value--highlight {
  color: var(--kskin-accent) !important;
  font-weight: 700;
}


/* Proceed to Checkout */

.cart-page .cart-page__checkout-btn {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  border: 1px solid var(--kskin-accent) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  box-shadow: 0 7px 18px rgba(211, 59, 52, 0.16);
}

.cart-page .cart-page__checkout-btn i {
  color: var(--kskin-white) !important;
}

.cart-page .cart-page__checkout-btn:hover {
  background: var(--kskin-accent-hover) !important;
  border-color: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
  box-shadow: 0 9px 22px rgba(211, 59, 52, 0.22) !important;
}


/* ------------------------------------------------------------
   RESPONSIVE CART
   ------------------------------------------------------------ */

@media only screen and (max-width: 991px) {

  .cart-page .cart-page__table,
  .cart-page .cart-page__coupon,
  .cart-page .cart-page__totals-card {
    border-radius: 12px;
  }
}

@media (max-width: 575px) {

  .cart-page .cart-page__table,
  .cart-page .cart-page__coupon,
  .cart-page .cart-page__totals-card {
    border-radius: 10px;
  }
}

/* ============================================================
   22. CART — FIX CONTROLES DE CANTIDAD
   Elimina los fondos rosas heredados de style.css.
   ============================================================ */

.cart-page .cart-page__qty-btn,
.cart-page .cart-page__qty-btn--minus,
.cart-page .cart-page__qty-btn--plus {
  background: var(--kskin-bg-soft) !important;
  color: var(--kskin-text-primary) !important;
  border: 1px solid rgba(211, 59, 52, 0.10) !important;
  box-shadow: none !important;
}

.cart-page .cart-page__qty-btn:hover,
.cart-page .cart-page__qty-btn--minus:hover,
.cart-page .cart-page__qty-btn--plus:hover {
  background: var(--kskin-accent) !important;
  color: var(--kskin-white) !important;
  border-color: var(--kskin-accent) !important;
}

.cart-page .cart-page__qty-btn:active,
.cart-page .cart-page__qty-btn--minus:active,
.cart-page .cart-page__qty-btn--plus:active {
  background: var(--kskin-accent-hover) !important;
  color: var(--kskin-white) !important;
  border-color: var(--kskin-accent-hover) !important;
}