/* ==========================================================================
   Clean and Shine — sistema de diseño
   Base: maqueta servicios.html. Paleta balanceada: el negro ancla (hero,
   niveles, CTA, footer) y el claro respira (intro, comparativa, marcas,
   producto, FAQ). El dorado es el único acento y funciona en ambos fondos.

   Cómo funciona
   -------------
   Cada bloque se envuelve en .cas-seccion + un modificador de tono:
     .cas--oscuro   negro profundo
     .cas--hueso    hueso cálido
     .cas--claro    blanco
   El modificador redefine las variables locales (--fondo, --texto, --sup...)
   y TODOS los componentes de adentro se adaptan solos. Un mismo componente
   se ve bien en negro o en blanco sin escribir variantes.
   ========================================================================== */

:root{
  /* marca */
  --cas-oro:#CC9B12;
  --cas-oro-claro:#E8BC3E;
  --cas-oro-oscuro:#A87D08;

  /* oscuros */
  --cas-negro:#0A0A0B;
  --cas-negro-2:#121215;
  --cas-superficie-o:#17171B;
  --cas-borde-o:#26262C;
  --cas-texto-o:#F5F5F3;
  --cas-texto2-o:#9C9CA3;

  /* claros */
  --cas-hueso:#F4F2ED;
  --cas-blanco:#FFFFFF;
  --cas-superficie-c:#FAF9F6;
  --cas-borde-c:#E3DFD6;
  --cas-texto-c:#141417;
  --cas-texto2-c:#5E5E68;

  /* tipografía */
  --cas-display:'Anton',Impact,'Arial Narrow',sans-serif;
  --cas-cuerpo:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;

  /* ritmo */
  --cas-ancho:1240px;
  --cas-pad:32px;
}

/* --------------------------------------------------------------------------
   Tonos de sección
   -------------------------------------------------------------------------- */
.cas-seccion{
  --fondo:var(--cas-blanco);
  --texto:var(--cas-texto-c);
  --texto-2:var(--cas-texto2-c);
  --sup:var(--cas-superficie-c);
  --borde:var(--cas-borde-c);
  --sombra:0 1px 3px rgba(20,20,23,.06),0 8px 24px rgba(20,20,23,.05);
  background:var(--fondo);
  color:var(--texto);
  font-family:var(--cas-cuerpo);
  font-size:17px;
  line-height:1.6;
  padding:96px 0;
  position:relative;
}
.cas-seccion.cas--oscuro{
  --fondo:var(--cas-negro);
  --texto:var(--cas-texto-o);
  --texto-2:var(--cas-texto2-o);
  --sup:var(--cas-superficie-o);
  --borde:var(--cas-borde-o);
  --sombra:none;
}
.cas-seccion.cas--negro-2{
  --fondo:var(--cas-negro-2);
  --texto:var(--cas-texto-o);
  --texto-2:var(--cas-texto2-o);
  --sup:var(--cas-superficie-o);
  --borde:var(--cas-borde-o);
  --sombra:none;
}
.cas-seccion.cas--hueso{
  --fondo:var(--cas-hueso);
  --sup:var(--cas-blanco);
}
.cas-seccion.cas--compacta{padding:64px 0}
.cas-seccion.cas--sin-tope{padding-top:0}
.cas-seccion.cas--sin-base{padding-bottom:0}

/* costura dorada entre un bloque oscuro y uno claro */
.cas-seccion.cas--costura::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--cas-oro) 0%,var(--cas-oro-claro) 50%,var(--cas-oro) 100%);
}

.cas-wrap{width:100%;max-width:var(--cas-ancho);margin:0 auto;padding:0 var(--cas-pad)}
.cas-wrap--angosto{max-width:860px}

/* --------------------------------------------------------------------------
   Tipografía
   -------------------------------------------------------------------------- */
.cas-seccion img{max-width:100%;height:auto;display:block}
.cas-seccion a{color:inherit;text-decoration:none}

.cas-eyebrow{
  font-family:var(--cas-cuerpo);
  font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:var(--cas-oro);margin:0 0 16px 0;
}
.cas-seccion .cas-titulo{
  font-family:var(--cas-display);
  font-size:clamp(34px,4.4vw,52px);
  line-height:1.02;letter-spacing:.5px;text-transform:uppercase;
  margin:0 0 20px 0;color:var(--texto);font-weight:400;
}
.cas-seccion .cas-titulo--xl{font-size:clamp(40px,6.4vw,76px)}
.cas-seccion .cas-titulo--sm{font-size:clamp(24px,2.6vw,32px)}
.cas-titulo .cas-oro{color:var(--cas-oro)}
.cas-parrafo{font-size:18px;color:var(--texto-2);margin:0;max-width:640px}
.cas-parrafo--centro{margin-left:auto;margin-right:auto;text-align:center}
.cas-encabezado--centro{text-align:center;margin-bottom:56px}
.cas-encabezado--centro .cas-parrafo{margin-left:auto;margin-right:auto}

/* --------------------------------------------------------------------------
   Botones y pastillas
   -------------------------------------------------------------------------- */
.cas-boton-oro,.cas-boton-linea{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:17px 34px;font-family:var(--cas-cuerpo);
  font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  border-radius:4px;border:1px solid transparent;cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
  text-align:center;
}
.cas-boton-oro{background:var(--cas-oro);color:#0A0A0B}
.cas-boton-oro:hover,.cas-boton-oro:focus-visible{background:var(--cas-oro-claro);color:#0A0A0B}
.cas-boton-linea{background:transparent;color:var(--texto);border-color:var(--borde)}
.cas-boton-linea:hover,.cas-boton-linea:focus-visible{border-color:var(--cas-oro);color:var(--cas-oro)}
.cas-botonera{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

.cas-pastilla{
  display:inline-flex;align-items:center;gap:8px;padding:7px 16px;
  border:1px solid var(--cas-oro);border-radius:100px;
  font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--cas-oro);
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
.cas-hero{
  position:relative;min-height:clamp(460px,62vh,640px);
  display:flex;align-items:center;
  background-color:var(--cas-negro);background-size:cover;background-position:center;
  color:var(--cas-texto-o);font-family:var(--cas-cuerpo);
  padding:80px 0;
}
.cas-hero__contenido{max-width:720px;position:relative;z-index:2}
.cas-hero .cas-titulo{color:var(--cas-texto-o)}
.cas-hero .cas-parrafo{color:#D5D5D9;font-size:19px;margin-top:22px}

/* --------------------------------------------------------------------------
   Anclas de nivel
   -------------------------------------------------------------------------- */
.cas-anclas{border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);background:var(--fondo)}
.cas-anclas__lista{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 auto;max-width:var(--cas-ancho)}
.cas-anclas__lista::-webkit-scrollbar{display:none}
.cas-ancla{
  flex:1 0 auto;display:flex;align-items:center;gap:12px;
  padding:22px 26px;border-right:1px solid var(--borde);
  font-size:14px;font-weight:600;color:var(--texto-2);white-space:nowrap;
  transition:color .2s ease,background .2s ease;
}
.cas-ancla:last-child{border-right:0}
.cas-ancla:hover{color:var(--texto);background:var(--sup)}
.cas-ancla__num{font-family:var(--cas-display);font-size:20px;color:var(--cas-oro);line-height:1}

/* --------------------------------------------------------------------------
   Métricas
   -------------------------------------------------------------------------- */
.cas-metricas{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px}
.cas-metrica{padding:28px;background:var(--sup);border:1px solid var(--borde);border-radius:6px;box-shadow:var(--sombra)}
.cas-metrica__dato{font-family:var(--cas-display);font-size:36px;line-height:1.05;color:var(--cas-oro);margin-bottom:10px}
.cas-metrica__texto{font-size:15px;color:var(--texto-2);margin:0}

/* --------------------------------------------------------------------------
   Niveles de servicio
   -------------------------------------------------------------------------- */
.cas-nivel{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:0;border:1px solid var(--borde);border-radius:8px;overflow:hidden;
  background:var(--sup);margin-bottom:32px;box-shadow:var(--sombra);
}
.cas-nivel:last-child{margin-bottom:0}
.cas-nivel--invertido .cas-nivel__foto{order:2}
.cas-nivel__foto{min-height:340px;background-size:cover;background-position:center;background-color:var(--cas-negro-2)}
.cas-nivel__cuerpo{padding:44px}
.cas-nivel__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.cas-nivel__num{font-family:var(--cas-display);font-size:14px;letter-spacing:2px;color:var(--texto-2);text-transform:uppercase}
.cas-nivel__nombre{font-family:var(--cas-display);font-size:clamp(26px,3vw,36px);line-height:1.05;text-transform:uppercase;margin:0 0 14px 0;color:var(--texto);font-weight:400}
.cas-nivel__intro{color:var(--texto-2);margin:0 0 28px 0}
.cas-nivel__grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px 32px;margin-bottom:32px}
.cas-nivel__grupo-titulo{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cas-oro);margin:0 0 12px 0}
.cas-lista{list-style:none;margin:0;padding:0}
.cas-lista li{position:relative;padding-left:24px;margin-bottom:9px;font-size:15px;color:var(--texto)}
.cas-lista li::before{
  content:"";position:absolute;left:0;top:8px;width:9px;height:9px;
  border-right:2px solid var(--cas-oro);border-bottom:2px solid var(--cas-oro);
  transform:rotate(45deg);
}
.cas-nivel__pie{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--borde);padding-top:26px}
.cas-nivel__precio-label{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--texto-2);margin:0 0 6px 0}
.cas-nivel__precio{font-family:var(--cas-display);font-size:34px;line-height:1;color:var(--texto);margin:0}
.cas-nivel__nota{font-size:13px;color:var(--texto-2);margin:8px 0 0 0}

/* --------------------------------------------------------------------------
   Tabla comparativa
   -------------------------------------------------------------------------- */
.cas-tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--borde);border-radius:8px;background:var(--sup);box-shadow:var(--sombra)}
.cas-tabla{width:100%;border-collapse:collapse;min-width:820px;font-size:15px}
.cas-tabla th,.cas-tabla td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--borde)}
.cas-tabla thead th{
  background:var(--fondo);font-family:var(--cas-cuerpo);font-size:12px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--texto);
  position:sticky;top:0;border-bottom:2px solid var(--cas-oro);
}
.cas-tabla thead th span{display:block;font-family:var(--cas-display);font-size:18px;color:var(--cas-oro);letter-spacing:1px;margin-bottom:4px}
.cas-tabla tbody th{text-align:left;font-weight:600;color:var(--texto);white-space:nowrap}
.cas-tabla tbody tr:last-child th,.cas-tabla tbody tr:last-child td{border-bottom:0}
.cas-tabla tbody tr:nth-child(even){background:rgba(128,128,128,.06)}
.cas-tabla .cas-si{color:var(--cas-oro);font-weight:700;font-size:17px}
.cas-tabla .cas-no{color:var(--texto-2);opacity:.5}
.cas-tabla-nota{font-size:14px;color:var(--texto-2);margin:16px 0 0 0;text-align:center}

/* --------------------------------------------------------------------------
   Marcas
   -------------------------------------------------------------------------- */
.cas-marcas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cas-marca{
  display:flex;align-items:center;justify-content:center;
  min-height:130px;padding:26px;background:var(--sup);
  border:1px solid var(--borde);border-radius:6px;box-shadow:var(--sombra);
  transition:border-color .2s ease,transform .2s ease;
}
.cas-marca:hover{border-color:var(--cas-oro);transform:translateY(-2px)}
.cas-marca img{max-height:62px;width:auto;object-fit:contain}
.cas-marca--simbolo img{max-height:78px}
/* en fondo oscuro los logos negros se pierden: la tarjeta se vuelve blanca */
.cas--oscuro .cas-marca,.cas--negro-2 .cas-marca{background:#FFFFFF;border-color:transparent}

/* --------------------------------------------------------------------------
   FAQ
   -------------------------------------------------------------------------- */
.cas-faq-lista{border-top:1px solid var(--borde)}
.cas-faq-item{border-bottom:1px solid var(--borde)}
.cas-faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:24px 0;cursor:pointer;list-style:none;
  font-size:18px;font-weight:600;color:var(--texto);
}
.cas-faq-item summary::-webkit-details-marker{display:none}
.cas-faq-item summary::after{
  content:"";flex:0 0 auto;width:11px;height:11px;
  border-right:2px solid var(--cas-oro);border-bottom:2px solid var(--cas-oro);
  transform:rotate(45deg);transition:transform .2s ease;margin-right:6px;
}
.cas-faq-item[open] summary::after{transform:rotate(-135deg)}
.cas-faq-item summary:hover{color:var(--cas-oro)}
.cas-faq-item p{margin:0 0 24px 0;color:var(--texto-2);max-width:820px}

/* --------------------------------------------------------------------------
   CTA con foto
   -------------------------------------------------------------------------- */
.cas-cta{
  background-color:var(--cas-negro);background-size:cover;background-position:center;
  color:var(--cas-texto-o);text-align:center;padding:104px 0;font-family:var(--cas-cuerpo);
}
.cas-cta .cas-titulo{color:var(--cas-texto-o);max-width:820px;margin-left:auto;margin-right:auto}
.cas-cta .cas-parrafo{color:#D5D5D9;margin:0 auto;text-align:center}
.cas-cta .cas-botonera{justify-content:center}

/* --------------------------------------------------------------------------
   Tarjetas genéricas (pasos, valores, contacto)
   -------------------------------------------------------------------------- */
.cas-grid{display:grid;gap:24px}
.cas-grid--2{grid-template-columns:repeat(2,1fr)}
.cas-grid--3{grid-template-columns:repeat(3,1fr)}
.cas-grid--4{grid-template-columns:repeat(4,1fr)}
.cas-tarjeta{
  padding:32px;background:var(--sup);border:1px solid var(--borde);
  border-radius:8px;box-shadow:var(--sombra);
}
.cas-tarjeta__icono{
  width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid var(--cas-oro);color:var(--cas-oro);
  font-family:var(--cas-display);font-size:18px;margin-bottom:18px;
}
.cas-tarjeta h3{font-family:var(--cas-display);font-size:22px;text-transform:uppercase;margin:0 0 10px 0;color:var(--texto);font-weight:400;letter-spacing:.5px}
.cas-tarjeta p{margin:0;color:var(--texto-2);font-size:15px}
.cas-tarjeta a{color:var(--cas-oro)}
.cas-tarjeta a:hover{text-decoration:underline}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1024px){
  :root{--cas-pad:24px}
  .cas-seccion{padding:72px 0}
  .cas-nivel{grid-template-columns:1fr}
  .cas-nivel--invertido .cas-nivel__foto{order:0}
  .cas-nivel__foto{min-height:260px}
  .cas-nivel__cuerpo{padding:32px}
  .cas-marcas-grid{grid-template-columns:repeat(3,1fr)}
  .cas-grid--4{grid-template-columns:repeat(2,1fr)}
  .cas-metricas{grid-template-columns:1fr;gap:16px}
}
@media (max-width:767px){
  :root{--cas-pad:18px}
  .cas-seccion{padding:56px 0;font-size:16px}
  .cas-hero{min-height:auto;padding:64px 0}
  .cas-nivel__cuerpo{padding:26px}
  .cas-nivel__grupos{grid-template-columns:1fr;gap:20px}
  .cas-marcas-grid{grid-template-columns:repeat(2,1fr)}
  .cas-grid--2,.cas-grid--3,.cas-grid--4{grid-template-columns:1fr}
  .cas-botonera{flex-direction:column;align-items:stretch}
  .cas-boton-oro,.cas-boton-linea{width:100%}
  .cas-cta{padding:72px 0}
  .cas-encabezado--centro{margin-bottom:36px}
  .cas-faq-item summary{font-size:16px;padding:20px 0}
}

/* accesibilidad: foco visible sobre cualquier fondo */
.cas-seccion a:focus-visible,.cas-hero a:focus-visible,.cas-cta a:focus-visible,
.cas-faq-item summary:focus-visible{
  outline:2px solid var(--cas-oro);outline-offset:3px;border-radius:3px;
}
@media (prefers-reduced-motion:reduce){
  .cas-seccion *,.cas-hero *,.cas-cta *{transition:none!important;animation:none!important}
}

/* --------------------------------------------------------------------------
   Páginas construidas solo con secciones: sin el encajonado del tema
   -------------------------------------------------------------------------- */
.cas-pagina-secciones .main-page-wrapper{padding-top:0!important;padding-bottom:0!important}
.cas-pagina-secciones .site-content{margin-bottom:0!important}
.cas-pagina-secciones .site-content > .container{max-width:100%;padding-left:0;padding-right:0;width:100%}

/* --------------------------------------------------------------------------
   Encabezado suelto: se usa arriba de los grids y carruseles de Woodmart,
   dentro de un contenedor de Elementor que lleva las clases de tono.
   -------------------------------------------------------------------------- */
.cas-encabezado{margin-bottom:48px}
.cas-encabezado .cas-titulo{
  font-family:var(--cas-display);
  font-size:clamp(34px,4.4vw,52px);line-height:1.02;letter-spacing:.5px;
  text-transform:uppercase;margin:0 0 20px 0;color:var(--texto,var(--cas-texto-c));font-weight:400;
}
.cas-encabezado--centro{text-align:center}
.cas-encabezado--centro .cas-parrafo{margin-left:auto;margin-right:auto}

/* Contenedores de Elementor que adoptan un tono del sistema.
   Se les pone la clase cas-seccion + cas--tono en "Avanzado > Clases CSS". */
.elementor-element.cas-seccion{padding:96px 0}
.elementor-element.cas-seccion > .e-con-inner{max-width:var(--cas-ancho);margin:0 auto;padding:0 var(--cas-pad)}
@media (max-width:767px){
  .elementor-element.cas-seccion{padding:56px 0}
  .cas-encabezado{margin-bottom:32px}
}

/* Los productos de Woodmart dentro de una sección del sistema:
   solo se alinea la tipografía, el resto lo sigue manejando el tema. */
.cas-seccion .wd-product .wd-entities-title{font-family:var(--cas-cuerpo);font-weight:600}
.cas-seccion .wd-product .price{font-family:var(--cas-cuerpo);font-weight:700}

/* --------------------------------------------------------------------------
   Pie de página
   Va dentro del bloque HTML que Woodmart usa como footer. Siempre oscuro:
   es el cierre de la página y ancla la identidad.
   -------------------------------------------------------------------------- */
.cas-pie{
  --texto:var(--cas-texto-o);
  --texto-2:var(--cas-texto2-o);
  --borde:var(--cas-borde-o);
  background:var(--cas-negro);color:var(--texto);
  font-family:var(--cas-cuerpo);font-size:16px;line-height:1.6;
  padding:72px 0 0;
}
.cas-pie a{color:var(--texto-2);text-decoration:none;transition:color .15s ease}
.cas-pie a:hover{color:var(--cas-oro)}
.cas-pie__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:56px}
.cas-pie__logo{width:120px;height:auto;margin-bottom:20px}
.cas-pie__texto{color:var(--texto-2);font-size:15px;margin:0 0 20px;max-width:320px}
.cas-pie__redes{display:flex;gap:18px;flex-wrap:wrap}
.cas-pie__redes a{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cas-oro)}
.cas-pie__redes a:hover{color:var(--cas-oro-claro)}
.cas-pie__col h3{
  font-family:var(--cas-display);font-size:16px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--texto);margin:0 0 18px;font-weight:400;
}
.cas-pie__col ul{list-style:none;margin:0;padding:0}
.cas-pie__col li{margin-bottom:10px;font-size:15px;color:var(--texto-2)}
.cas-pie__col li strong{color:var(--cas-oro)}
.cas-pie__barra{
  border-top:1px solid var(--borde);padding:26px 0;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  font-size:14px;color:var(--texto-2);
}
.cas-pie__barra p{margin:0}
.cas-pie__valores{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cas-oro);opacity:.8}
@media (max-width:1024px){
  .cas-pie__grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:767px){
  .cas-pie{padding-top:52px}
  .cas-pie__grid{grid-template-columns:1fr;gap:32px;padding-bottom:36px}
  .cas-pie__barra{flex-direction:column;align-items:flex-start;text-align:left}
}

/* ==========================================================================
   TIENDA
   La tienda la sigue manejando Woodmart: grids, carruseles, filtros, carrito
   y checkout son suyos. Aquí solo se alinea la identidad — tipografía de
   títulos, el dorado como color de acción y los botones — para que al pasar
   de Servicios a Tienda no se sienta otro sitio.
   ========================================================================== */

/* Títulos de archivo y de producto en la display del sistema */
.woocommerce .wd-page-title .entry-title,
.woocommerce-page .wd-page-title .entry-title,
.single-product .product_title,
.woocommerce .wd-el-title,
.wd-products-title{
  font-family:var(--cas-display)!important;
  text-transform:uppercase;letter-spacing:.5px;font-weight:400;
}

/* Precio y acciones en dorado */
.woocommerce .price,
.woocommerce .price ins,
.woocommerce-page .price{color:var(--cas-texto-c);font-weight:700}
.woocommerce .price del{color:var(--cas-texto2-c);font-weight:400}
.woocommerce span.onsale,
.wd-product-labels .product-label.onsale{background:var(--cas-oro);color:#0A0A0B}
.wd-product-labels .product-label.new{background:#141417;color:#fff}

/* Botones: el mismo lenguaje que los botones del sistema */
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce #place_order,
.wd-buy-now-btn{
  background-color:var(--cas-oro)!important;
  color:#0A0A0B!important;
  font-weight:700!important;letter-spacing:1.2px;text-transform:uppercase;
  border-radius:4px!important;
}
.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce #place_order:hover{background-color:var(--cas-oro-claro)!important;color:#0A0A0B!important}

/* Enlaces y acentos del catálogo */
.woocommerce a:hover .wd-entities-title,
.wd-product .wd-entities-title a:hover,
.wd-cat .wd-entities-title a:hover{color:var(--cas-oro)}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--cas-oro)}

/* Avisos de tienda con el dorado en lugar del morado del tema */
.woocommerce-message,
.woocommerce-info{border-top-color:var(--cas-oro)}
.woocommerce-message::before,
.woocommerce-info::before{color:var(--cas-oro)}

/* Formularios de carrito y checkout con el mismo trato que el de citas */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-cart .coupon input{
  border-radius:5px;font-family:var(--cas-cuerpo);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
  border-color:var(--cas-oro);box-shadow:0 0 0 3px rgba(204,155,18,.18);
}