.elementor-kit-11{--e-global-color-primary:#7E4642;--e-global-color-secondary:#BA7D78;--e-global-color-text:#4F392C;--e-global-color-accent:#7E4642;--e-global-color-taupe:#C1AFA1;--e-global-color-taupeclaro:#DCCFC6;--e-global-color-marfil:#F5EDE8;--e-global-color-tenue:#523C32;--e-global-color-tinta:#241A15;--e-global-color-brillo:#C6998C;--e-global-typography-primary-font-family:"Bodoni Moda";--e-global-typography-primary-font-size:44px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:-0.3px;--e-global-typography-secondary-font-family:"Bodoni Moda";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Instrument Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-size:11.5px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:2.1px;background-color:#C1AFA1;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:#7E4642;font-family:"Instrument Sans", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;color:#F5EDE8;border-radius:999px 999px 999px 999px;padding:14px 28px 14px 28px;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:#7E4642;}.elementor-kit-11 a:hover{color:#241A15;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{color:#F5EDE8;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-primary-font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Modas Cristy — acabado de la maqueta sobre WooCommerce.
   Los colores repiten los globales del kit a propósito: aquí hacen falta
   como variables para bordes y sombras, que Elementor no expone. */

:root{
  --taupe:#C1AFA1; --taupeclaro:#DCCFC6; --marfil:#F5EDE8;
  --oro:#BA7D78; --brillo:#C6998C; --vino:#7E4642;
  --cacao:#4F392C; --tinta:#241A15; --tenue:#523C32;
  --linea:rgba(79,57,44,.22);
  --luz:rgba(255,255,255,.55); --sombra:rgba(79,57,44,.35);
}

body{background:var(--taupe);color:var(--cacao)}

/* El único dispositivo de «esto es de ejemplo»: filete de puntos en oro rosa
   bajo lo inventado. El oro rosa nunca es el color de la letra. */
.sw-pte{border-bottom:1px dotted var(--oro);padding-bottom:1px}

/* Filete de la maqueta: una línea de luz sobre una de sombra. */
.sw-cabecera{position:relative}
.sw-cabecera::after,
.sw-pie::before{
  content:"";position:absolute;left:0;right:0;height:2px;
  background:linear-gradient(var(--luz) 0 1px, var(--sombra) 1px 2px);
}
.sw-cabecera::after{bottom:0}
.sw-pie{position:relative;margin-top:clamp(30px,5vw,64px)}
.sw-pie::before{top:0}

/* Insignia del directo. */
.sw-badge{
  display:inline-flex;align-items:center;gap:7px;
  font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--vino);
  padding:5px 14px;border-radius:999px;box-shadow:0 0 0 1px currentColor inset;margin:0;
}

/* Menú y cesta. Con !important porque el widget imprime la tipografía global
   de titulares por defecto y el menú salía en Bodoni de 44 px. */
.sw-nav .elementor-nav-menu a{
  font-family:"Instrument Sans",sans-serif!important;font-size:13.5px!important;
  font-weight:500!important;letter-spacing:.02em!important;
  color:var(--cacao)!important;padding:6px 0!important;
}
.sw-nav .elementor-nav-menu a:hover,
.sw-nav .elementor-nav-menu a.elementor-item-active{color:var(--vino)!important}
.sw-nav .elementor-menu-cart__toggle .elementor-button{
  font-family:"Instrument Sans",sans-serif!important;font-size:13px!important;
  font-weight:600!important;color:var(--cacao)!important;
  background:transparent!important;border:0;padding:6px 0!important;
}
.sw-nav .elementor-menu-cart__toggle .elementor-button:hover{color:var(--vino)!important}
.sw-nav .elementor-menu-cart__toggle .elementor-button-icon{font-size:19px}

/* Hero: el logotipo es un JPEG con su fondo dentro, así que se recorta como
   una lámina y se le da sombra en vez de dejarlo flotar. */
.sw-hero-logo{max-width:420px;margin-left:auto}
.sw-hero-logo img{
  border-radius:2px;display:block;width:100%;height:auto;
  box-shadow:0 1px 0 var(--luz) inset,0 20px 46px rgba(36,26,21,.24);
}
.sw-hero .elementor-button{border-radius:999px;padding:14px 28px}

/* Pasos: van numerados porque el orden es la información. Van pegados con
   dos píxeles de junta y una sola sombra debajo, como en la maqueta. */
.sw-pasos{box-shadow:0 8px 26px rgba(36,26,21,.14)}
.sw-pasos > .e-con,.sw-pasos > .e-child{flex:1 1 0;min-width:230px}

/* ── Rejilla de producto ─────────────────────────────────────── */
/* La rejilla la pone Elementor (.elementor-grid). Forzar aquí un display:grid
   propio descolocaba las tarjetas en móvil: la tercera se montaba encima de la
   sección siguiente. Aquí solo se le dan aire y aspecto a la tarjeta. */
.woocommerce ul.products{margin:0}
.elementor-grid{gap:18px}

.woocommerce ul.products li.product{
  background:var(--marfil);border-radius:2px;overflow:hidden;width:auto!important;
  margin:0!important;float:none!important;text-align:left;padding:0 0 20px;
  box-shadow:0 1px 0 var(--luz) inset,0 6px 18px rgba(36,26,21,.10);
  transition:transform .18s ease,box-shadow .18s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 1px 0 var(--luz) inset,0 14px 30px rgba(36,26,21,.18);
}
.woocommerce ul.products li.product a img{margin:0 0 14px;aspect-ratio:3/4;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:"Instrument Sans",sans-serif;font-size:15px;font-weight:500;
  line-height:1.35;color:var(--cacao);padding:0 18px;margin:0 0 5px;
}
.woocommerce ul.products li.product .price{
  font-family:"Bodoni Moda",serif;font-size:26px;line-height:1.1;
  color:var(--cacao);padding:0 18px;display:block;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{
  margin:12px 18px 0;border-radius:999px;font-family:"Instrument Sans",sans-serif;
  font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  background:var(--vino);color:var(--marfil);padding:11px 20px;display:inline-block;
}
.woocommerce ul.products li.product .button:hover{background:#5F3431;color:var(--marfil)}

/* El símbolo del euro siempre en Instrument, aunque la cifra sea Bodoni:
   el € de la Bodoni desentona con el resto de la cifra. */
.woocommerce-Price-currencySymbol{
  font-family:"Instrument Sans",sans-serif;font-size:.6em;font-weight:500;
  vertical-align:.14em;margin-left:.14em;letter-spacing:0;
}

/* ── Tienda ──────────────────────────────────────────────────── */
.sw-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
.sw-chip{
  font-family:"Instrument Sans",sans-serif!important;font-size:13px!important;
  font-weight:500!important;color:var(--cacao)!important;border-radius:999px;
  padding:8px 16px;text-decoration:none!important;
  box-shadow:0 0 0 1px var(--tenue) inset!important;transition:all .15s ease;
}
.sw-chip:hover{box-shadow:0 0 0 1px var(--vino) inset!important;color:var(--vino)!important}
.sw-chip-n{color:var(--tenue);font-size:11.5px}
.sw-chip:hover .sw-chip-n{color:var(--vino)}

.woocommerce .woocommerce-breadcrumb{font-size:12.5px;color:var(--tenue);margin:0 0 4px}
.woocommerce .woocommerce-breadcrumb a{color:var(--vino)}
.woocommerce .woocommerce-result-count{font-size:13px;color:var(--tenue)}
.woocommerce .woocommerce-ordering select{
  font-family:"Instrument Sans",sans-serif;font-size:13.5px;color:var(--cacao);
  background:transparent;border:0;border-bottom:1px solid var(--tenue);padding:6px 2px;
}
.woocommerce nav.woocommerce-pagination ul{border:0;gap:6px;display:flex;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  font-family:"Instrument Sans",sans-serif;font-size:14px;min-width:40px;height:40px;
  line-height:40px;border-radius:999px;box-shadow:0 0 0 1px var(--linea) inset;padding:0;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--vino);color:var(--marfil);box-shadow:none;
}

/* ── Ficha ───────────────────────────────────────────────────── */
.sw-galeria .woocommerce-product-gallery__image img{border-radius:2px}
.sw-ficha-datos .price{font-family:"Bodoni Moda",serif}
.sw-menudo{font-size:12.5px;color:var(--tenue);margin:0}
.sw-ficha-datos .quantity input{
  font-family:"Instrument Sans",sans-serif;border:1px solid var(--linea);
  background:var(--marfil);border-radius:2px;padding:10px;
}
.sw-ficha-datos .single_add_to_cart_button{
  border-radius:999px!important;font-family:"Instrument Sans",sans-serif!important;
  font-size:13px!important;font-weight:600!important;letter-spacing:.08em!important;
  text-transform:uppercase!important;background:var(--vino)!important;
  color:var(--marfil)!important;padding:15px 30px!important;
}
.sw-ficha-datos .single_add_to_cart_button:hover{background:#5F3431!important}

/* Encabezado de «También te puede gustar». */
.elementor-widget-woocommerce-product-related .products > h2{
  font-family:"Instrument Sans",sans-serif!important;font-size:11.5px!important;
  font-weight:600!important;letter-spacing:2.1px!important;text-transform:uppercase!important;
  color:var(--tenue)!important;margin:0 0 16px!important;
}
.shop_attributes{width:100%;border-collapse:collapse;font-size:14.5px}
.shop_attributes th,.shop_attributes td{
  text-align:left;padding:11px 0;border-bottom:1px solid var(--linea);
  vertical-align:top;background:transparent;
}
.shop_attributes th{
  font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tenue);width:38%;font-family:"Instrument Sans",sans-serif;
}
.shop_attributes td p{margin:0}
.woocommerce div.product .product_meta{font-size:12.5px;color:var(--tenue)}

/* ── Formulario ──────────────────────────────────────────────── */
.sw-panel{box-shadow:0 1px 0 var(--luz) inset,0 8px 24px rgba(36,26,21,.12);border-radius:2px}
.sw-panel .elementor-field-group label{
  font-family:"Instrument Sans",sans-serif;font-size:11.5px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--tenue);
}
.sw-panel .elementor-field-textual{
  font-family:"Instrument Sans",sans-serif!important;font-size:15px!important;
  color:var(--cacao)!important;background:transparent!important;
  border:0!important;border-bottom:1px solid var(--linea)!important;
  border-radius:0!important;padding:10px 2px!important;box-shadow:none!important;
}
.sw-panel .elementor-field-textual:focus{border-bottom-color:var(--vino)!important}
.sw-panel .elementor-field-textual::placeholder{color:rgba(82,60,50,.5)}
.sw-panel .elementor-button[type=submit]{
  border-radius:999px;background:var(--vino);color:var(--marfil);padding:14px 28px;
}

/* ── Fondo común ─────────────────────────────────────────────── */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  background:var(--marfil);border-top-color:var(--vino);color:var(--cacao);
}
a:focus-visible,button:focus-visible,
.elementor-button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--vino);outline-offset:3px;
}

/* Los widgets de producto de Elementor imprimen su propia tipografía con la
   global de titulares por defecto, y con más especificidad que lo de arriba:
   el nombre de la prenda salía en Bodoni de 44 px dentro de la tarjeta.
   El precio sí es Bodoni; el nombre, no. */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-archive-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-product-related ul.products li.product .woocommerce-loop-product__title{
  font-family:"Instrument Sans",sans-serif!important;
  font-size:15px!important;font-weight:500!important;line-height:1.35!important;
  color:var(--cacao)!important;padding:0 18px!important;margin:0 0 5px!important;
}
.elementor-widget-woocommerce-products ul.products li.product .price,
.elementor-widget-woocommerce-archive-products ul.products li.product .price,
.elementor-widget-woocommerce-product-related ul.products li.product .price{
  font-family:"Bodoni Moda",serif!important;font-size:26px!important;
  line-height:1.1!important;color:var(--cacao)!important;padding:0 18px!important;
}
.elementor-widget-woocommerce-products ul.products li.product .price .woocommerce-Price-currencySymbol,
.elementor-widget-woocommerce-archive-products ul.products li.product .price .woocommerce-Price-currencySymbol,
.elementor-widget-woocommerce-product-related ul.products li.product .price .woocommerce-Price-currencySymbol{
  font-family:"Instrument Sans",sans-serif!important;font-size:.6em!important;
  font-weight:500!important;vertical-align:.14em;
}

/* Título del listado y chip activo (vienen del mu-plugin cristy-tienda). */
.sw-titulo-tienda{
  font-family:"Bodoni Moda",serif;font-weight:400;font-size:44px;line-height:1.1;
  color:var(--cacao);margin:0;
}
@media (max-width:600px){.sw-titulo-tienda{font-size:31px}}
.sw-chip[aria-current=page]{
  background:var(--vino);color:var(--marfil)!important;box-shadow:none!important;
}
.sw-chip[aria-current=page] .sw-chip-n{color:var(--marfil)}

/* Rótulo de categoría sobre el nombre de la prenda. */
.sw-rotulo-cat{margin:0}
.sw-rotulo-cat a{
  font-family:"Instrument Sans",sans-serif;font-size:11.5px;font-weight:600;
  letter-spacing:2.1px;text-transform:uppercase;color:var(--tenue);text-decoration:none;
}
.sw-rotulo-cat a:hover{color:var(--vino)}

/* La tabla de datos va sola, sin el «Información adicional» de WooCommerce:
   el rótulo de cada fila ya dice lo que es. */
.sw-ficha-datos .elementor-widget-woocommerce-product-additional-information h2,
.sw-ficha-datos .woocommerce-additional-fields h2{display:none}

/* El contador de la cesta viene en rojo de serie y no pinta nada aquí. */
.sw-nav .elementor-button__product-count,
.sw-nav .elementor-menu-cart__toggle .elementor-button-icon [data-counter]{
  background:var(--vino)!important;color:var(--marfil)!important;
}
.elementor-menu-cart__product-name a{font-family:"Instrument Sans",sans-serif!important;font-size:15px!important}
.elementor-menu-cart__footer-buttons .elementor-button{border-radius:999px!important}

/* El menú salía con las tres entradas pegadas: «InicioTiendaContacto». */
.sw-nav .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child){margin-right:22px}

/* ── Páginas de WooCommerce sin plantilla de Elementor ────────────────
   Carrito, Mi cuenta y «Pedido recibido» son endpoints: no pasan por el
   Theme Builder, así que salían con la tipografía del navegador, el botón
   gris del sistema y el formulario flotando sobre el taupe. Aquí se les
   pone el mismo marco que al resto. */

.woocommerce-cart .site-main,
.woocommerce-account .site-main,
.woocommerce-checkout .site-main,
.woocommerce-order-received .site-main{
  max-width:1180px;margin:0 auto;padding:34px 22px 56px;
}
.woocommerce-cart .entry-title,
.woocommerce-account .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-order-received .entry-title{
  font-family:"Bodoni Moda",serif;font-weight:400;font-size:44px;line-height:1.1;
  color:var(--cacao);margin:0 0 22px;
}
@media (max-width:600px){
  .woocommerce-cart .entry-title,
  .woocommerce-account .entry-title,
  .woocommerce-checkout .entry-title,
  .woocommerce-order-received .entry-title{font-size:31px}
}
.woocommerce-cart .page-content h2,
.woocommerce-account .page-content h2,
.woocommerce-order-received .page-content h2,
.woocommerce-order-received .page-content h3{
  font-family:"Bodoni Moda",serif;font-weight:400;color:var(--cacao);
  font-size:26px;line-height:1.15;margin:0 0 14px;
}
.woocommerce-cart .page-content,
.woocommerce-account .page-content,
.woocommerce-order-received .page-content{
  font-family:"Instrument Sans",sans-serif;font-size:16px;color:var(--cacao);
  background:var(--marfil);border-radius:14px;padding:clamp(20px,3vw,34px);
  box-shadow:0 1px 0 var(--luz) inset, 0 10px 26px rgba(79,57,44,.13);
}

/* Botones: los de WooCommerce son botones del sistema, no los de Elementor. */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce button.button:disabled[disabled]{
  font-family:"Instrument Sans",sans-serif;font-size:15px;font-weight:600;
  text-transform:none;letter-spacing:0;
  background:var(--vino);color:var(--marfil);
  border:0;border-radius:999px;padding:13px 26px;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover{background:var(--cacao);color:var(--marfil)}

/* Campos. El azul de foco del navegador se sale de la paleta. */
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce-page form .input-text{
  font-family:"Instrument Sans",sans-serif;font-size:16px;color:var(--cacao);
  background:#fff;border:1px solid var(--linea);border-radius:10px;padding:11px 13px;
}
.woocommerce form .input-text:focus,
.woocommerce form select:focus{
  outline:2px solid var(--vino);outline-offset:1px;border-color:var(--vino);
}

/* Tablas: las del pedido y las del carrito. */
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th{
  border-color:var(--linea);
}
.woocommerce table.shop_table{
  border-radius:12px;border-collapse:separate;font-size:15px;
}
.woocommerce table.shop_table thead th,
.woocommerce table.shop_table tfoot th{
  font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:11.5px;
  letter-spacing:2.1px;text-transform:uppercase;color:var(--tenue);
}
.woocommerce ul.order_details{
  background:transparent;padding:0;margin:0 0 22px;
}
.woocommerce ul.order_details li{
  font-family:"Instrument Sans",sans-serif;font-size:11.5px;font-weight:600;
  letter-spacing:2.1px;text-transform:uppercase;color:var(--tenue);
  border-right-color:var(--linea);
}
.woocommerce ul.order_details li strong{
  font-family:"Bodoni Moda",serif;font-size:22px;font-weight:400;
  letter-spacing:0;text-transform:none;color:var(--cacao);
}

/* Navegación de «Mi cuenta». */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li a{
  display:block;padding:9px 0;color:var(--cacao);text-decoration:none;
  border-bottom:1px solid var(--linea);
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{color:var(--vino)}

/* Avisos. El verde y el azul de WooCommerce no son de esta casa. */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  font-family:"Instrument Sans",sans-serif;font-size:15px;
  background:var(--taupeclaro);color:var(--cacao);
  border-top-color:var(--vino);border-radius:10px;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--vino)}

/* El formulario de acceso trae su propio marco, que dentro del panel marfil
   queda como una caja en otra caja. */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce-checkout .woocommerce form.login{
  border:0;padding:0;margin:0;border-radius:0;
}
.woocommerce form .form-row{margin:0 0 16px;padding:0}
.woocommerce form .form-row label{
  display:block;margin:0 0 6px;font-size:15px;color:var(--cacao);
}
/* El asterisco de campo obligatorio viene en rojo de serie. */
.woocommerce form .required,
.woocommerce .required,
.woocommerce abbr.required{color:var(--vino)!important;text-decoration:none;border:0}

/* «Recuérdame» salía pegado al botón y sin alinear con él. Solo la fila del
   botón va en línea: aplicarlo a todas las filas encogía el campo de la
   contraseña y le pegaba la etiqueta al lado. */
.woocommerce form.login .form-row:has(.woocommerce-form-login__rememberme){
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}

/* Los campos ocupan la fila. Ojo: el de contraseña lleva dentro el botón del
   ojo, así que un :has(button) coge también esa fila y la pone en línea. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row .password-input,
.woocommerce form .form-row .woocommerce-input-wrapper{width:100%;display:block}
.woocommerce form .form-row .password-input{position:relative}
.woocommerce-form-login__rememberme{
  display:inline-flex;align-items:center;gap:7px;margin:0;font-size:15px;
}
.woocommerce-form-login__rememberme input{margin:0}
.woocommerce-LostPassword{margin:14px 0 0;font-size:15px}
.woocommerce-LostPassword a,.woocommerce a:not(.button){color:var(--vino)}

/* ── Bloques de carrito y de pago ─────────────────────────────────────
   El carrito y el finalizar compra de WooCommerce ya no son plantillas PHP
   sino bloques: no responden a `.woocommerce .button` ni heredan el ancho
   del panel, porque vienen marcados `alignwide`. */
.woocommerce-cart .page-content .alignwide,
.woocommerce-checkout .page-content .alignwide{
  max-width:100%;width:auto;margin-left:0;margin-right:0;
}
.wc-block-components-button:not(.is-link){
  font-family:"Instrument Sans",sans-serif;font-size:15px;font-weight:600;
  background:var(--vino);color:var(--marfil);
  border:0;border-radius:999px;padding:14px 28px;min-height:0;
}
.wc-block-components-button:not(.is-link):hover{background:var(--cacao);color:var(--marfil)}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text{color:inherit}
.wc-block-components-button.is-link{color:var(--vino)}

.wc-block-components-title,
.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
  font-family:"Bodoni Moda",serif!important;font-weight:400!important;
  color:var(--cacao)!important;letter-spacing:0!important;text-transform:none!important;
}
.wc-block-components-product-name{
  font-family:"Instrument Sans",sans-serif;color:var(--cacao);
}
.wc-block-components-totals-item__label,
.wc-block-components-order-summary-item__description{
  font-family:"Instrument Sans",sans-serif;color:var(--cacao);
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  color:var(--cacao);
}
.wc-block-components-text-input input,
.wc-block-components-country-input select,
.wc-block-components-state-input select{
  border-radius:10px;border-color:var(--linea);
}

/* El tema subraya todos los enlaces y el botón del bloque es un <a>. */
.wc-block-components-button:not(.is-link),
.wc-block-components-button:not(.is-link):hover{text-decoration:none}

/* El total del carrito imprime el importe y el € en el mismo nodo, sin el
   <span> de moneda que sí traen las fichas, así que no se puede componer el
   símbolo aparte. En Bodoni el € es una C con dos trazos finísimos y a este
   cuerpo se lee «C»: el total entero va en Instrument Sans. */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-family:"Instrument Sans",sans-serif;font-weight:600;
  font-size:22px;line-height:1.2;white-space:nowrap;
}
.wc-block-components-totals-footer-item{align-items:baseline}

/* El finalizar compra no lleva el panel marfil de fondo: sus propias cajas ya
   separan los pasos. Lo que sí necesita es que el resumen y los campos dejen
   de ser grises de sistema. */
.wc-block-components-sidebar .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block{
  background:var(--marfil);border-radius:14px;
}
.wc-block-checkout__form .wc-block-components-text-input input,
.wc-block-checkout__form .wc-block-components-select select,
.wc-block-checkout__form .wc-block-components-address-card,
.wc-block-checkout__form .wc-block-components-radio-control-accordion-option{
  background:var(--marfil);border-color:var(--linea);
}
.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control-accordion-option:has(input:checked){
  border-color:var(--vino);
}

/* El resumen salía a dos tonos: los productos en blanco y los totales en
   marfil, con la fila del cupón gris en medio. */
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block > *,
.wc-block-components-totals-wrapper{background:var(--marfil)}
.wc-block-components-panel,.wc-block-components-panel__button{background:transparent}
.wc-block-components-order-summary__content{background:transparent}

/* La opción marcada venía con un filete negro de 2 px. */
.wc-block-components-radio-control-accordion-option:has(input:checked),
.wc-block-components-radio-control__option--checked-option-highlighted{
  border-color:var(--vino)!important;box-shadow:0 0 0 1px var(--vino);
}
/* El punto del radio: accent-color y se acabó. Pintarlo a mano con
   box-shadow lo dejaba como un círculo negro relleno. */
.wc-block-checkout__form input[type=radio],
.wc-block-checkout__form input[type=checkbox],
.woocommerce input[type=radio],
.woocommerce input[type=checkbox]{accent-color:var(--vino)}

/* El recuadro de la opción marcada y el borde de los campos los pinta el
   bloque con un casi negro. En pantalla pesaban más que el propio botón. */
.wc-block-checkout__form input,
.wc-block-components-text-input input,
.wc-block-components-select select{border-color:var(--linea)!important}
.wc-block-checkout__form input:focus,
.wc-block-components-text-input input:focus{border-color:var(--vino)!important}
.wc-block-components-radio-control--highlight-checked::after,
.wc-block-components-radio-control__option--checked-option-highlighted::after,
.wc-block-components-radio-control-accordion-option::after{border-color:var(--vino)!important}

/* El bloque anula el estilo nativo del radio (appearance:none), así que
   accent-color no le llega: el aro es el input y el punto de dentro es su
   ::before, que viene en negro. */
.wc-block-components-radio-control__input:checked{
  background:transparent!important;border-color:var(--vino)!important;
}
.wc-block-components-radio-control__input:checked::before{
  background:var(--vino)!important;
}

/* En móvil la hamburguesa y la cesta se quedaban juntas a la izquierda, con
   media cabecera vacía a la derecha. */
@media (max-width:767px){
  .sw-cabecera .sw-nav{width:100%;justify-content:space-between;align-items:center}
}

/* El desplegable de ordenación del listado seguía siendo el del sistema. */
.woocommerce-ordering select.orderby{
  font-family:"Instrument Sans",sans-serif;font-size:14px;color:var(--cacao);
  background:var(--marfil);border:1px solid var(--linea);border-radius:999px;
  padding:8px 14px;
}
.woocommerce-ordering select.orderby:focus{outline:2px solid var(--vino);outline-offset:1px}
.woocommerce-result-count{
  font-family:"Instrument Sans",sans-serif;font-size:14px;color:var(--tenue);
}

/* El campo de email del finalizar compra salía en blanco puro con borde blanco:
   es el único control del bloque que no hereda el marfil de los demás. */
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-textarea{
  background:var(--marfil)!important;
  border:1px solid var(--linea)!important;
  border-radius:10px!important;
  color:var(--cacao)!important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-textarea:focus{
  outline:2px solid var(--vino);outline-offset:1px;box-shadow:none!important;
}

/* Misma trampa que el radio: con appearance:none, accent-color no pinta nada
   y la casilla marcada salía negra. El fondo es el propio input y la palomita
   su ::before. */
.wc-block-components-checkbox__input[type="checkbox"]{
  border:1px solid var(--linea)!important;background:var(--marfil)!important;
}
.wc-block-components-checkbox__input[type="checkbox"]:checked{
  background:var(--vino)!important;border-color:var(--vino)!important;
}
.wc-block-components-checkbox__mark{fill:var(--marfil)!important}
.wc-block-components-checkbox__input[type="checkbox"]:focus{
  outline:2px solid var(--vino);outline-offset:2px;box-shadow:none!important;
}

/* «REALIZAR EL PEDIDO» venía en versalitas del bloque y era el único botón de
   la tienda que gritaba. */
.wc-block-components-checkout-place-order-button{
  text-transform:none!important;letter-spacing:0!important;font-size:16px;
}

/* Las filas del carrito dibujaban dos líneas: el borde del <tr> y el de cada
   celda, y la del <tr> no llega al ancho completo, así que se veía partida.
   La buena es la de las celdas —el <tr> se queda sin ninguna—, y la cabecera
   traía un gris del sistema (128,128,128) que no es de la paleta. */
.wc-block-cart-items__row{border-top:1px solid var(--linea)!important;border-bottom:0!important}
/* El borde va en el <tr>, no en cada celda: con uno por celda la línea daba un
   escalón de un píxel donde empieza la columna del total, por redondeo. */
.wc-block-cart-items__row td{border-top:0!important;border-bottom:0!important}
.wc-block-cart-items th{border-top:0!important;border-bottom:1px solid var(--linea)!important}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bodoni Moda';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://modascristy.es/wp-content/uploads/elementor/custom-fonts/bodoni-moda-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Bodoni Moda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://modascristy.es/wp-content/uploads/elementor/custom-fonts/bodoni-moda-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Bodoni Moda';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://modascristy.es/wp-content/uploads/elementor/custom-fonts/bodoni-moda-400i.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://modascristy.es/wp-content/uploads/elementor/custom-fonts/instrument-sans-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Instrument Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://modascristy.es/wp-content/uploads/elementor/custom-fonts/instrument-sans-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */