@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.cuentaovejaszzz.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.cuentaovejaszzz.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Satisfy", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(21,23,53);
	--wd-alternative-color: rgb(160,163,217);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(221,79,82);
	--btn-accented-bgcolor-hover: rgb(221,79,82);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(84,87,140);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,79,82);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(221,79,82);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(17,17,17,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(240,235,229);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(240,235,229);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(221,79,82);
	--wd-form-brd-color: rgb(84,87,140);
}
.product-labels .product-label.featured {
	background-color: rgb(62,201,78);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 540px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(255,255,255);
}

@font-face {
	font-family: "Verl-ag Regular";
	src: url("//www.cuentaovejaszzz.com/wp-content/uploads/2024/07/Verlag-Book.woff2") format("woff2"), 
url("//www.cuentaovejaszzz.com/wp-content/uploads/2024/07/Verlag-Book.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* ==========================================================
CUENTA OVEJAS — CSS PERSONALIZADO MAESTRO
SITIO: CUENTA OVEJAS
UBICACIÓN: WoodMart → Custom CSS

METODOLOGÍA DE ORGANIZACIÓN

CO-00  GLOBAL
CO-10  HEADER / NAVEGACIÓN
CO-20  HOME
CO-30  TIENDA / CATEGORÍAS
CO-40  PRODUCTO
CO-50  CARRITO + COMPONENTES WOO COMPARTIDOS
CO-60  CHECKOUT
CO-70  PEDIDO RECIBIDO / THANK YOU
CO-80  BLOG
CO-90  PÁGINAS ESPECÍFICAS
CO-99  LEGACY / PENDIENTE DE CLASIFICAR

REGLA DE TRABAJO:
- Buscar el código del bloque con Ctrl + F.
- No crear una segunda versión de un componente existente.
- Si el componente ya existe, modificar su bloque.
- Responsive del componente permanece dentro de su bloque.
- PHP y JS funcionales permanecen fuera de este archivo.
========================================================== */



/* ==========================================================
[CO-40.01]
BLOQUE: PRODUCTO — PESTAÑA RECOMENDACIONES
SITIO: CUENTA OVEJAS
PÁGINA / ID: Ficha de producto
ALCANCE: Color de la pestaña de recomendaciones/reviews.
ESTADO: LEGACY ACTIVO — revisar visualmente en Fase 1 Producto.
========================================================== */

.woocommerce-tabs .tabs .reviews_tab a {
    color: #ff5722;
}

.woocommerce-tabs .tabs .reviews_tab.active {
    color: #ff5722;
}

/* ==================== FIN [CO-40.01] ==================== */



/* ==========================================================
[CO-99.01]
BLOQUE: LEGACY — SLIDER 649
SITIO: CUENTA OVEJAS
PÁGINA / ID: PENDIENTE DE IDENTIFICAR
ELEMENTO: #slider-649
ALCANCE: Ajuste vertical mediante márgenes negativos.
ESTADO: AISLADO — no modificar hasta identificar su página.
========================================================== */

#slider-649 {
    margin-top: -150px;
    margin-bottom: -100px;
}

/* ==================== FIN [CO-99.01] ==================== */



/* ==========================================================
[CO-00.01]
BLOQUE: GLOBAL — REPRODUCTOR MULTIMEDIA WORDPRESS
SITIO: CUENTA OVEJAS
PÁGINA / ID: GLOBAL donde exista reproductor WP
ALCANCE: Foco, fondo, bordes, texto y volumen del reproductor.
========================================================== */

/* Botón enfocado */
.mejs-controls .mejs-button button:focus {
    outline: none !important;
}

/* Fondo y bordes */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
    background: url('') !important;
    background-color: #673AB7 !important;
    border-radius: 10px;
}

/* Texto */
.mejs-currenttime,
.mejs-duration {
    color: white !important;
}

/* Volumen */
.mejs-horizontal-volume-current {
    background: #FFC107 !important;
}

/* ==================== FIN [CO-00.01] ==================== */



/* ==========================================================
[CO-40.02]
BLOQUE: PRODUCTO — TÍTULOS DE DESCRIPCIÓN
SITIO: CUENTA OVEJAS
PÁGINA / ID: Ficha de producto
ALCANCE: H2 dentro de la descripción del producto.
========================================================== */

.woocommerce-Tabs-panel--description h2 {
    font-size: 15px;
    color: #777777;
    font-weight: bold;
}

/* ==================== FIN [CO-40.02] ==================== */



/* ==========================================================
[CO-30.01]
BLOQUE: CATEGORÍAS — TÍTULOS DE DESCRIPCIÓN
SITIO: CUENTA OVEJAS
PÁGINA / ID: Archivo de categorías
ALCANCE: H2 dentro de la descripción de categoría.
========================================================== */

.term-description h2 {
    font-size: 15px;
    color: #777777;
    font-weight: bold;
}

/* ==================== FIN [CO-30.01] ==================== */



/* ==========================================================
[CO-80.01]
BLOQUE: BLOG — OCULTAR IMAGEN DESTACADA
SITIO: CUENTA OVEJAS
PÁGINA / ID: Artículo individual / single-post
ALCANCE: Oculta la cabecera con imagen destacada en post.
========================================================== */

.post-single-page.has-post-thumbnail .article-inner > .entry-header {
    display: none;
}

/* ==================== FIN [CO-80.01] ==================== */



/* ==========================================================
[CO-50.01]
BLOQUE: CARRITO + CHECKOUT — TOOLTIPS DE ENVÍO
SITIO: CUENTA OVEJAS
PÁGINA / ID: Carrito + Checkout
ALCANCE:
- Ícono informativo de métodos de envío.
- Tooltip.
- Foco de teclado.
- Responsive móvil.
DEPENDENCIA:
- Snippet JS de tooltips de métodos de envío.
========================================================== */


/* ----------------------------------------------------------
[CO-50.01-A] CONTENEDOR
---------------------------------------------------------- */

.tooltip-container {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 6px;

    vertical-align: middle;
    line-height: 1;

    cursor: pointer;
    overflow: visible;
}


/* ----------------------------------------------------------
[CO-50.01-B] ÍCONO
---------------------------------------------------------- */

.tooltip-container .tooltip-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 !important;

    vertical-align: middle;
    line-height: 1;
}

.tooltip-container .tooltip-icon svg {
    display: block;

    width: 18px;
    height: 18px;

    flex: 0 0 18px;
}


/* ----------------------------------------------------------
[CO-50.01-C] TOOLTIP — ESTADO CERRADO
---------------------------------------------------------- */

.tooltip-content {
    position: absolute;
    z-index: 99999;

    bottom: calc(100% + 10px);
    right: -4px;
    left: auto;

    width: 260px;
    max-width: calc(100vw - 40px);

    margin: 0;
    padding: 10px 12px;

    box-sizing: border-box;

    border-radius: 7px;

    background-color: #a0a3d9;
    color: #f0ebe5;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;

    text-align: center;
    white-space: normal;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.20);

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transform: translateY(4px);

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;
}


/* ----------------------------------------------------------
[CO-50.01-D] TOOLTIP — ESTADO ABIERTO

Hover:
- abre con mouse.

.is-open:
- controlado por JavaScript mediante clic/teclado.

.show:
- compatibilidad con estructura JS existente.

IMPORTANTE:
No abrir mediante :focus o :focus-within.
---------------------------------------------------------- */

.tooltip-container:hover .tooltip-content,
.tooltip-container.is-open .tooltip-content,
.tooltip-content.show {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;

    transform: translateY(0);
}


/* ----------------------------------------------------------
[CO-50.01-E] FLECHA DEL TOOLTIP
---------------------------------------------------------- */

.tooltip-content::after {
    content: "";

    position: absolute;

    top: 100%;
    right: 8px;
    left: auto;

    border-width: 6px;
    border-style: solid;

    border-color:
        #a0a3d9
        transparent
        transparent
        transparent;
}


/* ----------------------------------------------------------
[CO-50.01-F] FOCO DE TECLADO
---------------------------------------------------------- */

.tooltip-container:focus-visible {
    outline: none;
}

.tooltip-container:focus-visible .tooltip-icon svg {
    border-radius: 50%;

    box-shadow:
        0 0 0 2px rgba(221, 79, 82, 0.35);
}


/* ----------------------------------------------------------
[CO-50.01-G] EVITAR RECORTES DE WOOCOMMERCE
---------------------------------------------------------- */

.woocommerce-shipping-methods,
.woocommerce-shipping-methods li,
.woocommerce-shipping-methods label {
    overflow: visible !important;
}


/* ----------------------------------------------------------
[CO-50.01-H] RESPONSIVE — MÓVIL PEQUEÑO
---------------------------------------------------------- */

@media (max-width: 480px) {

    .tooltip-content {
        width: 230px;
        max-width: calc(100vw - 30px);

        right: -8px;

        padding: 9px 10px;

        font-size: 12.5px;
        line-height: 1.4;
    }

    .tooltip-content::after {
        right: 10px;
    }
}

/* ==================== FIN [CO-50.01] ==================== */

/* ==========================================================
[CO-60.01]
BLOQUE: CHECKOUT — UX/UI COMPLETO
SITIO: CUENTA OVEJAS
PÁGINA / ID: Checkout — página 10

ALCANCE:
- Cupón.
- Formulario de facturación.
- Dirección alternativa.
- Campos y Select2.
- Resumen "Tu pedido".
- Envíos.
- Métodos de pago.
- Interbank / Yape / Culqi.
- Privacidad y términos.
- CTA "Realizar el pedido".
- Bloques exclusivos admin/staff.
- Responsive móvil.

CRITERIO VISUAL:
- Respetar estructura nativa de WoodMart.
- Identidad Cuenta Ovejas.
- Fondo crema.
- Azul oscuro para jerarquía.
- Lavanda para bordes y estados.
- Rojo únicamente como acento/CTA.
- Evitar apariencia genérica de tarjetas SaaS.

IMPORTANTE:
- NO redefine el layout desktop del checkout.
- NO usa CSS Grid en form.checkout.
- NO cambia lógica WooCommerce.
- NO fuerza display de .payment_box.
- NO modifica IDs funcionales.
========================================================== */


/* ==========================================================
[CO-60.01-A]
PALETA LOCAL
========================================================== */

body.page-id-10 {
    --co-navy: #151735;
    --co-purple: #54578c;
    --co-lavender: #a0a3d9;
    --co-cream: #f0ebe5;
    --co-red: #dd4f52;

    --co-white: #ffffff;
    --co-text: #34343d;
    --co-muted: #777783;

    --co-border: rgba(84, 87, 140, 0.30);
    --co-border-soft: rgba(84, 87, 140, 0.15);
}


/* ==========================================================
[CO-60.01-B]
FONDO GENERAL

No modificamos anchos ni columnas de WoodMart.
========================================================== */

body.page-id-10 .main-page-wrapper {
    background-color: var(--co-cream);
}


/* ==========================================================
[CO-60.01-C]
TÍTULOS PRINCIPALES
========================================================== */

body.page-id-10 .woocommerce-billing-fields > h3,
body.page-id-10 .woocommerce-additional-fields > h3,
body.page-id-10 #order_review_heading {
    position: relative;

    margin-bottom: 22px;
    padding-bottom: 11px;

    color: var(--co-navy);

    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;

    border-bottom: 1px solid var(--co-border-soft);
}


/* Pequeño acento de marca */
body.page-id-10 .woocommerce-billing-fields > h3::after,
body.page-id-10 .woocommerce-additional-fields > h3::after,
body.page-id-10 #order_review_heading::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 58px;
    height: 2px;

    background: var(--co-lavender);

    border-radius: 2px;
}


/* ==========================================================
[CO-60.01-D]
FORMULARIO — ESPACIADO
========================================================== */

body.page-id-10 form.checkout .form-row {
    margin-bottom: 15px;
}

body.page-id-10 form.checkout .form-row label {
    margin-bottom: 6px;

    color: var(--co-navy);

    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

body.page-id-10 form.checkout .optional {
    color: #9897a2;

    font-size: 11px;
    font-weight: 400;
}

body.page-id-10 form.checkout .required {
    color: var(--co-red);
}


/* ==========================================================
[CO-60.01-E]
INPUTS / SELECTS / TEXTAREA
========================================================== */

body.page-id-10 form.checkout input.input-text,
body.page-id-10 form.checkout select,
body.page-id-10 form.checkout textarea {
    box-sizing: border-box;

    border: 1px solid var(--co-border);
    border-radius: 5px;

    background-color:
        rgba(255, 255, 255, 0.48);

    color: var(--co-text);

    font-size: 14px;

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

body.page-id-10 form.checkout input.input-text,
body.page-id-10 form.checkout select {
    min-height: 43px;

    padding-left: 12px;
    padding-right: 12px;
}

body.page-id-10 form.checkout textarea {
    min-height: 110px;

    padding: 11px 12px;

    resize: vertical;
}


/* Focus */
body.page-id-10 form.checkout input.input-text:focus,
body.page-id-10 form.checkout select:focus,
body.page-id-10 form.checkout textarea:focus {
    outline: none;

    border-color: var(--co-purple);

    background: #fff;

    box-shadow:
        0 0 0 2px rgba(160, 163, 217, 0.20);
}


/* Placeholder */
body.page-id-10 form.checkout input::placeholder,
body.page-id-10 form.checkout textarea::placeholder {
    color: rgba(221, 79, 82, 0.66);
}


/* ==========================================================
[CO-60.01-F]
SELECT2
========================================================== */

body.page-id-10 .select2-container {
    width: 100% !important;
}

body.page-id-10
.select2-container
.select2-selection--single {
    height: 43px;

    border: 1px solid var(--co-border);
    border-radius: 5px;

    background:
        rgba(255, 255, 255, 0.48);
}

body.page-id-10
.select2-container
.select2-selection--single
.select2-selection__rendered {
    height: 41px;

    padding-left: 12px;
    padding-right: 36px;

    color: var(--co-text);

    line-height: 41px;
}

body.page-id-10
.select2-container
.select2-selection--single
.select2-selection__arrow {
    height: 41px;

    right: 7px;
}


/* ==========================================================
[CO-60.01-G]
CHECKBOX / RADIO
========================================================== */

body.page-id-10 form.checkout input[type="checkbox"],
body.page-id-10 form.checkout input[type="radio"] {
    accent-color: var(--co-purple);
}


/* ==========================================================
[CO-60.01-H]
DIRECCIÓN DIFERENTE
========================================================== */

body.page-id-10 #ship-to-different-address {
    margin-top: 20px;
    margin-bottom: 18px;

    padding-top: 16px;

    border-top: 1px solid var(--co-border-soft);

    color: var(--co-navy);

    font-size: 15px;
    font-weight: 600;
}


/* ==========================================================
[CO-60.01-I]
CUPÓN — TEXTO
========================================================== */

body.page-id-10
.woocommerce-form-coupon-toggle {
    margin-bottom: 8px;
}

body.page-id-10
.woocommerce-form-coupon-toggle
.woocommerce-info {
    margin: 0;

    padding: 0;

    border: 0;

    background: transparent;

    color: var(--co-text);

    font-size: 13px;
}

body.page-id-10
.woocommerce-form-coupon-toggle
.woocommerce-info a {
    color: var(--co-purple);

    font-weight: 600;

    text-decoration: underline;
    text-underline-offset: 3px;
}


/* ==========================================================
[CO-60.01-J]
CUPÓN — FORMULARIO

Más ligero: sin tarjeta grande.
========================================================== */

body.page-id-10
form.checkout_coupon.woocommerce-form-coupon {
    max-width: 560px;

    margin: 12px 0 32px;
    padding: 0;

    border: 0;

    background: transparent;
}

body.page-id-10
form.checkout_coupon
.form-row {
    margin-bottom: 0;
}

body.page-id-10
form.checkout_coupon
input.input-text {
    min-height: 43px;

    border-color: var(--co-lavender);

    background: rgba(255, 255, 255, 0.50);
}

body.page-id-10
form.checkout_coupon
button.button {
    min-height: 43px;

    padding: 0 19px;

    border: 0;
    border-radius: 5px;

    background: var(--co-red);

    color: #fff;

    font-size: 12px;
    font-weight: 700;

    transition:
        background-color 0.18s ease;
}

body.page-id-10
form.checkout_coupon
button.button:hover {
    background: var(--co-navy);
}


/* ==========================================================
[CO-60.01-K]
TU PEDIDO — CONTENEDOR

Sin modificar su ancho.
========================================================== */

body.page-id-10 #order_review {
    box-sizing: border-box;

    padding: 22px;

    border: 1px solid var(--co-border-soft);
    border-radius: 8px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.80) 0%,
            rgba(255, 255, 255, 0.54) 100%
        );

    box-shadow:
        0 8px 26px rgba(21, 23, 53, 0.035);
}


/* ==========================================================
[CO-60.01-L]
TABLA DEL PEDIDO
========================================================== */

body.page-id-10
#order_review
table.shop_table {
    margin-bottom: 18px;

    border: 0;

    background: transparent;
}

body.page-id-10
#order_review
table.shop_table th,
body.page-id-10
#order_review
table.shop_table td {
    padding-top: 11px;
    padding-bottom: 11px;

    border-color: var(--co-border-soft);

    color: var(--co-text);

    font-size: 13px;
    line-height: 1.45;

    vertical-align: top;
}


/* Encabezados */
body.page-id-10
#order_review
table.shop_table thead th {
    color: var(--co-navy);

    font-size: 11.5px;
    font-weight: 700;

    letter-spacing: 0.02em;
}


/* Producto */
body.page-id-10
#order_review
.product-name {
    padding-right: 10px !important;

    overflow-wrap: anywhere;
}


/* Subtotal */
body.page-id-10
#order_review
.cart-subtotal th,
body.page-id-10
#order_review
.cart-subtotal td {
    font-weight: 600;
}


/* Total */
body.page-id-10
#order_review
.order-total th,
body.page-id-10
#order_review
.order-total td {
    padding-top: 15px;

    color: var(--co-navy);

    font-size: 18px;
    font-weight: 700;
}

body.page-id-10
#order_review
.includes_tax {
    display: block;

    margin-top: 3px;

    color: var(--co-muted);

    font-size: 10.5px;
    font-weight: 400;
}


/* ==========================================================
[CO-60.01-M]
ENVÍOS
========================================================== */

body.page-id-10
#order_review
.woocommerce-shipping-methods {
    margin: 0;
    padding: 0;
}

body.page-id-10
#order_review
.woocommerce-shipping-methods li {
    margin-bottom: 7px;

    line-height: 1.4;
}

body.page-id-10
#order_review
.woocommerce-shipping-methods label {
    color: var(--co-text);

    font-size: 12px;
}


/* ==========================================================
[CO-60.01-N]
PAGOS — CONTENEDOR

No modifica anchura de #order_review.
========================================================== */

body.page-id-10 #payment {
    width: 100%;

    box-sizing: border-box;

    background: transparent;
}

body.page-id-10
#payment
ul.wc_payment_methods {
    width: 100%;

    box-sizing: border-box;

    margin: 0;
    padding: 0;

    border: 0;

    list-style: none;
}


/* ==========================================================
[CO-60.01-O]
MÉTODO DE PAGO
========================================================== */

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method {
    display: flex;

    flex-wrap: wrap;
    align-items: center;

    width: 100%;
    min-width: 0;

    box-sizing: border-box;

    margin-bottom: 9px;
    padding: 0;

    overflow: hidden;

    border:
        1px solid
        rgba(84, 87, 140, 0.16);

    border-radius: 7px;

    background:
        rgba(255, 255, 255, 0.62);

    transition:
        border-color 0.18s ease,
        background-color 0.18s ease;
}

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method:hover {
    border-color:
        rgba(84, 87, 140, 0.38);

    background:
        rgba(255, 255, 255, 0.85);
}


/* Seleccionado */
body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method:has(> input:checked) {
    border-color: var(--co-lavender);

    background:
        rgba(160, 163, 217, 0.08);
}


/* ==========================================================
[CO-60.01-P]
RADIO
========================================================== */

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method
> input.input-radio {
    flex: 0 0 auto;

    margin:
        0
        8px
        0
        12px !important;
}


/* ==========================================================
[CO-60.01-Q]
NOMBRE + LOGO
========================================================== */

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method
> label {
    display: flex !important;

    flex: 1 1 0;

    align-items: center;
    justify-content: space-between;

    min-width: 0;

    gap: 10px;

    box-sizing: border-box;

    margin: 0;

    padding:
        10px
        12px
        10px
        4px;

    color: var(--co-text);

    font-size: 13px;
    font-weight: 500;

    line-height: 1.35;

    white-space: normal;
}

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method
> input:checked
+ label {
    color: var(--co-navy);

    font-weight: 600;
}


/* ==========================================================
[CO-60.01-R]
LOGOS DE PASARELA
========================================================== */

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method
> label img {
    display: block;

    flex: 0 0 auto;

    float: none !important;

    width: auto !important;
    height: auto !important;

    max-width: 110px !important;
    max-height: 27px !important;

    object-fit: contain !important;

    margin: 0;

    opacity: 1 !important;
    transform: none !important;
}


/* Interbank */
body.page-id-10
#payment
.payment_method_interbankpay
> label img {
    max-height: 28px !important;
}


/* Yape */
body.page-id-10
#payment
.payment_method_yapepay
> label img {
    max-height: 30px !important;
}


/* ==========================================================
[CO-60.01-S]
PAYMENT BOX

NO cambiar display.
========================================================== */

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method
> .payment_box {
    flex: 1 0 100%;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    box-sizing: border-box;

    margin: 0;

    padding:
        2px
        12px
        12px;

    background: transparent;
}


/* Contenido de gateway */
body.page-id-10
#payment
.payment_box img,
body.page-id-10
#payment
.payment_box iframe,
body.page-id-10
#payment
.payment_box > div {
    max-width: 100%;

    box-sizing: border-box;
}

body.page-id-10
#payment
.payment_box img {
    height: auto;

    border-radius: 5px;
}

body.page-id-10
#payment
.payment_box p {
    overflow-wrap: anywhere;

    font-size: 12px;
    line-height: 1.45;
}


/* ==========================================================
[CO-60.01-T]
PRIVACIDAD
========================================================== */

body.page-id-10
#payment
.woocommerce-privacy-policy-text {
    margin-top: 18px;
    padding-top: 16px;

    border-top: 1px solid var(--co-border-soft);

    color: var(--co-muted);

    font-size: 11.5px;
    line-height: 1.55;
}

body.page-id-10
#payment
.woocommerce-privacy-policy-text a {
    color: var(--co-purple);

    font-weight: 600;
}


/* ==========================================================
[CO-60.01-U]
TÉRMINOS
========================================================== */

body.page-id-10
#payment
.woocommerce-terms-and-conditions-wrapper {
    margin-top: 15px;
}

body.page-id-10
#payment
.woocommerce-form__label-for-checkbox {
    color: var(--co-text);

    font-size: 12.5px;
    line-height: 1.45;
}


/* ==========================================================
[CO-60.01-V]
REALIZAR PEDIDO
========================================================== */

body.page-id-10 #place_order {
    width: 100%;

    min-height: 47px;

    margin-top: 11px;

    padding: 12px 18px;

    border: 0;
    border-radius: 5px;

    background: var(--co-red);

    color: #fff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.01em;

    box-shadow:
        0 4px 10px rgba(221, 79, 82, 0.14);

    transition:
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

body.page-id-10 #place_order:hover {
    background: var(--co-navy);

    box-shadow:
        0 4px 12px rgba(21, 23, 53, 0.14);
}


/* ==========================================================
[CO-60.01-W]
ADMIN — ESCENARIO + ALMACÉN

Claramente administrativos, pero integrados a la marca.
========================================================== */

body.page-id-10
#tecretail_shipping_override_wrap,
body.page-id-10
#fyc_warehouse_wrap {
    box-sizing: border-box !important;

    margin-bottom: 14px !important;
    padding: 13px 14px !important;

    border:
        1px solid
        rgba(84, 87, 140, 0.32) !important;

    border-radius: 7px !important;

    background:
        rgba(160, 163, 217, 0.09) !important;

    box-shadow: none !important;
}

body.page-id-10
#tecretail_shipping_override,
body.page-id-10
#fyc_almacen {
    min-height: 40px;

    border:
        1px solid
        var(--co-border) !important;

    border-radius:
        5px !important;

    background:
        rgba(255, 255, 255, 0.75) !important;
}

body.page-id-10
.co-tecretail-scenario-description {
    border:
        1px solid
        rgba(84, 87, 140, 0.16) !important;

    border-radius:
        5px !important;

    background:
        rgba(240, 235, 229, 0.72) !important;

    color:
        var(--co-text) !important;
}


/* ==========================================================
[CO-60.01-X]
PROCESAMIENTO / AJAX DE PAGOS

Solo protege elementos INTERNOS.
No modifica columnas del checkout.
========================================================== */

body.page-id-10
#payment,
body.page-id-10
#payment
.wc_payment_methods,
body.page-id-10
#payment
.wc_payment_method,
body.page-id-10
#payment
.payment_box {
    box-sizing: border-box;

    min-width: 0;
    max-width: 100%;
}


/* Overlay */
body.page-id-10
#payment
.blockUI.blockOverlay {
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    box-sizing: border-box !important;
}


/* ==========================================================
[CO-60.01-Y]
LAPTOP
========================================================== */

@media (max-width: 1200px) {

    body.page-id-10 #order_review {
        padding: 19px;
    }

    body.page-id-10
    #order_review
    table.shop_table th,
    body.page-id-10
    #order_review
    table.shop_table td {
        font-size: 12.5px;
    }
}


/* ==========================================================
[CO-60.01-Z]
MÓVIL

A partir de aquí sí forzamos una sola columna.
========================================================== */

@media (max-width: 767px) {

    body.page-id-10
    form.checkout.woocommerce-checkout {
        display: block !important;
    }


    body.page-id-10
    #customer_details,
    body.page-id-10
    #order_review {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
    }


    body.page-id-10
    #order_review_heading {
        margin-top: 30px;
    }


    /* Nombre / apellido */
    body.page-id-10
    form.checkout
    .form-row-first,
    body.page-id-10
    form.checkout
    .form-row-last {
        float: none;

        width: 100%;

        margin-left: 0;
        margin-right: 0;
    }


    /* Campos táctiles */
    body.page-id-10
    form.checkout
    input.input-text,
    body.page-id-10
    form.checkout
    select {
        min-height: 47px;
    }


    /* Cupón */
    body.page-id-10
    form.checkout_coupon.woocommerce-form-coupon {
        max-width: 100%;

        margin-bottom: 28px;
    }


    /* Resumen */
    body.page-id-10
    #order_review {
        padding: 17px 14px;

        border-radius: 7px;
    }


    body.page-id-10
    #order_review
    table.shop_table th,
    body.page-id-10
    #order_review
    table.shop_table td {
        font-size: 12.5px;
    }


    /* Pagos */
    body.page-id-10
    #payment
    .wc_payment_methods
    li.wc_payment_method
    > label {
        padding-right: 9px;

        font-size: 12.5px;
    }


    body.page-id-10
    #payment
    .wc_payment_methods
    li.wc_payment_method
    > label img {
        max-width: 92px !important;
    }


    body.page-id-10
    #payment
    .wc_payment_methods
    li.wc_payment_method
    > .payment_box {
        padding:
            2px
            10px
            10px;
    }
}


/* ==========================================================
[CO-60.01-AA]
MÓVIL PEQUEÑO
========================================================== */

@media (max-width: 480px) {

    body.page-id-10
    form.checkout_coupon
    .form-row-first,
    body.page-id-10
    form.checkout_coupon
    .form-row-last {
        float: none;

        width: 100%;
    }

    body.page-id-10
    form.checkout_coupon
    .form-row-last {
        margin-top: 8px;
    }

    body.page-id-10
    form.checkout_coupon
    button.button {
        width: 100%;
    }


    body.page-id-10
    #payment
    .wc_payment_methods
    li.wc_payment_method
    > label img {
        max-width: 80px !important;
    }
}


/* ==================== FIN [CO-60.01] ==================== */





/* ==========================================================
[CO-00.02]
BLOQUE: GLOBAL — AVISO DE TIENDA WOOCOMMERCE
SITIO: CUENTA OVEJAS
PÁGINA / ID: GLOBAL
ALCANCE:
- Fondo.
- Texto.
- Espaciado.
- Enlace de cierre.
- Responsive.
IMPORTANTE:
WooCommerce controla mostrar/cerrar el aviso.
========================================================== */

p.woocommerce-store-notice.demo_store {
    background-color: #dd4f52;
    color: #fff;

    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;

    padding: 15px 20px;

    text-align: center;
}


/* Enlace de cierre */
p.woocommerce-store-notice.demo_store
.woocommerce-store-notice__dismiss-link {
    color: #fff;
}


/* ----------------------------------------------------------
[CO-00.02-A] RESPONSIVE — MÓVIL
---------------------------------------------------------- */

@media (max-width: 768px) {

    p.woocommerce-store-notice.demo_store {
        font-size: 13px;
        padding: 12px 15px;
    }
}

/* ==================== FIN [CO-00.02] ==================== */



/* ==========================================================
[CO-80.02]
BLOQUE: BLOG — TIPOGRAFÍA + FAQ RANK MATH
SITIO: CUENTA OVEJAS
PÁGINA / ID: Artículo individual / single-post
ALCANCE:
- DM Sans.
- H1/H2/H3.
- Párrafos.
- Negritas.
- Acordeón.
- FAQ Rank Math.
- Responsive.

NOTA:
El @import se conserva en su posición actual para evitar
cambiar comportamiento durante esta fase de organización.
Se podrá revisar después en Fase 1 Blog.
========================================================== */


/* ----------------------------------------------------------
[CO-80.02-A] IMPORTAR DM SANS
---------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&display=swap');


/* ----------------------------------------------------------
[CO-80.02-B] H1
---------------------------------------------------------- */

.single-post .woodmart-post-title,
.single-post h1.entry-title,
.single-post .entry-header h1 {
    font-family: 'Verl-ag Regular', sans-serif !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 1.2 !important;
    color: #151735 !important;
}


/* ----------------------------------------------------------
[CO-80.02-C] H2
---------------------------------------------------------- */

.single-post .elementor-widget-container h2,
.single-post .elementor-heading-title,
.single-post .entry-content h2,
.single-post .wp-block-heading h2,
.single-post h2.wp-block-heading {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
    color: #151735 !important;
}


/* ----------------------------------------------------------
[CO-80.02-D] H3
---------------------------------------------------------- */

.single-post .elementor-widget-container h3,
.single-post .entry-content h3,
.single-post .wp-block-heading h3,
.single-post h3.wp-block-heading {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 1.4 !important;
    color: #151735 !important;
}


/* ----------------------------------------------------------
[CO-80.02-E] PÁRRAFOS
---------------------------------------------------------- */

.single-post .elementor-widget-container p,
.single-post .wd-text-block p,
.single-post .entry-content p,
.single-post .wp-block-paragraph {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #151735 !important;
}


/* ----------------------------------------------------------
[CO-80.02-F] NEGRITAS
---------------------------------------------------------- */

.single-post .entry-content strong,
.single-post .elementor-widget-container strong,
.single-post .wp-block-paragraph strong {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
}


/* ----------------------------------------------------------
[CO-80.02-G] ACORDEÓN
---------------------------------------------------------- */

.single-post .elementor-accordion .elementor-tab-title,
.single-post .elementor-accordion .elementor-tab-content,
.single-post .elementor-toggle .elementor-tab-title,
.single-post .elementor-toggle .elementor-tab-content {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #151735 !important;
}


/* ----------------------------------------------------------
[CO-80.02-H] RESPONSIVE — BLOG
---------------------------------------------------------- */

@media (max-width: 768px) {

    .single-post h1.entry-title {
        font-size: 28px !important;
    }

    .single-post h2.wp-block-heading,
    .single-post .elementor-widget-container h2 {
        font-size: 22px !important;
    }

    .single-post h3.wp-block-heading,
    .single-post .elementor-widget-container h3 {
        font-size: 18px !important;
    }

    .single-post .entry-content p,
    .single-post .elementor-widget-container p {
        font-size: 16px !important;
    }
}


/* ----------------------------------------------------------
[CO-80.02-I] FAQ RANK MATH — CONTENEDOR
---------------------------------------------------------- */

.single-post #rank-math-faq .rank-math-list {
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;

    overflow: hidden !important;

    padding: 0 !important;
}

.single-post #rank-math-faq .rank-math-list-item {
    border-bottom: 1px solid #e0e0e0 !important;

    padding: 0 !important;

    list-style: none !important;
}

.single-post #rank-math-faq .rank-math-list-item:last-child {
    border-bottom: none !important;
}


/* ----------------------------------------------------------
[CO-80.02-J] FAQ — PREGUNTA CERRADA
---------------------------------------------------------- */

.single-post #rank-math-faq .rank-math-question {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;

    color: #54578c !important;

    padding: 16px 20px 16px 44px !important;
    margin: 0 !important;

    position: relative !important;

    list-style: none !important;

    background: none !important;

    cursor: pointer !important;
}


/* Pregunta abierta */
.single-post #rank-math-faq
.rank-math-list-item.faq-open
.rank-math-question {
    color: #151735 !important;
}


/* Eliminar marcador nativo */
.single-post #rank-math-faq .rank-math-question::marker,
.single-post #rank-math-faq
.rank-math-question::-webkit-details-marker {
    display: none !important;
    content: none !important;
}


/* ----------------------------------------------------------
[CO-80.02-K] FAQ — ICONO +
---------------------------------------------------------- */

.single-post #rank-math-faq .rank-math-question::before {
    content: '+' !important;

    position: absolute !important;

    left: 16px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    color: #54578c !important;

    background: none !important;
}


/* Icono − cuando está abierto */
.single-post #rank-math-faq
.rank-math-list-item.faq-open
.rank-math-question::before {
    content: '−' !important;
    color: #151735 !important;
}


/* ----------------------------------------------------------
[CO-80.02-L] FAQ — RESPUESTA CERRADA
---------------------------------------------------------- */

.single-post #rank-math-faq .rank-math-answer {
    max-height: 0 !important;

    overflow: hidden !important;

    transition: max-height 0.3s ease !important;

    padding: 0 !important;
}


/* Respuesta abierta */
.single-post #rank-math-faq
.rank-math-list-item.faq-open
.rank-math-answer {
    max-height: 600px !important;

    padding: 0 20px 16px 44px !important;
}


/* Texto de respuesta */
.single-post #rank-math-faq .rank-math-answer p {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;

    color: #151735 !important;

    margin: 0 !important;
}

/* ==================== FIN [CO-80.02] ==================== */



/* ==========================================================
[CO-50.02]
BLOQUE: CARRITO + CHECKOUT — ÚNICO MÉTODO DE ENVÍO
SITIO: CUENTA OVEJAS
PÁGINA / ID: Carrito + Checkout
ALCANCE:
WooCommerce puede ocultar el radio cuando solo existe una
alternativa. Este bloque muestra un indicador visual marcado.
ESTADO: Revisar visualmente durante Fase 1.
========================================================== */

.woocommerce-shipping-methods li:only-child > label {
    display: inline-flex !important;

    align-items: center;

    gap: 6px;
}


/* Círculo visual seleccionado */
.woocommerce-shipping-methods li:only-child > label::after {
    content: "";

    display: inline-block;

    width: 14px;
    height: 14px;

    flex: 0 0 14px;

    margin-left: 2px;

    border: 1.5px solid #563A55;
    border-radius: 50%;

    box-sizing: border-box;

    background:
        radial-gradient(
            circle at center,
            #563A55 0,
            #563A55 3px,
            #ffffff 3.5px,
            #ffffff 100%
        );
}

/* ==================== FIN [CO-50.02] ==================== */



/* ==========================================================
[CO-90.01]
BLOQUE: PÁGINA CONDICIONES DE ENVÍO
SITIO: CUENTA OVEJAS
PÁGINA / ID: 995868
ALCANCE:
- H2 secciones.
- H3 subsecciones.
- H4 apartados internos.
- Espaciado.
- Responsive móvil.
========================================================== */


/* ----------------------------------------------------------
[CO-90.01-A] H2 — SECCIONES PRINCIPALES
---------------------------------------------------------- */

.page-id-995868 .entry-content h2.wp-block-wd-title {
    margin-top: 38px;
    margin-bottom: 16px;

    padding-bottom: 9px;

    border-bottom: 2px solid #a0a3d9;

    color: #252525;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
}


/* Primer H2 de la página */
.page-id-995868
.entry-content
h2.wp-block-wd-title:first-child {
    margin-top: 0;
}


/* ----------------------------------------------------------
[CO-90.01-B] H3 — SUBSECCIONES
---------------------------------------------------------- */

.page-id-995868 .entry-content h3.wp-block-wd-title {
    margin-top: 28px;
    margin-bottom: 14px;

    padding-left: 11px;

    border-left: 4px solid #dd4f52;

    color: #353535;

    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}


/* ----------------------------------------------------------
[CO-90.01-C] H4 — APARTADOS INTERNOS
---------------------------------------------------------- */

.page-id-995868 .entry-content h4.wp-block-wd-title {
    margin-top: 22px;
    margin-bottom: 9px;

    color: #dd4f52;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}


/* ----------------------------------------------------------
[CO-90.01-D] ESPACIADO DESPUÉS DE ENCABEZADOS
---------------------------------------------------------- */

.page-id-995868 .entry-content h2.wp-block-wd-title + p,
.page-id-995868 .entry-content h3.wp-block-wd-title + p,
.page-id-995868 .entry-content h4.wp-block-wd-title + p {
    margin-top: 0;
}


/* ----------------------------------------------------------
[CO-90.01-E] RESPONSIVE — MÓVIL
---------------------------------------------------------- */

@media (max-width: 767px) {

    .page-id-995868 .entry-content h2.wp-block-wd-title {
        margin-top: 32px;
        font-size: 22px;
    }

    .page-id-995868 .entry-content h3.wp-block-wd-title {
        margin-top: 24px;
        font-size: 19px;
    }

    .page-id-995868 .entry-content h4.wp-block-wd-title {
        margin-top: 19px;
        font-size: 16px;
    }
}

/* ==================== FIN [CO-90.01] ==================== */

/* ==========================================================
[CO-60.01-P01]
PARCHE: CHECKOUT — IDENTIDAD VISUAL + CUPÓN + TU PEDIDO
SITIO: CUENTA OVEJAS
PÁGINA / ID: Checkout — página 10
BLOQUE PADRE: CO-60.01

ALCANCE:
- Mejora visual del cupón.
- Elimina efecto “ticket” / “pinchos” en Tu pedido.
- Redondea y suaviza el contenedor derecho.
- Refuerza identidad Cuenta Ovejas.
- Agrega detalles decorativos suaves de marca.
- Ajusta selección visual de métodos de pago.
- Mantiene responsive.

IMPORTANTE:
- Este bloque es un PARCHE sobre CO-60.01.
- Pegar al final del CSS personalizado de WoodMart.
- Si algo sale mal, se elimina este bloque completo.
========================================================== */


/* ==========================================================
[CO-60.01-P01-A]
IDENTIDAD MÁS CUENTA OVEJAS
========================================================== */

/* Fondos más suaves y menos genéricos */
body.page-id-10 .woocommerce-billing-fields,
body.page-id-10 .woocommerce-shipping-fields,
body.page-id-10 .woocommerce-additional-fields {
    padding: 22px;

    border: 1px solid rgba(160, 163, 217, 0.28);
    border-radius: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.72) 0%,
            rgba(240, 235, 229, 0.52) 100%
        );

    box-shadow:
        0 6px 16px rgba(21, 23, 53, 0.035);
}


/* Tu pedido con superficie más marca */
body.page-id-10 #order_review {
    border: 1px solid rgba(160, 163, 217, 0.28);
    border-radius: 16px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(240, 235, 229, 0.68) 100%
        );

    box-shadow:
        0 8px 20px rgba(21, 23, 53, 0.04);
}


/* ==========================================================
[CO-60.01-P01-B]
QUITAR EFECTO “TICKET / PINCHOS”
========================================================== */

/* WoodMart a veces agrega decoración en wrappers del resumen */
body.page-id-10 .woocommerce-checkout-review-order::before,
body.page-id-10 .woocommerce-checkout-review-order::after,
body.page-id-10 .wd-checkout-prod::before,
body.page-id-10 .wd-checkout-prod::after,
body.page-id-10 .wd-checkout-review-order::before,
body.page-id-10 .wd-checkout-review-order::after,
body.page-id-10 #order_review_heading::before,
body.page-id-10 #order_review_heading::after {
    content: none !important;
    display: none !important;
}


/* Contenedor superior del lado derecho, más limpio y redondeado */
body.page-id-10 .woocommerce-checkout-review-order,
body.page-id-10 .wd-checkout-review-order,
body.page-id-10 .wd-checkout-prod {
    border-radius: 16px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Título Tu pedido sin rarezas arriba */
body.page-id-10 #order_review_heading {
    margin-bottom: 14px;
    padding-top: 0;
    background: transparent !important;
}


/* ==========================================================
[CO-60.01-P01-C]
DETALLE DECORATIVO DE MARCA — “zzz”
========================================================== */

body.page-id-10 .woocommerce-billing-fields > h3,
body.page-id-10 .woocommerce-additional-fields > h3,
body.page-id-10 #order_review_heading {
    position: relative;
    padding-right: 44px;
}

body.page-id-10 .woocommerce-billing-fields > h3::before,
body.page-id-10 .woocommerce-additional-fields > h3::before,
body.page-id-10 #order_review_heading::before {
    content: "zzz";

    position: absolute;
    right: 0;
    top: -2px;

    color: rgba(160, 163, 217, 0.95);

    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1;
}


/* Línea-acento un poco más visible */
body.page-id-10 .woocommerce-billing-fields > h3::after,
body.page-id-10 .woocommerce-additional-fields > h3::after,
body.page-id-10 #order_review_heading::after {
    width: 74px;
    height: 3px;

    background: linear-gradient(
        90deg,
        #a0a3d9 0%,
        #54578c 100%
    );

    border-radius: 999px;
}


/* ==========================================================
[CO-60.01-P01-D]
CUPÓN — MEJOR ALINEADO
========================================================== */

body.page-id-10 form.checkout_coupon.woocommerce-form-coupon {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;

    max-width: 680px;

    margin-top: 12px;
    margin-bottom: 30px;
}

body.page-id-10 form.checkout_coupon .form-row {
    float: none !important;
    margin: 0 !important;
}

body.page-id-10 form.checkout_coupon .form-row-first {
    flex: 1 1 320px;
    width: auto !important;
    max-width: none !important;
}

body.page-id-10 form.checkout_coupon .form-row-last {
    flex: 0 0 170px;
    width: 170px !important;
}

body.page-id-10 form.checkout_coupon input.input-text {
    min-height: 44px;
    border: 1px solid rgba(160, 163, 217, 0.65);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.78);
}

body.page-id-10 form.checkout_coupon button.button {
    width: 100%;
    min-height: 44px;

    border-radius: 8px;

    background: #dd4f52;
    box-shadow: 0 4px 10px rgba(221, 79, 82, 0.12);
}

body.page-id-10 form.checkout_coupon button.button:hover {
    background: #151735;
}


/* Texto del cupón un poco más fino */
body.page-id-10 .woocommerce-form-coupon-toggle .woocommerce-info {
    color: #54578c;
    font-size: 13px;
}


/* ==========================================================
[CO-60.01-P01-E]
MÉTODOS DE PAGO — MÁS MARCA
========================================================== */

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method {
    border: 1px solid rgba(160, 163, 217, 0.24);
    border-radius: 10px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(240, 235, 229, 0.34) 100%
        );
}

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method:hover {
    border-color: rgba(84, 87, 140, 0.40);
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.88) 0%,
            rgba(240, 235, 229, 0.48) 100%
        );
}

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method:has(> input:checked) {
    border-color: #a0a3d9;
    background:
        linear-gradient(
            180deg,
            rgba(160, 163, 217, 0.16) 0%,
            rgba(255, 255, 255, 0.86) 100%
        );

    box-shadow:
        0 0 0 2px rgba(160, 163, 217, 0.14);
}


/* ==========================================================
[CO-60.01-P01-F]
BLOQUE ADMIN “PRECIOS ESPECIALES”
========================================================== */

body.page-id-10 #order_review .fyc-aop-box,
body.page-id-10 #order_review .fyc-admin-order-prices,
body.page-id-10 #order_review .fyc-aop-card {
    border: 1px solid rgba(160, 163, 217, 0.42) !important;
    border-radius: 14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(240, 235, 229, 0.52) 100%
        ) !important;

    box-shadow: none !important;
}


/* ==========================================================
[CO-60.01-P01-G]
MÓVIL
========================================================== */

@media (max-width: 767px) {

    body.page-id-10 .woocommerce-billing-fields,
    body.page-id-10 .woocommerce-shipping-fields,
    body.page-id-10 .woocommerce-additional-fields {
        padding: 18px 15px;
        border-radius: 12px;
    }

    body.page-id-10 #order_review {
        border-radius: 14px;
    }

    body.page-id-10 .woocommerce-billing-fields > h3,
    body.page-id-10 .woocommerce-additional-fields > h3,
    body.page-id-10 #order_review_heading {
        padding-right: 34px;
    }

    body.page-id-10 .woocommerce-billing-fields > h3::before,
    body.page-id-10 .woocommerce-additional-fields > h3::before,
    body.page-id-10 #order_review_heading::before {
        font-size: 14px;
        top: 0;
    }

    body.page-id-10 form.checkout_coupon.woocommerce-form-coupon {
        display: block;
        max-width: 100%;
    }

    body.page-id-10 form.checkout_coupon .form-row-first,
    body.page-id-10 form.checkout_coupon .form-row-last {
        width: 100% !important;
    }

    body.page-id-10 form.checkout_coupon .form-row-last {
        margin-top: 8px !important;
    }
}


/* ================= FIN [CO-60.01-P01] ================= */

/* ==========================================================
[CO-60.01-P02]
PARCHE: CHECKOUT — SHIPPING COMPACTO + TU PEDIDO BRANDING
SITIO: CUENTA OVEJAS
PÁGINA / ID: Checkout — página 10
BLOQUE PADRE: CO-60.01
PARCHE ANTERIOR: CO-60.01-P01

ALCANCE:
- Reduce espacio vacío de “Enviar a una dirección diferente”.
- Traslada la tarjeta visual a los campos solo cuando se abren.
- Elimina definitivamente el efecto ticket de WoodMart.
- Rediseña “Tu pedido” con mayor identidad Cuenta Ovejas.
- Agrega detalle onírico sutil inspirado en luna / zzz.
- Conserva toda la lógica WooCommerce.
- Responsive.

ESTADO:
TEMPORAL — fusionar en CO-60.01 después de validar.
========================================================== */


/* ==========================================================
[CO-60.01-P02-A]
ENVIAR A UNA DIRECCIÓN DIFERENTE — COMPACTO
========================================================== */

/*
La caja exterior ya no necesita gran padding cuando
la dirección alternativa está cerrada.
*/

body.page-id-10 .woocommerce-shipping-fields {
    margin-top: 14px !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* Fila del checkbox */
body.page-id-10 #ship-to-different-address {
    margin: 0 !important;
    padding: 13px 16px !important;

    border: 1px solid rgba(160, 163, 217, 0.32) !important;
    border-radius: 11px !important;

    background:
        linear-gradient(
            90deg,
            rgba(160, 163, 217, 0.10) 0%,
            rgba(240, 235, 229, 0.55) 100%
        ) !important;

    color: #151735;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}


/* Label sin márgenes extra */
body.page-id-10
#ship-to-different-address
.woocommerce-form__label {
    display: flex;

    align-items: center;

    gap: 8px;

    margin: 0 !important;
}


/* Checkbox */
body.page-id-10
#ship-to-different-address
input[type="checkbox"] {
    margin: 0 !important;

    flex: 0 0 auto;
}


/* ==========================================================
[CO-60.01-P02-B]
CAMPOS DE DIRECCIÓN ALTERNATIVA

Cuando se despliegan reciben su propia superficie.
========================================================== */

body.page-id-10 .shipping_address {
    margin-top: 12px;
    padding: 18px;

    border: 1px solid rgba(160, 163, 217, 0.25);
    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.70) 0%,
            rgba(240, 235, 229, 0.48) 100%
        );
}


/* ==========================================================
[CO-60.01-P02-C]
QUITAR DEFINITIVAMENTE EL EFECTO TICKET DE WOODMART
========================================================== */

body.page-id-10 .checkout-order-review::before,
body.page-id-10 .checkout-order-review::after {
    content: none !important;

    display: none !important;

    background: none !important;
}


/* Wrapper principal */
body.page-id-10 .checkout-order-review {
    overflow: visible !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* ==========================================================
[CO-60.01-P02-D]
TU PEDIDO — CONTENEDOR DE MARCA
========================================================== */

body.page-id-10 #order_review {
    position: relative;

    overflow: hidden;

    border:
        1px solid
        rgba(160, 163, 217, 0.42) !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(240, 235, 229, 0.78) 58%,
            rgba(160, 163, 217, 0.10) 100%
        ) !important;

    box-shadow:
        0 10px 28px
        rgba(21, 23, 53, 0.055) !important;
}


/* ==========================================================
[CO-60.01-P02-E]
TU PEDIDO — CABECERA MÁS CUENTA OVEJAS
========================================================== */

body.page-id-10 #order_review_heading {
    position: relative;

    box-sizing: border-box;

    margin: 0 0 14px !important;

    padding:
        15px
        70px
        15px
        17px !important;

    overflow: hidden;

    border:
        1px solid
        rgba(160, 163, 217, 0.30);

    border-radius:
        14px;

    background:
        linear-gradient(
            100deg,
            rgba(160, 163, 217, 0.20) 0%,
            rgba(240, 235, 229, 0.90) 58%,
            rgba(255, 255, 255, 0.72) 100%
        );

    color: #151735 !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    border-bottom:
        1px solid
        rgba(160, 163, 217, 0.30) !important;
}


/* Eliminar línea anterior del P01 */
body.page-id-10 #order_review_heading::after {
    content: "☾  zzz" !important;

    position: absolute;

    right: 16px;
    top: 50%;

    width: auto !important;
    height: auto !important;

    transform: translateY(-50%);

    background: none !important;

    color: #54578c;

    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;

    opacity: 0.82;
}


/* Evitar segundo zzz del parche anterior */
body.page-id-10 #order_review_heading::before {
    content: none !important;
    display: none !important;
}


/* ==========================================================
[CO-60.01-P02-F]
MARCA DE AGUA SUTIL DENTRO DE TU PEDIDO
========================================================== */

body.page-id-10 #order_review::before {
    content: "zzz";

    position: absolute;

    right: -7px;
    top: 135px;

    z-index: 0;

    color:
        rgba(160, 163, 217, 0.085);

    font-size: 76px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: -5px;

    transform:
        rotate(-12deg);

    pointer-events: none;
}


/*
El contenido real siempre queda delante
de la decoración.
*/
body.page-id-10 #order_review > * {
    position: relative;
    z-index: 1;
}


/* ==========================================================
[CO-60.01-P02-G]
TABLA — MÁS LIMPIA Y MENOS WOOCOMMERCE GENÉRICO
========================================================== */

body.page-id-10
#order_review
table.shop_table {
    overflow: hidden;

    border-radius: 12px;

    background:
        rgba(255, 255, 255, 0.46);
}


/* Cabecera producto / subtotal */
body.page-id-10
#order_review
table.shop_table thead {
    background:
        rgba(160, 163, 217, 0.10);
}

body.page-id-10
#order_review
table.shop_table thead th {
    padding:
        11px
        10px;

    color: #54578c;

    font-weight: 700;
}


/* Celdas */
body.page-id-10
#order_review
table.shop_table tbody td,
body.page-id-10
#order_review
table.shop_table tfoot th,
body.page-id-10
#order_review
table.shop_table tfoot td {
    padding-left: 10px;
    padding-right: 10px;
}


/* ==========================================================
[CO-60.01-P02-H]
TOTAL — PEQUEÑO ACENTO DE MARCA
========================================================== */

body.page-id-10
#order_review
.order-total {
    background:
        rgba(160, 163, 217, 0.08);
}

body.page-id-10
#order_review
.order-total th {
    color: #54578c !important;
}

body.page-id-10
#order_review
.order-total td {
    color: #151735 !important;
}


/* ==========================================================
[CO-60.01-P02-I]
PAGO SELECCIONADO
========================================================== */

body.page-id-10
#payment
.wc_payment_methods
li.wc_payment_method:has(> input:checked) {
    border-color:
        rgba(84, 87, 140, 0.58) !important;

    background:
        linear-gradient(
            100deg,
            rgba(160, 163, 217, 0.15) 0%,
            rgba(240, 235, 229, 0.50) 100%
        ) !important;
}


/* ==========================================================
[CO-60.01-P02-J]
MÓVIL
========================================================== */

@media (max-width: 767px) {

    body.page-id-10 #ship-to-different-address {
        padding:
            12px
            13px !important;
    }


    body.page-id-10 .shipping_address {
        padding:
            15px
            13px;

        border-radius:
            10px;
    }


    body.page-id-10 #order_review {
        border-radius:
            14px !important;
    }


    body.page-id-10 #order_review_heading {
        padding:
            13px
            62px
            13px
            14px !important;

        border-radius:
            11px;

        font-size:
            19px !important;
    }


    body.page-id-10 #order_review_heading::after {
        right: 13px;

        font-size: 13px;
    }


    body.page-id-10 #order_review::before {
        right: -10px;
        top: 150px;

        font-size: 60px;
    }
}


/* ================= FIN [CO-60.01-P02] ================= */
/* ==========================================================
[CO-60.01-P03]
PARCHE: CHECKOUT — UNIFICAR "TU PEDIDO" + AJUSTE CUPÓN + MÓVIL
SITIO: CUENTA OVEJAS
PÁGINA / ID: Checkout — página 10
BLOQUE PADRE: CO-60.01
PARCHES RELACIONADOS:
- CO-60.01-P01
- CO-60.01-P02

ALCANCE:
- Une visualmente "Tu pedido" con su bloque inferior.
- Fondo blanco para el bloque derecho.
- Reduce espacio sobrante debajo del cupón.
- Corrige ancho estrecho de "Tu pedido" en móvil.
- Mantiene identidad visual Cuenta Ovejas.

ESTADO:
TEMPORAL — fusionar en CO-60.01 tras validación.
========================================================== */


/* ==========================================================
[CO-60.01-P03-A]
CUPÓN — REDUCIR ESPACIO INFERIOR
========================================================== */

/* Menos espacio debajo del texto del cupón */
body.page-id-10 .woocommerce-form-coupon-toggle {
    margin-bottom: 4px !important;
}

/* Menos espacio debajo del formulario de cupón */
body.page-id-10 form.checkout_coupon.woocommerce-form-coupon {
    margin-top: 8px !important;
    margin-bottom: 14px !important;
    padding-bottom: 0 !important;
}

/* Evitar separación extra dentro del cupón */
body.page-id-10 form.checkout_coupon .form-row-last,
body.page-id-10 form.checkout_coupon .form-row-first,
body.page-id-10 form.checkout_coupon .form-row {
    margin-bottom: 0 !important;
}

/* Si Woo/tema mete clear extra debajo */
body.page-id-10 form.checkout_coupon::after {
    margin-bottom: 0 !important;
}


/* ==========================================================
[CO-60.01-P03-B]
"TU PEDIDO" — CABECERA Y BLOQUE UNIDOS
========================================================== */

/*
La idea es que "TU PEDIDO" sea la cabecera del mismo bloque,
no una caja aparte separada.
*/
body.page-id-10 #order_review_heading {
    margin: 0 !important;
    padding: 16px 70px 16px 18px !important;

    border:
        1px solid rgba(160, 163, 217, 0.42) !important;
    border-bottom: 0 !important;

    border-radius: 18px 18px 0 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(240, 235, 229, 0.78) 100%
        ) !important;

    box-shadow:
        0 8px 18px rgba(21, 23, 53, 0.035) !important;
}

/*
El bloque de contenido se pega al heading
y hereda el look blanco principal.
*/
body.page-id-10 #order_review {
    margin-top: 0 !important;
    padding-top: 18px !important;

    border:
        1px solid rgba(160, 163, 217, 0.42) !important;
    border-top: 0 !important;

    border-radius: 0 0 18px 18px !important;

    background: #ffffff !important;

    box-shadow:
        0 10px 24px rgba(21, 23, 53, 0.045) !important;
}

/* El wrapper también sin separación extra */
body.page-id-10 .checkout-order-review,
body.page-id-10 .woocommerce-checkout-review-order,
body.page-id-10 .wd-checkout-review-order,
body.page-id-10 .wd-checkout-prod {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}


/* ==========================================================
[CO-60.01-P03-C]
"TU PEDIDO" — TABLA CON FONDO BLANCO Y MENOS EFECTO GENÉRICO
========================================================== */

body.page-id-10 #order_review table.shop_table {
    background: transparent !important;
    border-radius: 0 !important;
}

/* Mini bloque superior del producto, más integrado */
body.page-id-10 #order_review .wd-order-review-product,
body.page-id-10 #order_review .wd-checkout-prod,
body.page-id-10 #order_review .wd-order-review {
    background: transparent !important;
}

/* La tarjeta del upsell/regla promo del pedido, un poco más blanca */
body.page-id-10 #order_review .wd-order-review-product,
body.page-id-10 #order_review .wd-checkout-prod > *,
body.page-id-10 #order_review .wd-order-review-product > * {
    border-color: rgba(160, 163, 217, 0.26) !important;
}


/* ==========================================================
[CO-60.01-P03-D]
"TU PEDIDO" — DECORACIÓN MÁS SUTIL
========================================================== */

/* Marca de agua más suave para que el blanco se vea limpio */
body.page-id-10 #order_review::before {
    opacity: 0.75;
    color: rgba(160, 163, 217, 0.06) !important;
}

/* Cabecera con detalle, pero menos “flotante” */
body.page-id-10 #order_review_heading::after {
    content: "☾  zzz" !important;

    right: 16px;
    top: 50%;

    transform: translateY(-50%);

    color: #54578c;
    opacity: 0.82;
}


/* ==========================================================
[CO-60.01-P03-E]
MÓVIL — TU PEDIDO MÁS ANCHO
========================================================== */

@media (max-width: 767px) {

    /*
    El bloque derecho debe ocupar el mismo ancho visual
    que el bloque superior.
    */
    body.page-id-10 .checkout-order-review,
    body.page-id-10 .woocommerce-checkout-review-order,
    body.page-id-10 .wd-checkout-review-order,
    body.page-id-10 .wd-checkout-prod,
    body.page-id-10 #order_review_heading,
    body.page-id-10 #order_review {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    /* Cabecera unida al bloque */
    body.page-id-10 #order_review_heading {
        padding: 14px 58px 14px 14px !important;

        border-radius: 14px 14px 0 0 !important;
    }

    body.page-id-10 #order_review {
        padding: 15px 13px 16px !important;

        border-radius: 0 0 14px 14px !important;
    }

    /* En móvil el cupón no debe dejar hueco grande */
    body.page-id-10 .woocommerce-form-coupon-toggle {
        margin-bottom: 2px !important;
    }

    body.page-id-10 form.checkout_coupon.woocommerce-form-coupon {
        margin-top: 6px !important;
        margin-bottom: 12px !important;
    }
}


/* ==========================================================
[CO-60.01-P03-F]
MÓVIL PEQUEÑO
========================================================== */

@media (max-width: 480px) {

    body.page-id-10 #order_review_heading {
        padding: 13px 52px 13px 13px !important;
    }

    body.page-id-10 #order_review_heading::after {
        right: 12px;
        font-size: 13px;
    }

    body.page-id-10 #order_review {
        padding: 14px 12px 15px !important;
    }
}


/* ================= FIN [CO-60.01-P03] ================= */
/* ==========================================================
[CO-60.01-P04]
PARCHE: CHECKOUT — ALINEACIÓN FINAL + CUPÓN + ANCHO MÓVIL
SITIO: CUENTA OVEJAS
PÁGINA / ID: Checkout — página 10
BLOQUE PADRE: CO-60.01

CORRIGE:
- Alineación superior en PC entre Detalles de facturación
  y Tu pedido.
- Espacio excesivo debajo del cupón abierto/cerrado.
- Ancho estrecho de Tu pedido en móvil.
- Desplazamiento interno de PRODUCTO / SUBTOTAL.
- Exceso de cajas anidadas en el resumen.

CAUSA IDENTIFICADA:
- WoodMart añade margin-top:30px a billing en desktop.
- WoodMart añade margin-bottom:25px al div interno del cupón.
- WoodMart añade padding 30px/20px a checkout-order-review.

ESTADO:
TEMPORAL — consolidar tras validación.
========================================================== */


/* ==========================================================
[CO-60.01-P04-A]
PC — ALINEAR INICIO DE LAS DOS COLUMNAS
========================================================== */

@media (min-width: 769px) {

    /*
    WoodMart añade margin-top:30px aquí.
    Lo eliminamos para que Facturación y Tu pedido
    comiencen exactamente a la misma altura.
    */
    body.page-id-10
    form.woocommerce-checkout
    > .customer-details
    .woocommerce-billing-fields {
        margin-top: 0 !important;
    }
}


/* ==========================================================
[CO-60.01-P04-B]
CUPÓN — ELIMINAR ESPACIO NATIVO DE WOODMART
========================================================== */

/*
WoodMart aplica el margen al DIV INTERNO,
no al wrapper .woocommerce-form-coupon-toggle.
*/
:root body.page-id-10
.woocommerce-form-coupon-toggle
> div {
    margin-bottom: 8px !important;
}


/* Contenedor exterior */
body.page-id-10
.woocommerce-form-coupon-toggle {
    margin-bottom: 0 !important;
}


/* Formulario abierto */
body.page-id-10
form.checkout_coupon.woocommerce-form-coupon {
    margin-top: 6px !important;
    margin-bottom: 10px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Evitar margen adicional antes del checkout */
body.page-id-10
form.checkout.woocommerce-checkout {
    margin-top: 0 !important;
}


/* ==========================================================
[CO-60.01-P04-C]
WRAPPER TU PEDIDO — QUITAR PADDING NATIVO DE WOODMART
========================================================== */

/*
WoodMart mete:
Desktop: 30px
Móvil: 20px

Ahora que nosotros diseñamos heading + contenido,
ese padding solo crea una caja dentro de otra.
*/
body.page-id-10
form.woocommerce-checkout
> .checkout-order-review {
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* ==========================================================
[CO-60.01-P04-D]
TU PEDIDO — ANCHO REAL COMPLETO
========================================================== */

body.page-id-10
.checkout-order-review,
body.page-id-10
#order_review_heading,
body.page-id-10
#order_review {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* ==========================================================
[CO-60.01-P04-E]
ELIMINAR CAJA INTERMEDIA DE WOODMART
========================================================== */

/*
WoodMart crea .wd-table-wrapper con:
- padding lateral 25px
- fondo blanco
- sombra

Eso estaba desplazando PRODUCTO / SUBTOTAL
y creando otra tarjeta dentro de nuestra tarjeta.
*/
body.page-id-10
.checkout-order-review
> .woocommerce-checkout-review-order
.wd-table-wrapper {
    overflow: visible !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* ==========================================================
[CO-60.01-P04-F]
TABLA — PRODUCTO / SUBTOTAL ALINEADOS
========================================================== */

body.page-id-10
#order_review
.woocommerce-checkout-review-order-table {
    width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box;
}


/* Cabecera */
body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
thead {
    width: 100%;
}


/* Fila de cabecera */
body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
thead tr {
    width: 100%;

    box-sizing: border-box;

    background:
        rgba(160, 163, 217, 0.10);
}


/* Ambos títulos */
body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
thead th {
    flex: 1 1 50%;

    box-sizing: border-box;

    padding: 11px 10px !important;
}


/* Producto a la izquierda */
body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
thead th.product-name {
    text-align: left;
}


/* Subtotal a la derecha */
body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
thead th.product-total {
    text-align: right;
}


/* ==========================================================
[CO-60.01-P04-G]
MÓVIL — MISMO ANCHO VISUAL QUE FACTURACIÓN
========================================================== */

@media (max-width: 768px) {

    /*
    WoodMart convierte ambas columnas a 100%,
    pero el padding del review hacía que pareciera
    mucho más angosto.
    */
    body.page-id-10
    form.woocommerce-checkout
    > .customer-details,
    body.page-id-10
    form.woocommerce-checkout
    > .checkout-order-review {
        flex-basis: 100% !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    body.page-id-10
    form.woocommerce-checkout
    > .checkout-order-review {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* Heading y contenido exactamente iguales */
    body.page-id-10
    #order_review_heading,
    body.page-id-10
    #order_review {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /*
    Mantener un padding interior razonable,
    pero ya dentro de nuestra propia tarjeta.
    */
    body.page-id-10
    #order_review {
        padding:
            15px
            14px
            16px !important;
    }


    /* Tabla usa todo el ancho disponible */
    body.page-id-10
    #order_review
    .woocommerce-checkout-review-order-table {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* Cabecera PRODUCTO ya no queda corrida */
    body.page-id-10
    #order_review
    .woocommerce-checkout-review-order-table
    thead th {
        padding:
            10px
            8px !important;
    }


    /* Cupón más pegado al bloque siguiente */
    :root body.page-id-10
    .woocommerce-form-coupon-toggle
    > div {
        margin-bottom: 6px !important;
    }

    body.page-id-10
    form.checkout_coupon.woocommerce-form-coupon {
        margin-top: 6px !important;
        margin-bottom: 8px !important;
    }
}


/* ==========================================================
[CO-60.01-P04-H]
MÓVIL PEQUEÑO
========================================================== */

@media (max-width: 480px) {

    body.page-id-10
    #order_review {
        padding:
            13px
            11px
            15px !important;
    }

    body.page-id-10
    #order_review
    .woocommerce-checkout-review-order-table
    thead th {
        padding:
            9px
            7px !important;
    }
}


/* ================= FIN [CO-60.01-P04] ================= */
/* ==========================================================
[CO-60.01-P05]
PARCHE: CHECKOUT — AJUSTE FINAL PC + CUPÓN + EXTRAS DEL PEDIDO
SITIO: CUENTA OVEJAS
PÁGINA / ID: Checkout — página 10
BLOQUE PADRE: CO-60.01

ALCANCE:
- Alinea Detalles de facturación y Tu pedido en PC.
- Reduce definitivamente el espacio del cupón.
- Prepara el estilo para extras/promociones movidos por JS.
- Mantiene el ancho móvil ya corregido.

DEPENDENCIA:
- Snippet JS/PHP "CO — Checkout — Reubicar extras del pedido".

ESTADO:
TEMPORAL — consolidar tras validación.
========================================================== */


/* ==========================================================
[CO-60.01-P05-A]
CUPÓN — ELIMINAR ESPACIO SOBRANTE
========================================================== */

/* WoodMart añade 25px al DIV interno */
:root body.page-id-10
.woocommerce-form-coupon-toggle
> div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}


/* Wrapper */
body.page-id-10
.woocommerce-form-coupon-toggle {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Cupón abierto */
body.page-id-10
form.checkout_coupon.woocommerce-form-coupon {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/*
Acercamos el checkout al área del cupón.
Corrige tanto cupón cerrado como abierto.
*/
body.page-id-10
form.woocommerce-checkout {
    margin-top: -18px !important;
}


/* ==========================================================
[CO-60.01-P05-B]
PC — ALINEAR LAS DOS COLUMNAS
========================================================== */

@media (min-width: 769px) {

    /*
    Facturación quedaba aprox. 20px más abajo.
    Como hemos subido todo el checkout 18px,
    devolvemos esos 20px únicamente a la columna derecha.
    Resultado: ambos encabezados arrancan alineados.
    */
    body.page-id-10
    form.woocommerce-checkout
    > .checkout-order-review {
        margin-top: 20px !important;
    }


    /* Asegurar que facturación no conserve margen WoodMart */
    body.page-id-10
    #customer_details
    .woocommerce-billing-fields {
        margin-top: 0 !important;
    }
}


/* ==========================================================
[CO-60.01-P05-C]
FILAS EXTRA REUBICADAS — PRECIOS/PROMOS
========================================================== */

/*
El JS les agrega .co-checkout-extra-row y las coloca
después del Total, evitando que interrumpan los productos.
*/

body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
tfoot
tr.co-checkout-extra-row {
    display: flex !important;

    width: 100% !important;

    box-sizing: border-box;

    margin-top: 12px !important;
    padding-top: 0 !important;

    border: 0 !important;

    align-items: stretch !important;
}


/* Celda del extra */
body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
tfoot
tr.co-checkout-extra-row
> td,
body.page-id-10
#order_review
.woocommerce-checkout-review-order-table
tfoot
tr.co-checkout-extra-row
> th {
    display: block !important;

    flex: 1 1 100% !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box;

    padding: 0 !important;

    text-align: left !important;
}


/* Evitar márgenes laterales heredados */
body.page-id-10
#order_review
.co-checkout-extra-row
> *
> :first-child {
    margin-top: 0 !important;
}

body.page-id-10
#order_review
.co-checkout-extra-row
> *
> :last-child {
    margin-bottom: 0 !important;
}


/* ==========================================================
[CO-60.01-P05-D]
MÓVIL
========================================================== */

@media (max-width: 768px) {

    body.page-id-10
    form.woocommerce-checkout {
        margin-top: -10px !important;
    }


    /* En móvil no aplicar desplazamiento desktop */
    body.page-id-10
    form.woocommerce-checkout
    > .checkout-order-review {
        margin-top: 0 !important;
    }


    body.page-id-10
    #order_review
    .woocommerce-checkout-review-order-table
    tfoot
    tr.co-checkout-extra-row {
        margin-top: 10px !important;
    }
}


/* ================= FIN [CO-60.01-P05] ================= */

/* ==========================================================
[CO-60.01-P06]
PARCHE: CHECKOUT — ESTADO "PROCESANDO PEDIDO" (VERSIÓN SUAVE)
SITIO: CUENTA OVEJAS
PÁGINA / ID: Checkout — página 10
BLOQUE PADRE: CO-60.01

ALCANCE:
- Recupera el efecto visual de opacidad al procesar.
- Evita que parezca que el CSS desapareció.
- Mantiene bordes, tarjetas e inputs estables.
- Corrige el mensaje "Procesando tu pedido..." para que
  no salga como globo raro.
- No modifica lógica de WooCommerce.

IMPORTANTE:
- Reemplaza el P06 anterior completo.
- NO usar junto con el P06 viejo.
========================================================== */


/* ==========================================================
[CO-60.01-P06-A]
CONTEXTO DEL FORMULARIO
========================================================== */

body.page-id-10 form.checkout {
    position: relative;
}


/* ==========================================================
[CO-60.01-P06-B]
OVERLAY DE PROCESAMIENTO
========================================================== */

/*
Queremos que se vea "apagado", pero no lavado al punto
de perder bordes o identidad visual.
*/
body.page-id-10
form.checkout.processing
.blockUI.blockOverlay,

body.page-id-10
#order_review
.blockUI.blockOverlay,

body.page-id-10
#payment
.blockUI.blockOverlay {
    background: rgba(240, 235, 229, 0.42) !important;
    opacity: 1 !important;
    cursor: wait !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* ==========================================================
[CO-60.01-P06-C]
NO DEJAR QUE SE "ROMPAN" VISUALMENTE LOS BORDES
========================================================== */

/*
No tocamos opacidades individuales.
Solo reforzamos que los bordes visibles se mantengan.
*/
body.page-id-10
form.checkout.processing
.woocommerce-billing-fields,

body.page-id-10
form.checkout.processing
.woocommerce-shipping-fields,

body.page-id-10
form.checkout.processing
.woocommerce-additional-fields,

body.page-id-10
form.checkout.processing
#order_review_heading,

body.page-id-10
form.checkout.processing
#order_review,

body.page-id-10
form.checkout.processing
#payment .wc_payment_method {
    border-color: rgba(160, 163, 217, 0.42) !important;
}


/* Inputs / selects */
body.page-id-10
form.checkout.processing
input.input-text,

body.page-id-10
form.checkout.processing
select,

body.page-id-10
form.checkout.processing
.select2-selection--single {
    border-color: rgba(84, 87, 140, 0.30) !important;
}


/* ==========================================================
[CO-60.01-P06-D]
MENSAJE DE PROCESAMIENTO — BIEN POSICIONADO
========================================================== */

/*
En vez de colgarlo del blockOverlay, lo colgamos del form.
Así no sale ese globo raro.
*/
body.page-id-10
form.checkout.processing::after {
    content: "Procesando tu pedido…";

    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10050;

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

    padding: 10px 16px;

    border: 1px solid rgba(160, 163, 217, 0.85);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.96);
    color: #151735;

    box-shadow: 0 6px 18px rgba(21, 23, 53, 0.10);

    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;

    pointer-events: none;
}


/* ==========================================================
[CO-60.01-P06-E]
MÓVIL
========================================================== */

@media (max-width: 767px) {

    body.page-id-10
    form.checkout.processing
    .blockUI.blockOverlay,

    body.page-id-10
    #order_review
    .blockUI.blockOverlay,

    body.page-id-10
    #payment
    .blockUI.blockOverlay {
        background: rgba(240, 235, 229, 0.45) !important;
    }

    body.page-id-10
    form.checkout.processing::after {
        top: 48%;

        padding: 9px 14px;

        font-size: 11.5px;
    }
}


/* ================= FIN [CO-60.01-P06] ================= */

/* ==========================================================
[CO-70.01]
BLOQUE: THANK YOU / PEDIDO COMPLETADO — UX/UI FINAL V3
SITIO: CUENTA OVEJAS
PÁGINA / ID: Purchase Confirmation — página 1685

ALCANCE:
- Confirmación de compra.
- Resumen del pedido.
- Medio de pago dinámico.
- Interbank / Yape.
- Detalles del pedido.
- Facturación y envío.
- Responsive PC / laptop / móvil.

DIRECCIÓN VISUAL:
- Composición centrada tipo Mamá Primero.
- Más presencia y mejor aprovechamiento horizontal.
- Identidad visual Cuenta Ovejas.
- Jerarquía clara sin efecto dashboard.
- Crema + blanco + azul profundo + morado + lavanda.
- Rojo solo como microacento.
========================================================== */


/* ==========================================================
[CO-70.01-A]
PALETA LOCAL
========================================================== */

body.woocommerce-order-received {
    --co-ty-navy: #151735;
    --co-ty-purple: #54578c;
    --co-ty-lavender: #a0a3d9;
    --co-ty-cream: #f0ebe5;
    --co-ty-red: #dd4f52;

    --co-ty-white: #ffffff;
    --co-ty-text: #34343d;
    --co-ty-muted: #777783;

    --co-ty-border:
        rgba(84, 87, 140, 0.20);

    --co-ty-lavender-soft:
        rgba(160, 163, 217, 0.14);

    --co-ty-shadow:
        0 12px 35px rgba(21, 23, 53, 0.055);
}


/* ==========================================================
[CO-70.01-B]
ELIMINAR SPACER ANTIGUO
========================================================== */

body.page-id-1685
.elementor-widget-spacer {
    display: none !important;
}


/* ==========================================================
[CO-70.01-C]
FONDO GENERAL
========================================================== */

body.woocommerce-order-received
.main-page-wrapper {
    background:
        radial-gradient(
            circle at 4% 22%,
            rgba(160, 163, 217, 0.16),
            transparent 22%
        ),
        radial-gradient(
            circle at 96% 62%,
            rgba(84, 87, 140, 0.07),
            transparent 20%
        ),
        linear-gradient(
            180deg,
            #f0ebe5 0%,
            #f5f1ed 100%
        );
}


/* ==========================================================
[CO-70.01-D]
FORZAR CONTENEDOR GENERAL MÁS GENEROSO
========================================================== */

body.page-id-1685
.elementor-element-2c45d66
> .elementor-container {
    width: 100% !important;
    max-width: 1180px !important;
}


body.page-id-1685
.elementor-element-6a19720 {
    width: 100% !important;
}


body.page-id-1685
.elementor-element-c83589d {
    width: 100% !important;
}


body.woocommerce-order-received
.elementor-widget-woocommerce-purchase-summary
> .elementor-widget-container {
    width: 100%;
}


/* Contenido principal */
body.woocommerce-order-received
.elementor-widget-woocommerce-purchase-summary {
    width: 100%;

    max-width: 1080px;

    box-sizing: border-box;

    margin-left: auto;
    margin-right: auto;

    padding:
        28px
        30px
        60px;
}


/* ==========================================================
[CO-70.01-E]
CONFIRMACIÓN PRINCIPAL
========================================================== */

body.woocommerce-order-received
.woocommerce-thankyou-order-received {
    position: relative;

    width: 100%;

    box-sizing: border-box;

    margin:
        0
        auto
        18px !important;

    padding:
        25px
        80px
        25px
        74px !important;

    border:
        1px solid
        rgba(160, 163, 217, 0.48);

    border-radius:
        18px;

    background:
        linear-gradient(
            105deg,
            #ffffff 0%,
            rgba(255,255,255,0.96) 55%,
            rgba(160,163,217,0.13) 100%
        );

    color:
        var(--co-ty-navy) !important;

    box-shadow:
        var(--co-ty-shadow);

    font-size:
        25px !important;

    font-weight:
        700 !important;

    line-height:
        1.25;
}


/* Check de confirmación */
body.woocommerce-order-received
.woocommerce-thankyou-order-received::before {
    content: "✓";

    position: absolute;

    left: 22px;
    top: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    transform:
        translateY(-50%);

    border-radius:
        50%;

    background:
        var(--co-ty-purple);

    color:
        #fff;

    font-size:
        18px;

    font-weight:
        700;
}


/* Detalle sueño */
body.woocommerce-order-received
.woocommerce-thankyou-order-received::after {
    content: "☾ zzz";

    position: absolute;

    right: 22px;
    top: 50%;

    transform:
        translateY(-50%);

    color:
        var(--co-ty-purple);

    font-size:
        14px;

    font-weight:
        700;

    opacity:
        0.70;
}


/* ==========================================================
[CO-70.01-F]
DATOS PRINCIPALES DEL PEDIDO
========================================================== */

body.woocommerce-order-received
ul.woocommerce-order-overview {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:
        10px;

    width:
        100%;

    box-sizing:
        border-box;

    margin:
        0
        auto
        34px !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    list-style:
        none;
}


/* Tarjeta individual */
body.woocommerce-order-received
ul.woocommerce-order-overview
li {
    position: relative;

    float:
        none !important;

    width:
        auto !important;

    min-width:
        0;

    box-sizing:
        border-box;

    margin:
        0 !important;

    padding:
        15px
        16px
        14px !important;

    border:
        1px solid
        var(--co-ty-border) !important;

    border-radius:
        12px;

    background:
        rgba(255,255,255,0.82);

    color:
        var(--co-ty-muted);

    font-size:
        10.5px;

    line-height:
        1.35;

    box-shadow:
        0 5px 14px
        rgba(21,23,53,0.025);
}


/* Barra superior diferente por tarjeta */
body.woocommerce-order-received
ul.woocommerce-order-overview
li::before {
    content: "";

    position: absolute;

    left: 14px;
    right: 14px;
    top: 0;

    height: 3px;

    border-radius:
        0 0 999px 999px;

    background:
        var(--co-ty-lavender);
}


body.woocommerce-order-received
ul.woocommerce-order-overview
li:nth-child(2)::before {
    background:
        var(--co-ty-purple);
}


body.woocommerce-order-received
ul.woocommerce-order-overview
li:nth-child(3)::before {
    background:
        var(--co-ty-red);
}


body.woocommerce-order-received
ul.woocommerce-order-overview
li:nth-child(4)::before {
    background:
        var(--co-ty-navy);
}


/* Valor */
body.woocommerce-order-received
ul.woocommerce-order-overview
li strong {
    display: block;

    margin-top:
        5px;

    color:
        var(--co-ty-navy);

    font-size:
        14px;

    font-weight:
        700;

    overflow-wrap:
        anywhere;
}


/* ==========================================================
[CO-70.01-G]
MEDIO DE PAGO — CONTENEDOR PRINCIPAL
========================================================== */

body.woocommerce-order-received
.co-thankyou-payment {
    width:
        100%;

    max-width:
        820px;

    box-sizing:
        border-box;

    margin:
        0
        auto
        38px !important;

    padding:
        26px
        28px
        20px;

    border:
        1px solid
        rgba(160,163,217,0.38) !important;

    border-radius:
        20px;

    background:
        rgba(255,255,255,0.78) !important;

    box-shadow:
        var(--co-ty-shadow) !important;
}


/* ==========================================================
[CO-70.01-H]
ENCABEZADO DE PAGO
========================================================== */

body.woocommerce-order-received
.co-thankyou-payment__header {
    display:
        block;

    margin:
        0
        0
        20px;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    text-align:
        center;
}


body.woocommerce-order-received
.co-thankyou-payment__eyebrow {
    display:
        inline-block;

    margin-bottom:
        5px;

    color:
        var(--co-ty-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.12em;
}


body.woocommerce-order-received
.co-thankyou-payment__header h2 {
    margin:
        0 !important;

    color:
        var(--co-ty-navy) !important;

    font-size:
        24px !important;

    font-weight:
        700 !important;
}


body.woocommerce-order-received
.co-thankyou-payment__zzz {
    display:
        none !important;
}


/* ==========================================================
[CO-70.01-I]
CUERPO PAGO
========================================================== */

body.woocommerce-order-received
.co-thankyou-payment__body {
    width:
        100%;

    box-sizing:
        border-box;

    padding:
        0 !important;

    background:
        transparent !important;

    text-align:
        center;
}


/* ==========================================================
[CO-70.01-J]
INTERBANK
========================================================== */

body.woocommerce-order-received
.co-thankyou-payment
.descriinterbank {
    display:
        block !important;

    width:
        100% !important;

    max-width:
        560px !important;

    box-sizing:
        border-box;

    margin:
        0
        auto !important;

    padding:
        26px
        28px !important;

    overflow:
        hidden !important;

    border-radius:
        16px !important;

    text-align:
        center !important;

    font-size:
        12px !important;

    line-height:
        1.42 !important;

    box-shadow:
        0 8px 20px
        rgba(0,60,30,0.10);
}


/* Logo */
body.woocommerce-order-received
.co-thankyou-payment
.descriinterbank
.boxbanco1 {
    float:
        none !important;

    display:
        block !important;

    width:
        96px !important;

    height:
        76px !important;

    margin:
        16px
        auto
        6px !important;
}


/* Cuenta */
body.woocommerce-order-received
.co-thankyou-payment
.descriinterbank
.boxncb {
    float:
        none !important;

    width:
        100% !important;

    margin:
        0
        auto !important;

    text-align:
        center !important;
}


body.woocommerce-order-received
.co-thankyou-payment
.numerodecuenta1 {
    margin-top:
        9px !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    text-align:
        center !important;
}


body.woocommerce-order-received
.co-thankyou-payment
.numerodecuenta2 {
    font-size:
        21px !important;

    font-weight:
        700 !important;

    line-height:
        1.16 !important;

    text-align:
        center !important;

    overflow-wrap:
        anywhere;
}


/* ==========================================================
[CO-70.01-K]
TITULAR
========================================================== */

body.woocommerce-order-received
.co-thankyou-payment
.boxbanco2 {
    float:
        none !important;

    width:
        100% !important;

    max-width:
        350px !important;

    box-sizing:
        border-box;

    margin:
        14px
        auto
        0 !important;

    padding:
        0
        8px
        5px !important;

    overflow:
        visible !important;

    text-align:
        center !important;

    font-size:
        12px !important;

    line-height:
        1.42 !important;
}


/* Persona */
body.woocommerce-order-received
.co-thankyou-payment
.boxbanco2::before {
    content:
        "" !important;

    display:
        block !important;

    width:
        42px !important;

    height:
        42px !important;

    box-sizing:
        border-box;

    margin:
        0
        auto
        8px !important;

    border:
        2px solid
        rgba(255,255,255,0.92);

    border-radius:
        50% !important;

    background-color:
        #fff !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='%23009d40'/%3E%3Cpath d='M5 21c0-4.1 3.1-7 7-7s7 2.9 7 7' fill='%23009d40'/%3E%3C/svg%3E") !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        24px
        24px !important;
}


/* Sellos */
body.woocommerce-order-received
.co-thankyou-payment
.selloseguridad {
    clear:
        both;

    width:
        100% !important;

    max-width:
        300px !important;

    height:
        36px !important;

    margin:
        13px
        auto
        0 !important;

    background-position:
        center !important;

    background-size:
        contain !important;
}


/* ==========================================================
[CO-70.01-L]
YAPE / PLIN
========================================================== */

body.woocommerce-order-received
.co-thankyou-payment
.descriyape,

body.woocommerce-order-received
.co-thankyou-payment
.descriplin {
    width:
        100% !important;

    max-width:
        460px !important;

    box-sizing:
        border-box;

    margin:
        0
        auto !important;

    border-radius:
        16px !important;

    text-align:
        center !important;
}


/* ==========================================================
[CO-70.01-M]
MENSAJE DESPUÉS DEL PAGO
========================================================== */

body.woocommerce-order-received
.co-thankyou-payment__footer {
    position:
        relative;

    max-width:
        560px;

    margin:
        16px
        auto
        0;

    padding:
        10px
        14px !important;

    border:
        1px solid
        rgba(160,163,217,0.25) !important;

    border-radius:
        10px;

    background:
        rgba(160,163,217,0.08) !important;

    color:
        var(--co-ty-purple) !important;

    font-size:
        11.5px !important;

    font-weight:
        600;

    text-align:
        center;
}


/* ==========================================================
[CO-70.01-N]
TEXTO NATIVO POST-PAGO
========================================================== */

body.woocommerce-order-received
.woocommerce-order
> p:not(.woocommerce-thankyou-order-received) {
    width:
        100%;

    max-width:
        820px;

    box-sizing:
        border-box;

    margin:
        -18px
        auto
        34px;

    padding:
        12px
        16px;

    border-left:
        3px solid
        var(--co-ty-red);

    border-radius:
        0
        9px
        9px
        0;

    background:
        rgba(221,79,82,0.045);

    color:
        var(--co-ty-text);

    font-size:
        11.5px;

    line-height:
        1.5;
}


/* ==========================================================
[CO-70.01-O]
DETALLES — TÍTULO
========================================================== */

body.woocommerce-order-received
.woocommerce-order-details {
    width:
        100%;

    margin:
        0
        auto
        35px;
}


body.woocommerce-order-received
.woocommerce-order-details__title {
    position:
        relative;

    margin:
        0
        0
        13px !important;

    padding:
        0
        0
        11px !important;

    border-bottom:
        1px solid
        var(--co-ty-border);

    color:
        var(--co-ty-navy);

    font-size:
        21px;

    font-weight:
        700;
}


body.woocommerce-order-received
.woocommerce-order-details__title::after {
    content: "";

    position:
        absolute;

    left:
        0;

    bottom:
        -1px;

    width:
        62px;

    height:
        3px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--co-ty-purple),
            var(--co-ty-lavender)
        );
}


/* ==========================================================
[CO-70.01-P]
TABLA PEDIDO
========================================================== */

body.woocommerce-order-received
table.woocommerce-table--order-details {
    overflow:
        hidden !important;

    width:
        100%;

    margin:
        0 !important;

    border:
        1px solid
        var(--co-ty-border) !important;

    border-radius:
        15px !important;

    border-collapse:
        separate !important;

    border-spacing:
        0;

    background:
        #fff !important;

    box-shadow:
        0 8px 22px
        rgba(21,23,53,0.035);
}


/* Producto */
body.woocommerce-order-received
table.woocommerce-table--order-details
.product-name a {
    color:
        var(--co-ty-navy) !important;

    font-weight:
        600;

    text-decoration:
        none !important;
}


body.woocommerce-order-received
table.woocommerce-table--order-details
.product-name a:hover {
    color:
        var(--co-ty-purple) !important;
}


/* Celdas */
body.woocommerce-order-received
table.woocommerce-table--order-details
th,

body.woocommerce-order-received
table.woocommerce-table--order-details
td {
    padding:
        13px
        15px !important;

    border-color:
        var(--co-ty-border) !important;

    color:
        var(--co-ty-text);

    font-size:
        12.5px;

    line-height:
        1.45;
}


/* Header */
body.woocommerce-order-received
table.woocommerce-table--order-details
thead th {
    background:
        rgba(160,163,217,0.13) !important;

    color:
        var(--co-ty-navy) !important;

    font-size:
        11px;

    font-weight:
        700;

    text-transform:
        uppercase;
}


/* Total */
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(160,163,217,0.13),
            rgba(240,235,229,0.60)
        ) !important;
}


/* ==========================================================
[CO-70.01-Q]
DATOS CLIENTE
========================================================== */

body.woocommerce-order-received
.woocommerce-customer-details {
    width:
        100%;

    margin:
        0
        auto;
}


body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-columns {
    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        22px;
}


/* Columna */
body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-column {
    float:
        none !important;

    width:
        100% !important;

    margin:
        0 !important;
}


/* Heading */
body.woocommerce-order-received
.woocommerce-column__title {
    position:
        relative;

    margin:
        0
        0
        12px !important;

    padding:
        0
        0
        10px !important;

    border-bottom:
        1px solid
        var(--co-ty-border);

    color:
        var(--co-ty-navy);

    font-size:
        19px;

    font-weight:
        700;
}


body.woocommerce-order-received
.woocommerce-column__title::after {
    content: "";

    position:
        absolute;

    left:
        0;

    bottom:
        -1px;

    width:
        48px;

    height:
        3px;

    border-radius:
        999px;

    background:
        var(--co-ty-lavender);
}


/* Primera tarjeta un poquito morada */
body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-column:first-child
.woocommerce-column__title::after {
    background:
        var(--co-ty-purple);
}


/* Segunda con micro acento rojo */
body.woocommerce-order-received
.woocommerce-customer-details
.woocommerce-column:last-child
.woocommerce-column__title::after {
    background:
        var(--co-ty-red);
}


/* Dirección */
body.woocommerce-order-received
.woocommerce-customer-details
address {
    min-height:
        185px;

    box-sizing:
        border-box;

    margin:
        0 !important;

    padding:
        20px
        22px !important;

    border:
        1px solid
        var(--co-ty-border);

    border-radius:
        15px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98),
            rgba(240,235,229,0.48)
        );

    color:
        var(--co-ty-text);

    box-shadow:
        0 7px 18px
        rgba(21,23,53,0.03);

    font-size:
        13px;

    line-height:
        1.7;
}


/* ==========================================================
[CO-70.01-R]
LAPTOP
========================================================== */

@media (max-width: 1200px) {

    body.woocommerce-order-received
    .elementor-widget-woocommerce-purchase-summary {
        max-width:
            980px;

        padding-left:
            24px;

        padding-right:
            24px;
    }
}


/* ==========================================================
[CO-70.01-S]
LAPTOP PEQUEÑA
========================================================== */

@media (max-width: 1024px) {

    body.woocommerce-order-received
    .elementor-widget-woocommerce-purchase-summary {
        max-width:
            900px;
    }

    body.woocommerce-order-received
    .co-thankyou-payment {
        max-width:
            740px;
    }
}


/* ==========================================================
[CO-70.01-T]
MÓVIL
========================================================== */

@media (max-width: 767px) {

    body.woocommerce-order-received
    .elementor-widget-woocommerce-purchase-summary {
        width:
            100%;

        max-width:
            100%;

        padding:
            20px
            14px
            42px;
    }


    /* Gracias */
    body.woocommerce-order-received
    .woocommerce-thankyou-order-received {
        padding:
            18px
            46px
            18px
            58px !important;

        border-radius:
            14px;

        font-size:
            19px !important;
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received::before {
        left:
            15px;

        width:
            30px;

        height:
            30px;

        font-size:
            15px;
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received::after {
        right:
            12px;

        font-size:
            11px;
    }


    /* Overview */
    body.woocommerce-order-received
    ul.woocommerce-order-overview {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            8px;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview
    li {
        padding:
            13px
            12px !important;
    }


    /* Pago */
    body.woocommerce-order-received
    .co-thankyou-payment {
        max-width:
            100%;

        padding:
            20px
            13px
            15px;
    }


    body.woocommerce-order-received
    .co-thankyou-payment__header h2 {
        font-size:
            21px !important;
    }


    body.woocommerce-order-received
    .co-thankyou-payment
    .descriinterbank {
        max-width:
            100% !important;

        padding:
            21px
            15px !important;
    }


    body.woocommerce-order-received
    .co-thankyou-payment
    .numerodecuenta2 {
        font-size:
            18px !important;
    }


    body.woocommerce-order-received
    .co-thankyou-payment
    .descriyape,

    body.woocommerce-order-received
    .co-thankyou-payment
    .descriplin {
        max-width:
            100% !important;
    }


    /* Tabla */
    body.woocommerce-order-received
    table.woocommerce-table--order-details
    th,

    body.woocommerce-order-received
    table.woocommerce-table--order-details
    td {
        padding:
            10px
            9px !important;

        font-size:
            11.5px;
    }


    /* Direcciones */
    body.woocommerce-order-received
    .woocommerce-customer-details
    .woocommerce-columns {
        grid-template-columns:
            1fr;

        gap:
            20px;
    }


    body.woocommerce-order-received
    .woocommerce-customer-details
    address {
        min-height:
            auto;
    }
}


/* ==========================================================
[CO-70.01-U]
MÓVIL PEQUEÑO
========================================================== */

@media (max-width: 480px) {

    body.woocommerce-order-received
    .elementor-widget-woocommerce-purchase-summary {
        padding-left:
            10px;

        padding-right:
            10px;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview {
        grid-template-columns:
            1fr;
    }


    body.woocommerce-order-received
    .co-thankyou-payment {
        padding:
            16px
            10px
            13px;
    }
}


/* ==================== FIN [CO-70.01] ==================== */

/* ==========================================================
[CO-80.01]
BLOQUE: PRODUCTO INDIVIDUAL — UX/UI BASE
SITIO: CUENTA OVEJAS
PÁGINA / ID: GLOBAL — todos los Single Product

ALCANCE:
- Balance galería / información en escritorio.
- Identidad visual Cuenta Ovejas.
- Cantidad.
- Botones de compra.
- Stock.
- Beneficios.
- Tabs.
- Títulos inferiores.
- Responsive PC / laptop / móvil.

NO AFECTA:
- Carrito.
- Checkout.
- Cantidades fuera de Single Product.
- Lógica WooCommerce.
- Variaciones o stock.
========================================================== */


/* ==========================================================
[CO-80.01-A]
PALETA LOCAL
========================================================== */

body.single-product {
    --co-sp-navy: #151735;
    --co-sp-purple: #54578c;
    --co-sp-lavender: #a0a3d9;
    --co-sp-cream: #f0ebe5;
    --co-sp-red: #dd4f52;

    --co-sp-white: #ffffff;
    --co-sp-text: #34343d;
    --co-sp-muted: #777783;

    --co-sp-border:
        rgba(84, 87, 140, 0.22);

    --co-sp-soft:
        rgba(160, 163, 217, 0.12);

    --co-sp-shadow:
        0 12px 32px rgba(21, 23, 53, 0.055);
}


/* ==========================================================
[CO-80.01-B]
PC — REBALANCEAR GALERÍA / INFO

Plantilla actual:
Galería 66%
Información 33%

Nueva proporción:
Galería 55%
Información 45%
========================================================== */

@media (min-width: 1025px) {

    body.single-product
    .elementor-element-e818f72 {
        width: 55% !important;
    }


    body.single-product
    .elementor-element-7f048e04 {
        width: 45% !important;
    }


    /*
     * Evitar que incluso dentro del 55%
     * la imagen vuelva a crecer en exceso.
     */
    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery {
        width: 100%;

        max-width: 610px;

        margin-left: auto;
        margin-right: auto;
    }
}


/* ==========================================================
[CO-80.01-C]
LAPTOP PEQUEÑA
========================================================== */

@media (min-width: 1025px) and (max-width: 1199px) {

    body.single-product
    .elementor-element-e818f72 {
        width: 53% !important;
    }


    body.single-product
    .elementor-element-7f048e04 {
        width: 47% !important;
    }


    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery {
        max-width: 540px;
    }
}


/* ==========================================================
[CO-80.01-D]
GALERÍA — ACABADO
========================================================== */

body.single-product
.wd-single-gallery
.woocommerce-product-gallery {
    border-radius: 18px;
}


body.single-product
.wd-single-gallery
.woocommerce-product-gallery__image {
    overflow: hidden;

    border-radius: 16px;
}


/* Thumbnails */
body.single-product
.wd-single-gallery
.wd-gallery-thumb
.wd-carousel-item {
    overflow: hidden;

    border:
        1px solid transparent;

    border-radius: 10px;

    transition:
        border-color .2s ease,
        transform .2s ease;
}


body.single-product
.wd-single-gallery
.wd-gallery-thumb
.wd-carousel-item:hover {
    border-color:
        var(--co-sp-lavender);

    transform:
        translateY(-1px);
}


/* ==========================================================
[CO-80.01-E]
TARJETA PRINCIPAL DE INFORMACIÓN
========================================================== */

body.single-product
.elementor-element-51c288f5 {
    overflow: hidden;

    border:
        1px solid
        rgba(160, 163, 217, 0.30);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.98),
            rgba(240,235,229,0.42)
        ) !important;

    box-shadow:
        var(--co-sp-shadow);
}


/* Línea CO superior muy sutil */
body.single-product
.elementor-element-51c288f5::before {
    content: "";

    display: block;

    width: 76px;
    height: 4px;

    margin:
        0
        auto;

    border-radius:
        0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--co-sp-purple),
            var(--co-sp-lavender)
        );
}


/* ==========================================================
[CO-80.01-F]
TÍTULO
========================================================== */

body.single-product
.wd-single-title
.product_title {
    color:
        var(--co-sp-navy) !important;

    line-height:
        1.18;
}


/*
Pequeño detalle de marca.
No agrega contenido funcional.
*/
body.single-product
.wd-single-title::after {
    content: "☾ zzz";

    display: inline-block;

    margin-top:
        5px;

    color:
        var(--co-sp-purple);

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        .03em;

    opacity:
        .62;
}


/* ==========================================================
[CO-80.01-G]
RATING
========================================================== */

body.single-product
.woocommerce-product-rating
.woocommerce-review-link {
    color:
        var(--co-sp-purple) !important;

    text-decoration:
        none;
}


body.single-product
.woocommerce-product-rating
.woocommerce-review-link:hover {
    color:
        var(--co-sp-navy) !important;
}


/* ==========================================================
[CO-80.01-H]
PRECIO
========================================================== */

body.single-product
.wd-single-price
.price {
    color:
        var(--co-sp-navy) !important;
}


body.single-product
.wd-single-price
.price del {
    color:
        var(--co-sp-muted) !important;

    opacity:
        .72;
}


body.single-product
.wd-single-price
.price ins {
    color:
        var(--co-sp-navy) !important;

    font-weight:
        700;

    text-decoration:
        none;
}


/* ==========================================================
[CO-80.01-I]
DESCRIPCIÓN CORTA
========================================================== */

body.single-product
.wd-single-short-desc
.woocommerce-product-details__short-description {
    color:
        var(--co-sp-text);

    line-height:
        1.58;
}


/* ==========================================================
[CO-80.01-J]
BARRA DE STOCK
========================================================== */

body.single-product
.wd-single-stock-bar
.wd-progress-bar {
    padding:
        11px
        13px;

    border:
        1px solid
        rgba(160,163,217,.25);

    border-radius:
        12px;

    background:
        rgba(160,163,217,.075);
}


body.single-product
.wd-single-stock-bar
.progress-area {
    overflow: hidden;

    border-radius:
        999px;

    background:
        rgba(84,87,140,.11);
}


body.single-product
.wd-single-stock-bar
.progress-bar {
    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--co-sp-purple),
            var(--co-sp-lavender)
        ) !important;
}


/* ==========================================================
[CO-80.01-K]
ESTADO DE EXISTENCIAS
========================================================== */

body.single-product
.wd-single-add-cart
.stock.in-stock {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-bottom:
        10px;

    padding:
        6px
        10px;

    border:
        1px solid
        rgba(84,87,140,.20);

    border-radius:
        999px;

    background:
        rgba(160,163,217,.10);

    color:
        var(--co-sp-navy) !important;

    font-size:
        12px;

    font-weight:
        600;
}


/* ==========================================================
[CO-80.01-L]
CANTIDAD — SOLO SINGLE PRODUCT
========================================================== */

body.single-product
.wd-single-add-cart
form.cart
.quantity {
    display:
        inline-flex !important;

    overflow:
        hidden;

    height:
        44px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(84,87,140,.32);

    border-radius:
        12px;

    background:
        #fff;
}


/* - y + */
body.single-product
.wd-single-add-cart
form.cart
.quantity
.minus,

body.single-product
.wd-single-add-cart
form.cart
.quantity
.plus {
    width:
        38px !important;

    min-width:
        38px !important;

    height:
        42px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        rgba(160,163,217,.10) !important;

    color:
        var(--co-sp-navy) !important;

    font-size:
        18px !important;

    font-weight:
        700;

    transition:
        background .18s ease,
        color .18s ease;
}


body.single-product
.wd-single-add-cart
form.cart
.quantity
.minus:hover,

body.single-product
.wd-single-add-cart
form.cart
.quantity
.plus:hover {
    background:
        var(--co-sp-purple) !important;

    color:
        #fff !important;
}


/* Número */
body.single-product
.wd-single-add-cart
form.cart
.quantity
.qty {
    width:
        42px !important;

    min-width:
        42px;

    height:
        42px !important;

    padding:
        0 4px !important;

    border:
        0 !important;

    border-left:
        1px solid
        rgba(84,87,140,.15) !important;

    border-right:
        1px solid
        rgba(84,87,140,.15) !important;

    background:
        #fff !important;

    color:
        var(--co-sp-navy) !important;

    font-weight:
        700;

    text-align:
        center;
}


/* ==========================================================
[CO-80.01-M]
BOTÓN AÑADIR AL CARRITO
========================================================== */

body.single-product
.wd-single-add-cart
.single_add_to_cart_button {
    min-height:
        44px;

    border:
        1px solid
        var(--co-sp-red) !important;

    border-radius:
        11px !important;

    background:
        var(--co-sp-red) !important;

    color:
        #fff !important;

    box-shadow:
        0 6px 15px
        rgba(221,79,82,.14);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}


body.single-product
.wd-single-add-cart
.single_add_to_cart_button:hover {
    transform:
        translateY(-1px);

    box-shadow:
        0 8px 18px
        rgba(221,79,82,.20);

    filter:
        brightness(.97);
}


/* ==========================================================
[CO-80.01-N]
COMPRAR AHORA — SECUNDARIO CO
========================================================== */

body.single-product
.wd-single-add-cart
.wd-buy-now-btn {
    min-height:
        44px;

    border:
        1px solid
        var(--co-sp-purple) !important;

    border-radius:
        11px !important;

    background:
        rgba(160,163,217,.10) !important;

    color:
        var(--co-sp-navy) !important;

    box-shadow:
        none !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}


body.single-product
.wd-single-add-cart
.wd-buy-now-btn:hover {
    transform:
        translateY(-1px);

    background:
        var(--co-sp-purple) !important;

    color:
        #fff !important;
}


/* ==========================================================
[CO-80.01-O]
WHATSAPP
========================================================== */

body.single-product
.wd-single-add-cart
.ctc_chat {
    margin-top:
        9px;
}


/*
No cambiamos su verde.
Solo pulimos forma.
*/
body.single-product
.wd-single-add-cart
.ctc_s_7_1 {
    border-radius:
        11px !important;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.07);
}


/* ==========================================================
[CO-80.01-P]
BENEFICIOS
========================================================== */

body.single-product
.elementor-element-962b2a3
.elementor-icon-list-items {
    display:
        grid;

    gap:
        7px;
}


body.single-product
.elementor-element-962b2a3
.elementor-icon-list-item {
    padding:
        8px
        10px;

    border:
        1px solid
        rgba(160,163,217,.20);

    border-radius:
        10px;

    background:
        rgba(255,255,255,.56);
}


body.single-product
.elementor-element-962b2a3
.elementor-icon-list-icon {
    color:
        var(--co-sp-purple) !important;
}


/* ==========================================================
[CO-80.01-Q]
TABS
========================================================== */

body.single-product
.wd-tabs
.wd-nav-tabs
li > a {
    color:
        var(--co-sp-navy);
}


body.single-product
.wd-tabs
.wd-nav-tabs
li.wd-active > a {
    color:
        var(--co-sp-purple);
}


body.single-product
.wd-tabs
.wd-nav-tabs
li.wd-active > a::after {
    background:
        linear-gradient(
            90deg,
            var(--co-sp-purple),
            var(--co-sp-lavender)
        ) !important;
}


/* ==========================================================
[CO-80.01-R]
TÍTULOS INFERIORES
========================================================== */

body.single-product
.related-products
.title,

body.single-product
.related-and-upsells
.title {
    color:
        var(--co-sp-navy);
}


/* ==========================================================
[CO-80.01-S]
MÓVIL

La galería YA tiene buen tamaño.
No tocamos su ancho.
========================================================== */

@media (max-width: 767px) {

    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery {
        width:
            100%;

        max-width:
            none;
    }


    body.single-product
    .elementor-element-51c288f5 {
        border-radius:
            16px;
    }


    body.single-product
    .wd-single-add-cart
    form.cart
    .quantity {
        height:
            46px;
    }


    body.single-product
    .wd-single-add-cart
    form.cart
    .quantity
    .minus,

    body.single-product
    .wd-single-add-cart
    form.cart
    .quantity
    .plus,

    body.single-product
    .wd-single-add-cart
    form.cart
    .quantity
    .qty {
        height:
            44px !important;
    }


    body.single-product
    .wd-single-add-cart
    .single_add_to_cart_button,

    body.single-product
    .wd-single-add-cart
    .wd-buy-now-btn {
        min-height:
            46px;
    }
}


/* ==================== FIN [CO-80.01] ==================== */
/* ==========================================================
[CO-80.01-P04]
PARCHE: SINGLE PRODUCT — GALERÍA NATIVA WOODMART + AJUSTE FINAL
SITIO: CUENTA OVEJAS
PÁGINA / ID: GLOBAL — todos los Single Product
BLOQUE PADRE: CO-80.01

REEMPLAZA:
- CO-80.01-P01
- CO-80.01-P02
- CO-80.01-P03

ALCANCE:
- Devuelve la estructura interna de la galería a WoodMart.
- Conserva miniaturas verticales nativas.
- Reduce la galería proporcionalmente.
- Acerca galería y ficha comercial.
- Mantiene zoom nativo.
- Coloca Oferta dentro del frame.
- Centra flechas dentro de la imagen.
- Coloca botón ampliar dentro del frame.
- Mejora selects de variaciones.
- No modifica la galería móvil.

IMPORTANTE:
No se fuerzan grids, transforms ni alturas
dentro del carrusel de WoodMart.
========================================================== */


/* ==========================================================
[CO-80.01-P04-A]
LAYOUT GENERAL — PC
========================================================== */

@media (min-width: 1200px) {

    /*
    Zona comercial completa.
    No dejamos que se expanda excesivamente en monitores grandes.
    */
    body.single-product
    .elementor-element-77ab20e
    > .elementor-container {
        width: calc(100% - 48px) !important;
        max-width: 1450px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /*
    55/45 nos permite aproximadamente:

    790px galería completa
    ├── miniaturas
    ├── separación
    └── imagen principal ~700px

    que coincide con el tamaño nativo de las imágenes.
    */
    body.single-product
    .elementor-element-e818f72 {
        width: 55% !important;
    }


    body.single-product
    .elementor-element-7f048e04 {
        width: 45% !important;
    }
}


/* ==========================================================
[CO-80.01-P04-B]
GALERÍA — TAMAÑO DEL MÓDULO COMPLETO
========================================================== */

@media (min-width: 1200px) {

    /*
    IMPORTANTE:
    Limitamos la GALERÍA COMPLETA.

    NO tocamos:
    - wd-gallery-images
    - wd-gallery-thumb
    - wd-carousel-wrap
    - transforms

    WoodMart conserva su lógica nativa.
    */
    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery.wd-has-thumb {
        width: 100% !important;
        max-width: 790px !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }


    /*
    Productos con una sola imagen:
    no necesitan reservar espacio para thumbnails.
    */
    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery:not(.wd-has-thumb) {
        width: 100% !important;
        max-width: 700px !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }
}


/* ==========================================================
[CO-80.01-P04-C]
LAPTOP
========================================================== */

@media (min-width: 1025px) and (max-width: 1199px) {

    body.single-product
    .elementor-element-77ab20e
    > .elementor-container {
        width: calc(100% - 32px) !important;
        max-width: 1120px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    body.single-product
    .elementor-element-e818f72 {
        width: 55% !important;
    }


    body.single-product
    .elementor-element-7f048e04 {
        width: 45% !important;
    }


    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery.wd-has-thumb {
        width: 100% !important;
        max-width: 620px !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }


    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery:not(.wd-has-thumb) {
        max-width: 550px !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }
}


/* ==========================================================
[CO-80.01-P04-D]
FRAME REAL DE LA IMAGEN
========================================================== */

@media (min-width: 1025px) {

    /*
    Según el HTML real:
    .wd-gallery-images
      > .wd-carousel-inner
          > .product-labels
          > figure
          > .wd-nav-arrows
          > .product-additional-galleries

    Este es el contenedor correcto sobre el que debemos
    posicionar los controles.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner {
        position: relative !important;
    }


    /*
    Foto:
    siempre proporcional.

    No se fija altura.
    No se recorta.
    */
    body.single-product
    .wd-gallery-images
    .woocommerce-product-gallery__image
    img:not(.zoomImg) {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        object-fit: contain !important;
    }


    body.single-product
    .wd-gallery-images
    .woocommerce-product-gallery__image {
        overflow: hidden;

        border-radius: 16px !important;
    }


    body.single-product
    .wd-gallery-images
    .woocommerce-product-gallery__image
    > a {
        display: block;

        border-radius: inherit;
    }
}


/* ==========================================================
[CO-80.01-P04-E]
OFERTA — DENTRO DE LA IMAGEN
========================================================== */

@media (min-width: 1025px) {

    /*
    En el HTML real product-labels es hijo directo
    de .wd-carousel-inner.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .product-labels {
        position: absolute !important;

        top: 14px !important;
        right: 14px !important;
        left: auto !important;
        bottom: auto !important;

        z-index: 8 !important;

        margin: 0 !important;
    }


    body.single-product
    .wd-gallery-images
    .product-label {
        margin: 0 !important;

        border-radius: 999px !important;
    }
}


/* ==========================================================
[CO-80.01-P04-F]
FLECHAS — DENTRO DEL FRAME
========================================================== */

@media (min-width: 1025px) {

    /*
    También son hijas directas del mismo carousel-inner.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows {
        position: absolute !important;

        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;

        z-index: 7 !important;

        pointer-events: none;
    }


    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow {
        position: absolute !important;

        top: 50% !important;

        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;

        transform: translateY(-50%) !important;

        border:
            1px solid
            rgba(84, 87, 140, .18);

        border-radius: 50% !important;

        background:
            rgba(255, 255, 255, .90) !important;

        box-shadow:
            0 5px 14px
            rgba(21, 23, 53, .08);

        pointer-events: auto;

        transition:
            background .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    /* IZQUIERDA */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-prev {
        left: 14px !important;
        right: auto !important;
    }


    /* DERECHA */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-next {
        right: 14px !important;
        left: auto !important;
    }


    /*
    Primera / última imagen:
    WoodMart sigue controlando el estado disabled.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow.wd-disabled {
        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;
    }


    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:not(.wd-disabled):hover {
        background: #fff !important;

        border-color:
            var(--co-sp-lavender);

        box-shadow:
            0 7px 18px
            rgba(21, 23, 53, .12);
    }
}


/* ==========================================================
[CO-80.01-P04-G]
BOTÓN "CLIC PARA AMPLIAR"
========================================================== */

@media (min-width: 1025px) {

    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .product-additional-galleries {
        position: absolute !important;

        left: 14px !important;
        right: auto !important;

        bottom: 14px !important;
        top: auto !important;

        z-index: 8 !important;

        margin: 0 !important;
    }


    body.single-product
    .wd-show-product-gallery-wrap
    a {
        border-radius: 50% !important;

        background:
            rgba(255,255,255,.92) !important;

        box-shadow:
            0 5px 14px
            rgba(21,23,53,.08);
    }
}


/* ==========================================================
[CO-80.01-P04-H]
MINIATURAS

NO reconstruimos el carrusel.

Solo acabado visual sobre el sistema nativo WoodMart.
========================================================== */

@media (min-width: 1025px) {

    body.single-product
    .wd-gallery-thumb
    .wd-carousel-item {
        overflow: hidden;

        box-sizing: border-box;

        border:
            1px solid
            rgba(160,163,217,.28);

        border-radius: 10px;

        background: #fff;

        transition:
            border-color .18s ease,
            box-shadow .18s ease;
    }


    body.single-product
    .wd-gallery-thumb
    .wd-carousel-item:hover {
        border-color:
            var(--co-sp-lavender);

        box-shadow:
            0 4px 10px
            rgba(21,23,53,.06);
    }


    body.single-product
    .wd-gallery-thumb
    .wd-carousel-item
    img {
        display: block;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;

        border-radius: 8px;
    }
}


/* ==========================================================
[CO-80.01-P04-I]
ZOOM

INTENCIONALMENTE NO TOCAMOS:
- .zoomImg
- transform
- width interno del carrusel

WoodMart conserva su comportamiento nativo.
========================================================== */


/* ==========================================================
[CO-80.01-P04-J]
VARIACIONES — SELECT CERRADO
========================================================== */

body.single-product
.wd-single-add-cart
table.variations
td.value
> select {
    width: 100%;

    min-height: 44px;

    box-sizing: border-box;

    padding:
        0
        42px
        0
        15px !important;

    border:
        1px solid
        rgba(84,87,140,.38) !important;

    border-radius: 12px !important;

    outline: none !important;

    background-color:
        rgba(255,255,255,.96) !important;

    color:
        var(--co-sp-navy) !important;

    box-shadow: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


body.single-product
.wd-single-add-cart
table.variations
td.value
> select:hover {
    border-color:
        var(--co-sp-lavender) !important;
}


body.single-product
.wd-single-add-cart
table.variations
td.value
> select:focus {
    border-color:
        var(--co-sp-purple) !important;

    box-shadow:
        0 0 0 3px
        rgba(160,163,217,.15) !important;
}


/* ==========================================================
[CO-80.01-P04-K]
MÓVIL

No modificar estructura nativa.
========================================================== */

@media (max-width: 767px) {

    body.single-product
    .wd-single-gallery
    .woocommerce-product-gallery {
        width: 100% !important;

        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    body.single-product
    .wd-single-add-cart
    table.variations
    td.value
    > select {
        min-height: 46px;

        border-radius: 12px !important;
    }
}


/* ================= FIN [CO-80.01-P04] ================= */
/* ==========================================================
[CO-80.01-P05]
PARCHE: SINGLE PRODUCT — THUMBNAILS + HOVER FLECHAS + AMPLIAR
SITIO: CUENTA OVEJAS
PÁGINA / ID: GLOBAL — todos los Single Product
BLOQUE PADRE: CO-80.01
PARCHE VIGENTE: CO-80.01-P04

ALCANCE:
- Compacta la galería vertical izquierda.
- Pasa de 3 a 4 miniaturas visibles en PC.
- Mantiene carrusel y flechas nativas de WoodMart.
- Corrige hover de navegación.
- Evita que "Clic para ampliar" se convierta en una píldora.
- Mantiene el zoom.
- No modifica móvil.
========================================================== */


/* ==========================================================
[CO-80.01-P05-A]
MINIATURAS — MÁS COMPACTAS
========================================================== */

@media (min-width: 1025px) {

    /*
    WoodMart genera inline:
    --wd-col-lg: 3;

    Lo cambiamos a 4.
    No reconstruimos el carrusel.
    */
    body.single-product
    .woocommerce-product-gallery.thumbs-position-left
    .wd-gallery-thumb
    .wd-carousel.wd-grid {
        --wd-col-lg: 4 !important;
        --wd-col-md: 4 !important;
    }


    /*
    Las miniaturas originales son cuadradas.
    Conservamos esa proporción.
    */
    body.single-product
    .wd-gallery-thumb
    .wd-carousel-item
    img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        aspect-ratio: 1 / 1;

        object-fit: cover !important;

        border-radius: 9px;
    }


    body.single-product
    .wd-gallery-thumb
    .wd-carousel-item {
        overflow: hidden;

        border-radius: 11px;

        background: #fff;
    }
}


/* ==========================================================
[CO-80.01-P05-B]
FLECHAS — HOVER ESTABLE
========================================================== */

@media (min-width: 1025px) {

    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow {
        transition:
            background-color .18s ease,
            border-color .18s ease,
            box-shadow .18s ease,
            transform .18s ease !important;
    }


    /*
    Evita animaciones laterales/heredadas de WoodMart.
    Siempre permanecen centradas.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:not(.wd-disabled) {
        transform:
            translateY(-50%) !important;
    }


    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:not(.wd-disabled):hover {
        transform:
            translateY(-50%)
            scale(1.06) !important;

        border-color:
            var(--co-sp-purple) !important;

        background:
            var(--co-sp-navy) !important;

        box-shadow:
            0 7px 18px
            rgba(21,23,53,.18) !important;
    }


    /*
    Icono de la flecha.
    WoodMart lo dibuja dentro de wd-arrow-inner.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:hover
    .wd-arrow-inner,

    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:hover
    .wd-arrow-inner::before,

    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:hover
    .wd-arrow-inner::after {
        color: #fff !important;
    }
}


/* ==========================================================
[CO-80.01-P05-C]
CLIC PARA AMPLIAR — SOLO ICONO
========================================================== */

@media (min-width: 1025px) {

    /*
    WoodMart intenta expandir el botón y mostrar:
    "Clic para ampliar".

    Lo dejamos siempre como botón circular.
    */
    body.single-product
    .wd-gallery-images
    .wd-show-product-gallery-wrap {
        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        max-width: 44px !important;

        margin: 0 !important;
    }


    body.single-product
    .wd-gallery-images
    a.woodmart-show-product-gallery {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        max-width: 44px !important;

        padding: 0 !important;

        overflow: hidden !important;

        border:
            1px solid
            rgba(84,87,140,.16);

        border-radius:
            50% !important;

        background:
            rgba(255,255,255,.92) !important;

        box-shadow:
            0 5px 14px
            rgba(21,23,53,.08);

        transition:
            background-color .18s ease,
            border-color .18s ease,
            box-shadow .18s ease,
            transform .18s ease !important;
    }


    /*
    Conservamos el texto en el HTML para accesibilidad,
    pero no lo mostramos visualmente.
    */
    body.single-product
    .wd-gallery-images
    .woodmart-show-product-gallery
    .wd-action-text {
        position: absolute !important;

        width: 1px !important;
        height: 1px !important;

        padding: 0 !important;
        margin: -1px !important;

        overflow: hidden !important;

        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;

        white-space: nowrap !important;
    }


    body.single-product
    .wd-gallery-images
    .woodmart-show-product-gallery
    .wd-action-icon {
        margin: 0 !important;
    }


    body.single-product
    .wd-gallery-images
    a.woodmart-show-product-gallery:hover {
        transform:
            scale(1.06);

        border-color:
            var(--co-sp-purple);

        background:
            rgba(160,163,217,.18) !important;

        box-shadow:
            0 7px 18px
            rgba(21,23,53,.12);
    }
}


/* ==========================================================
[CO-80.01-P05-D]
MÓVIL

No modificamos la galería móvil.
========================================================== */

@media (max-width: 767px) {

    /*
    Intencionalmente vacío.
    WoodMart conserva su comportamiento móvil.
    */
}


/* ================= FIN [CO-80.01-P05] ================= */
/* ==========================================================
[CO-80.01-P06]
PARCHE: SINGLE PRODUCT — FLECHAS FUNCIONALES + TABS CO + SELECTS
SITIO: CUENTA OVEJAS
PÁGINA / ID: GLOBAL — todos los Single Product
BLOQUE PADRE: CO-80.01
PARCHES VIGENTES:
- CO-80.01-P04
- CO-80.01-P05

ALCANCE:
- Recupera interacción real de flechas de galería.
- Mantiene su posición y apariencia actual.
- Evita que la imagen capture el click de las flechas.
- Mejora selects cerrados.
- Diseña tabs:
  Descripción / Información adicional / Envíos y Entregas.
- Da fondo y borde redondeado al contenido de cada tab.
- Responsive PC / laptop / móvil.

NO MODIFICA:
- Carrusel.
- Zoom.
- Miniaturas.
- Variaciones WooCommerce.
- Datos del producto.
========================================================== */


/* ==========================================================
[CO-80.01-P06-A]
GALERÍA — RECUPERAR CLICK REAL DE FLECHAS
========================================================== */

@media (min-width: 1025px) {

    /*
    P04 había dejado pointer-events:none en el padre.

    WoodMart usa este bloque como navegación real.
    Recuperamos interacción completa.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows {
        pointer-events: auto !important;

        z-index: 30 !important;
    }


    /*
    Cada flecha queda explícitamente clicable.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow {
        pointer-events: auto !important;

        cursor: pointer !important;

        user-select: none;

        z-index: 31 !important;
    }


    /*
    La foto queda por debajo de los controles.
    */
    body.single-product
    .wd-gallery-images
    .woocommerce-product-gallery__image {
        position: relative;

        z-index: 1;
    }


    body.single-product
    .wd-gallery-images
    .woocommerce-product-gallery__image
    > a {
        position: relative;

        z-index: 1;
    }


    /*
    Flechas siempre por encima,
    incluso con zoom activo.
    */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows {
        position: absolute !important;
    }


    /* Hover limpio */
    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:not(.wd-disabled):hover {
        background:
            var(--co-sp-navy) !important;

        border-color:
            var(--co-sp-navy) !important;

        transform:
            translateY(-50%)
            scale(1.05) !important;

        box-shadow:
            0 7px 18px
            rgba(21,23,53,.16) !important;
    }


    body.single-product
    .wd-gallery-images
    > .wd-carousel-inner
    > .wd-nav-arrows
    .wd-btn-arrow:not(.wd-disabled):hover
    .wd-arrow-inner {
        color:
            #fff !important;
    }
}


/* ==========================================================
[CO-80.01-P06-B]
SELECTS DE VARIACIONES — CAMPO CERRADO
========================================================== */

body.single-product
.wd-single-add-cart
table.variations
td.value
> select {
    min-height:
        46px !important;

    box-sizing:
        border-box;

    padding:
        0
        44px
        0
        16px !important;

    border:
        1px solid
        rgba(84,87,140,.42) !important;

    border-radius:
        14px !important;

    background-color:
        #fff !important;

    color:
        var(--co-sp-navy) !important;

    box-shadow:
        0 3px 10px
        rgba(21,23,53,.025) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}


body.single-product
.wd-single-add-cart
table.variations
td.value
> select:hover {
    border-color:
        var(--co-sp-lavender) !important;
}


body.single-product
.wd-single-add-cart
table.variations
td.value
> select:focus {
    outline:
        none !important;

    border-color:
        var(--co-sp-purple) !important;

    box-shadow:
        0 0 0 3px
        rgba(160,163,217,.16) !important;
}


/* Opciones */
body.single-product
.wd-single-add-cart
table.variations
td.value
> select
option {
    background:
        #fff;

    color:
        var(--co-sp-navy);

    padding:
        8px;
}


/* ==========================================================
[CO-80.01-P06-C]
ZONA TABS — CONTENEDOR GENERAL
========================================================== */

body.single-product
.elementor-element-14e12e4c
.woocommerce-tabs {
    width:
        100%;

    max-width:
        1180px;

    box-sizing:
        border-box;

    margin:
        20px
        auto
        0;

    padding:
        22px;

    border:
        1px solid
        rgba(160,163,217,.24);

    border-radius:
        20px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.94),
            rgba(240,235,229,.45)
        );

    box-shadow:
        0 10px 28px
        rgba(21,23,53,.045);
}


/* ==========================================================
[CO-80.01-P06-D]
CABECERAS:
DESCRIPCIÓN / INFORMACIÓN / ENVÍOS
========================================================== */

body.single-product
.elementor-element-14e12e4c
.wd-nav-tabs-wrapper {
    margin-bottom:
        18px !important;
}


body.single-product
.elementor-element-14e12e4c
.wd-nav-tabs {
    display:
        flex;

    justify-content:
        center;

    gap:
        10px;

    border:
        0 !important;
}


/*
Cada tab se convierte en tarjeta/píldora CO.
*/
body.single-product
.elementor-element-14e12e4c
.wd-nav-tabs
> li
> .wd-nav-link {
    box-sizing:
        border-box;

    padding:
        10px
        17px !important;

    border:
        1px solid
        rgba(160,163,217,.35);

    border-radius:
        12px;

    background:
        rgba(255,255,255,.80);

    color:
        var(--co-sp-navy) !important;

    font-weight:
        600;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


/* Quitar underline viejo WoodMart */
body.single-product
.elementor-element-14e12e4c
.wd-nav-tabs
> li
> .wd-nav-link::after {
    display:
        none !important;
}


/* Hover */
body.single-product
.elementor-element-14e12e4c
.wd-nav-tabs
> li
> .wd-nav-link:hover {
    transform:
        translateY(-1px);

    border-color:
        var(--co-sp-lavender);

    background:
        rgba(160,163,217,.12);

    color:
        var(--co-sp-purple) !important;
}


/* Activo */
body.single-product
.elementor-element-14e12e4c
.wd-nav-tabs
> li.active
> .wd-nav-link,

body.single-product
.elementor-element-14e12e4c
.wd-nav-tabs
> li.wd-active
> .wd-nav-link {
    border-color:
        var(--co-sp-purple);

    background:
        var(--co-sp-purple);

    color:
        #fff !important;

    box-shadow:
        0 5px 13px
        rgba(84,87,140,.16);
}


/* ==========================================================
[CO-80.01-P06-E]
CONTENIDO DE CADA TAB — TARJETA
========================================================== */

body.single-product
.elementor-element-14e12e4c
.woocommerce-Tabs-panel {
    box-sizing:
        border-box;

    margin:
        0 !important;

    padding:
        26px
        28px !important;

    border:
        1px solid
        rgba(160,163,217,.24);

    border-radius:
        16px;

    background:
        rgba(255,255,255,.94);

    color:
        var(--co-sp-text);

    box-shadow:
        0 6px 18px
        rgba(21,23,53,.035);
}


/* ==========================================================
[CO-80.01-P06-F]
DESCRIPCIÓN
========================================================== */

body.single-product
#tab-description {
    line-height:
        1.68;
}


body.single-product
#tab-description
p {
    margin-bottom:
        15px;
}


body.single-product
#tab-description
b,

body.single-product
#tab-description
strong {
    color:
        var(--co-sp-navy);

    font-weight:
        700;
}


/*
Primer texto destacado.
*/
body.single-product
#tab-description
> p:first-child {
    position:
        relative;

    padding-left:
        14px;

    color:
        var(--co-sp-navy);
}


body.single-product
#tab-description
> p:first-child::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        2px;

    bottom:
        2px;

    width:
        4px;

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            var(--co-sp-purple),
            var(--co-sp-lavender)
        );
}


/* ==========================================================
[CO-80.01-P06-G]
INFORMACIÓN ADICIONAL
========================================================== */

body.single-product
#tab-additional_information
table.shop_attributes {
    overflow:
        hidden;

    margin:
        0 !important;

    border:
        1px solid
        rgba(160,163,217,.22);

    border-radius:
        12px;

    border-collapse:
        separate !important;

    border-spacing:
        0;

    background:
        #fff;
}


body.single-product
#tab-additional_information
table.shop_attributes
tr:nth-child(odd) {
    background:
        rgba(160,163,217,.07);
}


body.single-product
#tab-additional_information
table.shop_attributes
th,

body.single-product
#tab-additional_information
table.shop_attributes
td {
    padding:
        12px
        14px !important;

    border-color:
        rgba(160,163,217,.18) !important;
}


/* ==========================================================
[CO-80.01-P06-H]
ENVÍOS Y ENTREGAS
========================================================== */

body.single-product
#tab-wd_additional_tab {
    overflow:
        hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(240,235,229,.48)
        );
}


/*
Eliminar márgenes internos excesivos del bloque Elementor
que vive dentro de Entregas.
*/
body.single-product
#tab-wd_additional_tab
.elementor {
    margin:
        0 !important;
}


body.single-product
#tab-wd_additional_tab
.elementor-section {
    margin:
        0 !important;
}


/* ==========================================================
[CO-80.01-P06-I]
MÓVIL — TABS
========================================================== */

@media (max-width: 767px) {

    body.single-product
    .elementor-element-14e12e4c
    .woocommerce-tabs {
        margin-top:
            16px;

        padding:
            14px;

        border-radius:
            16px;
    }


    /*
    Tabs horizontales desplazables.
    No comprimimos los textos.
    */
    body.single-product
    .elementor-element-14e12e4c
    .wd-nav-tabs-wrapper {
        overflow-x:
            auto;

        padding-bottom:
            4px;

        scrollbar-width:
            none;
    }


    body.single-product
    .elementor-element-14e12e4c
    .wd-nav-tabs-wrapper::-webkit-scrollbar {
        display:
            none;
    }


    body.single-product
    .elementor-element-14e12e4c
    .wd-nav-tabs {
        justify-content:
            flex-start;

        flex-wrap:
            nowrap;

        width:
            max-content;

        min-width:
            100%;
    }


    body.single-product
    .elementor-element-14e12e4c
    .wd-nav-tabs
    > li
    > .wd-nav-link {
        white-space:
            nowrap;

        padding:
            9px
            13px !important;

        border-radius:
            11px;
    }


    body.single-product
    .elementor-element-14e12e4c
    .woocommerce-Tabs-panel {
        padding:
            18px
            16px !important;

        border-radius:
            14px;
    }
}


/* ================= FIN [CO-80.01-P06] ================= */
/* ==========================================================
[CO-90.01]
BLOQUE: CARRITO — UX/UI COMPLETA
SITIO: CUENTA OVEJAS
PÁGINA / ID: Carrito — página 9
ALCANCE:
- Layout general PC.
- Promo / progreso.
- Tabla de productos.
- Cantidad.
- Precio.
- Cupón.
- Totales.
- Envíos.
- CTA.
- Cross-sells.
- Responsive móvil.

NO MODIFICA:
- Cálculo de precios.
- Cupones.
- AJAX.
- Métodos de envío.
- Stock.
- Lógica WooCommerce.
========================================================== */


/* ==========================================================
[CO-90.01-A]
PALETA LOCAL CARRITO
========================================================== */

body.page-id-9.woocommerce-cart {
    --co-cart-navy: #151735;
    --co-cart-purple: #54578c;
    --co-cart-lavender: #a0a3d9;
    --co-cart-cream: #f0ebe5;
    --co-cart-red: #dd4f52;

    --co-cart-white: #ffffff;
    --co-cart-text: #34343d;
    --co-cart-muted: #777783;

    --co-cart-border:
        rgba(84,87,140,.22);

    --co-cart-soft:
        rgba(160,163,217,.10);

    --co-cart-shadow:
        0 10px 28px rgba(21,23,53,.05);
}


/* ==========================================================
[CO-90.01-B]
LAYOUT GENERAL — PC / LAPTOP
========================================================== */

@media (min-width: 768px) {

    body.page-id-9
    .cart-content-wrapper {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1.65fr)
            minmax(320px, .85fr);

        column-gap: 28px;
        row-gap: 26px;

        align-items: start;

        width: calc(100% - 32px);
        max-width: 1180px;

        margin-left: auto;
        margin-right: auto;
    }


    body.page-id-9
    .woocommerce-cart-form {
        grid-column: 1;
        grid-row: 1;
    }


    body.page-id-9
    .cart_totals {
        grid-column: 2;
        grid-row: 1 / span 2;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
    }


    body.page-id-9
    .cross-sells {
        grid-column: 1;
        grid-row: 2;

        width: 100% !important;

        margin: 0 !important;
    }
}


/* ==========================================================
[CO-90.01-C]
PROMO / PROGRESO
========================================================== */

body.page-id-9
#tp-progress-stack-cart {
    margin:
        0
        0
        18px !important;
}


body.page-id-9
#tp-progress-stack-cart
.tp-progress {
    box-sizing: border-box;

    padding:
        16px
        18px
        14px !important;

    border:
        1px solid
        rgba(160,163,217,.32);

    border-left:
        4px solid
        var(--co-cart-purple);

    border-radius:
        16px !important;

    background:
        linear-gradient(
            145deg,
            rgba(240,235,229,.88),
            rgba(255,255,255,.95)
        ) !important;

    box-shadow:
        var(--co-cart-shadow);
}


body.page-id-9
#tp-progress-stack-cart
.tp-progress-msg {
    margin:
        0
        0
        11px !important;

    color:
        var(--co-cart-navy);

    font-size:
        13px;

    line-height:
        1.45;

    text-align:
        center;
}


body.page-id-9
#tp-progress-stack-cart
.tp-progress-bg {
    overflow: hidden;

    height: 9px;

    border-radius:
        999px;

    background:
        rgba(84,87,140,.14) !important;
}


body.page-id-9
#tp-progress-stack-cart
.tp-progress-bg
span {
    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--co-cart-navy),
            var(--co-cart-lavender)
        ) !important;
}


body.page-id-9
#tp-progress-stack-cart
.tp-progress-steps {
    margin-top:
        8px;

    color:
        var(--co-cart-purple);

    font-size:
        11px;

    text-align:
        center;
}


/* ==========================================================
[CO-90.01-D]
TABLA CARRITO
========================================================== */

body.page-id-9
.woocommerce-cart-form
.shop_table.cart {
    overflow: hidden;

    width: 100%;

    border:
        1px solid
        var(--co-cart-border) !important;

    border-radius:
        18px;

    border-collapse:
        separate !important;

    border-spacing:
        0;

    background:
        var(--co-cart-white);

    box-shadow:
        var(--co-cart-shadow);
}


/* Header */
body.page-id-9
.shop_table.cart
thead th {
    padding:
        13px
        10px !important;

    border-bottom:
        1px solid
        rgba(160,163,217,.25) !important;

    background:
        rgba(160,163,217,.09);

    color:
        var(--co-cart-navy);

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        .02em;
}


/* Celdas */
body.page-id-9
.shop_table.cart
tbody
tr.cart_item
td {
    padding:
        15px
        10px !important;

    border-bottom:
        1px solid
        rgba(160,163,217,.18) !important;

    vertical-align:
        middle;
}


/* ==========================================================
[CO-90.01-E]
IMAGEN PRODUCTO
========================================================== */

body.page-id-9
.shop_table.cart
.product-thumbnail
img {
    width:
        82px !important;

    max-width:
        82px !important;

    height:
        82px !important;

    object-fit:
        cover;

    border:
        1px solid
        rgba(160,163,217,.20);

    border-radius:
        13px;
}


/* ==========================================================
[CO-90.01-F]
NOMBRE PRODUCTO
========================================================== */

body.page-id-9
.shop_table.cart
.product-name
a {
    color:
        var(--co-cart-navy) !important;

    font-weight:
        700;

    line-height:
        1.38;

    text-decoration:
        none;
}


body.page-id-9
.shop_table.cart
.product-name
a:hover {
    color:
        var(--co-cart-purple) !important;
}


/* ==========================================================
[CO-90.01-G]
PRECIOS
========================================================== */

body.page-id-9
.shop_table.cart
del {
    color:
        #92929b;

    opacity:
        .82;
}


body.page-id-9
.shop_table.cart
ins {
    margin-left:
        4px;

    color:
        var(--co-cart-navy);

    font-weight:
        700;

    text-decoration:
        none;
}


/* ==========================================================
[CO-90.01-H]
ELIMINAR PRODUCTO
========================================================== */

body.page-id-9
.shop_table.cart
.product-remove
a.remove {
    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        30px;

    height:
        30px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(221,79,82,.20);

    border-radius:
        50%;

    background:
        rgba(221,79,82,.06);

    color:
        var(--co-cart-red) !important;

    font-size:
        18px;

    line-height:
        1;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease;
}


body.page-id-9
.shop_table.cart
.product-remove
a.remove:hover {
    border-color:
        var(--co-cart-red);

    background:
        var(--co-cart-red);

    color:
        #fff !important;
}


/* ==========================================================
[CO-90.01-I]
CANTIDAD — SOLO CARRITO
========================================================== */

body.page-id-9
.product-quantity
.quantity {
    display:
        inline-flex !important;

    align-items:
        center;

    overflow:
        hidden;

    height:
        42px;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(84,87,140,.30);

    border-radius:
        12px;

    background:
        #fff;
}


/*
El HTML actual contiene <p> dentro de quantity.
Los neutralizamos sin tocar inputs.
*/
body.page-id-9
.product-quantity
.quantity
> p {
    display:
        contents !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


body.page-id-9
.product-quantity
.quantity
br {
    display:
        none !important;
}


/* - / + */
body.page-id-9
.product-quantity
.quantity
.minus,

body.page-id-9
.product-quantity
.quantity
.plus {
    width:
        36px !important;

    min-width:
        36px !important;

    height:
        40px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        rgba(160,163,217,.10) !important;

    color:
        var(--co-cart-navy) !important;

    font-size:
        17px !important;

    font-weight:
        700;

    cursor:
        pointer;
}


body.page-id-9
.product-quantity
.quantity
.minus:hover,

body.page-id-9
.product-quantity
.quantity
.plus:hover {
    background:
        var(--co-cart-purple) !important;

    color:
        #fff !important;
}


/* Número */
body.page-id-9
.product-quantity
.quantity
.qty {
    width:
        42px !important;

    min-width:
        42px !important;

    height:
        40px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-left:
        1px solid
        rgba(84,87,140,.14) !important;

    border-right:
        1px solid
        rgba(84,87,140,.14) !important;

    border-radius:
        0 !important;

    background:
        #fff !important;

    color:
        var(--co-cart-navy);

    font-weight:
        700;

    text-align:
        center;

    box-shadow:
        none !important;

    appearance:
        textfield;
}


/* ==========================================================
[CO-90.01-J]
CUPÓN
========================================================== */

body.page-id-9
.wd-cart-action-row
.actions {
    padding:
        14px !important;

    background:
        rgba(240,235,229,.32);
}


body.page-id-9
.cart-actions {
    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    width:
        100%;
}


body.page-id-9
.wd-coupon-form {
    display:
        grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap:
        10px;

    width:
        100%;

    max-width:
        520px;

    box-sizing:
        border-box;

    padding:
        10px;

    border:
        1px dashed
        rgba(84,87,140,.30);

    border-radius:
        13px;

    background:
        rgba(255,255,255,.72);
}


body.page-id-9
.wd-coupon-form
br {
    display:
        none !important;
}


body.page-id-9
.wd-coupon-form
#coupon_code {
    width:
        100% !important;

    height:
        44px !important;

    box-sizing:
        border-box;

    padding:
        0 14px !important;

    border:
        1px solid
        rgba(84,87,140,.28) !important;

    border-radius:
        10px !important;

    background:
        #fff;

    color:
        var(--co-cart-navy);

    box-shadow:
        none !important;
}


body.page-id-9
.wd-coupon-form
#coupon_code:focus {
    border-color:
        var(--co-cart-purple) !important;

    outline:
        none;

    box-shadow:
        0 0 0 3px
        rgba(160,163,217,.14) !important;
}


body.page-id-9
.wd-coupon-form
button[name="apply_coupon"] {
    min-width:
        155px;

    height:
        44px;

    padding:
        0 18px !important;

    border:
        1px solid
        var(--co-cart-red) !important;

    border-radius:
        10px !important;

    background:
        var(--co-cart-red) !important;

    color:
        #fff !important;

    font-weight:
        700;
}


/* ==========================================================
[CO-90.01-K]
TOTALES DEL CARRITO
========================================================== */

body.page-id-9
.cart-totals-inner {
    overflow:
        hidden;

    box-sizing:
        border-box;

    padding:
        22px !important;

    border:
        1px solid
        rgba(160,163,217,.30) !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            145deg,
            #fff,
            rgba(240,235,229,.42)
        ) !important;

    box-shadow:
        var(--co-cart-shadow);
}


body.page-id-9
.cart-totals-inner
h2 {
    position:
        relative;

    margin:
        0
        0
        18px !important;

    padding-bottom:
        12px;

    color:
        var(--co-cart-navy);

    font-size:
        21px;

    line-height:
        1.2;
}


body.page-id-9
.cart-totals-inner
h2::after {
    content: "";

    position:
        absolute;

    left:
        0;

    bottom:
        0;

    width:
        48px;

    height:
        3px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--co-cart-purple),
            var(--co-cart-lavender)
        );
}


/* Tabla totales */
body.page-id-9
.cart_totals
.shop_table {
    margin-bottom:
        14px !important;

    border:
        0 !important;

    background:
        transparent;
}


body.page-id-9
.cart_totals
.shop_table
th,

body.page-id-9
.cart_totals
.shop_table
td {
    padding:
        12px
        0 !important;

    border-color:
        rgba(160,163,217,.20) !important;

    color:
        var(--co-cart-text);
}


body.page-id-9
.cart_totals
.order-total
th,

body.page-id-9
.cart_totals
.order-total
td {
    padding-top:
        17px !important;

    color:
        var(--co-cart-navy);

    font-size:
        18px;

    font-weight:
        700;
}


/* ==========================================================
[CO-90.01-L]
ENVÍOS
========================================================== */

body.page-id-9
.cart_totals
.woocommerce-shipping-methods {
    display:
        grid;

    gap:
        8px;

    margin:
        0;
}


body.page-id-9
.cart_totals
.woocommerce-shipping-methods
li {
    margin:
        0 !important;

    line-height:
        1.35;
}


body.page-id-9
.cart_totals
.woocommerce-shipping-methods
input[type="radio"] {
    accent-color:
        var(--co-cart-purple);
}


body.page-id-9
.cart_totals
.woocommerce-shipping-destination {
    margin-top:
        13px;

    color:
        var(--co-cart-muted);

    line-height:
        1.45;
}


body.page-id-9
.cart_totals
.shipping-calculator-button {
    color:
        var(--co-cart-purple) !important;

    font-weight:
        700;
}


/* ==========================================================
[CO-90.01-M]
FINALIZAR COMPRA
========================================================== */

body.page-id-9
.wc-proceed-to-checkout {
    margin:
        16px
        0
        0 !important;
}


body.page-id-9
.wc-proceed-to-checkout
.checkout-button {
    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    min-height:
        48px;

    box-sizing:
        border-box;

    margin:
        0 !important;

    padding:
        0
        18px !important;

    border:
        1px solid
        var(--co-cart-red) !important;

    border-radius:
        11px !important;

    background:
        var(--co-cart-red) !important;

    color:
        #fff !important;

    font-weight:
        700;

    box-shadow:
        0 7px 16px
        rgba(221,79,82,.14);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


body.page-id-9
.wc-proceed-to-checkout
.checkout-button:hover {
    transform:
        translateY(-1px);

    box-shadow:
        0 9px 19px
        rgba(221,79,82,.20);
}


/* ==========================================================
[CO-90.01-N]
PRODUCTOS SUGERIDOS
========================================================== */

body.page-id-9
.cross-sells {
    padding-top:
        4px;
}


body.page-id-9
.cross-sells
.wd-el-title {
    position:
        relative;

    margin-bottom:
        18px !important;

    color:
        var(--co-cart-navy);

    font-size:
        22px;
}


body.page-id-9
.cross-sells
.wd-el-title::after {
    content: "";

    display:
        block;

    width:
        46px;

    height:
        3px;

    margin-top:
        8px;

    border-radius:
        999px;

    background:
        var(--co-cart-purple);
}


/* Un poco más grandes que antes */
body.page-id-9
.cross-sells
.wd-carousel.wd-grid {
    --wd-col-lg:
        3 !important;

    --wd-col-md:
        3 !important;

    --wd-col-sm:
        2 !important;
}


body.page-id-9
.cross-sells
.wd-product-wrapper {
    overflow:
        hidden;

    height:
        100%;

    box-sizing:
        border-box;

    padding:
        10px;

    border:
        1px solid
        rgba(160,163,217,.20);

    border-radius:
        15px;

    background:
        #fff;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


body.page-id-9
.cross-sells
.wd-product-wrapper:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(160,163,217,.42);

    box-shadow:
        0 8px 18px
        rgba(21,23,53,.06);
}


body.page-id-9
.cross-sells
.wd-product-thumb,

body.page-id-9
.cross-sells
.wd-product-thumb
img {
    border-radius:
        11px;
}


/* ==========================================================
[CO-90.01-O]
MÓVIL
========================================================== */

@media (max-width: 767px) {

    body.page-id-9
    .cart-content-wrapper {
        display:
            block !important;

        width:
            calc(100% - 28px);

        margin-left:
            auto;

        margin-right:
            auto;
    }


    body.page-id-9
    .woocommerce-cart-form {
        width:
            100%;
    }


    body.page-id-9
    .woocommerce-cart-form
    .shop_table.cart {
        overflow:
            visible;

        border-radius:
            16px;
    }


    body.page-id-9
    #tp-progress-stack-cart
    .tp-progress {
        padding:
            14px
            14px
            13px !important;

        border-radius:
            15px !important;
    }


    body.page-id-9
    #tp-progress-stack-cart
    .tp-progress-msg {
        font-size:
            12.5px;
    }


    /* Producto */
    body.page-id-9
    .shop_table.cart
    tbody
    tr.cart_item {
        background:
            #fff;
    }


    body.page-id-9
    .shop_table.cart
    tbody
    tr.cart_item
    td {
        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }


    body.page-id-9
    .shop_table.cart
    .product-thumbnail
    img {
        width:
            94px !important;

        max-width:
            94px !important;

        height:
            94px !important;
    }


    /* Cantidad más cómoda táctil */
    body.page-id-9
    .product-quantity
    .quantity {
        height:
            44px;
    }


    body.page-id-9
    .product-quantity
    .quantity
    .minus,

    body.page-id-9
    .product-quantity
    .quantity
    .plus,

    body.page-id-9
    .product-quantity
    .quantity
    .qty {
        height:
            42px !important;
    }


    /* Cupón */
    body.page-id-9
    .wd-cart-action-row
    .actions {
        padding:
            14px !important;
    }


    body.page-id-9
    .cart-actions {
        display:
            block;
    }


    body.page-id-9
    .wd-coupon-form {
        grid-template-columns:
            1fr;

        max-width:
            none;

        padding:
            12px;

        border-radius:
            14px;
    }


    body.page-id-9
    .wd-coupon-form
    button[name="apply_coupon"] {
        width:
            100%;

        min-width:
            0;
    }


    /* Totales */
    body.page-id-9
    .cart_totals {
        margin-top:
            18px !important;
    }


    body.page-id-9
    .cart-totals-inner {
        padding:
            18px !important;

        border-radius:
            16px !important;
    }


    body.page-id-9
    .cart-totals-inner
    h2 {
        font-size:
            20px;
    }


    /* Productos sugeridos */
    body.page-id-9
    .cross-sells {
        margin-top:
            24px !important;

        padding-bottom:
            12px;
    }


    body.page-id-9
    .cross-sells
    .wd-el-title {
        font-size:
            21px;
    }


    body.page-id-9
    .cross-sells
    .wd-carousel.wd-grid {
        --wd-col-sm:
            2 !important;
    }
}


/* ================= FIN [CO-90.01] ================= */


/* ==========================================================
[CO-90.02]
BLOQUE: MINI CARRITO LATERAL — UX/UI COMPLETA
SITIO: CUENTA OVEJAS
PÁGINA / ID: GLOBAL
ELEMENTO: WoodMart Side Cart

ALCANCE:
- Drawer.
- Cabecera.
- Promo.
- Producto.
- Precio.
- Eliminar.
- Subtotal.
- Botones.
- Responsive.
- Evita solapamiento con WhatsApp.

NO MODIFICA:
- Cart fragments.
- AJAX.
- Eliminación.
- URLs.
- Totales.
========================================================== */


/* ==========================================================
[CO-90.02-A]
DRAWER
========================================================== */

body.fyc-site-co
.cart-widget-side {
    --co-mini-navy: #151735;
    --co-mini-purple: #54578c;
    --co-mini-lavender: #a0a3d9;
    --co-mini-cream: #f0ebe5;
    --co-mini-red: #dd4f52;

    width:
        min(420px, 100vw) !important;

    border-left:
        1px solid
        rgba(160,163,217,.24);

    background:
        #fbfaf8;

    box-shadow:
        -16px 0 38px
        rgba(21,23,53,.12);
}


/* ==========================================================
[CO-90.02-B]
CABECERA
========================================================== */

body.fyc-site-co
.cart-widget-side
.wd-heading {
    min-height:
        66px;

    box-sizing:
        border-box;

    padding:
        0
        20px;

    border-bottom:
        1px solid
        rgba(160,163,217,.24);

    background:
        #fff;
}


body.fyc-site-co
.cart-widget-side
.wd-heading
.title {
    color:
        var(--co-mini-navy);

    font-size:
        19px;

    font-weight:
        700;
}


/* Detalle CO */
body.fyc-site-co
.cart-widget-side
.wd-heading
.title::after {
    content:
        "  ☾ zzz";

    margin-left:
        5px;

    color:
        var(--co-mini-purple);

    font-size:
        9px;

    font-weight:
        600;

    opacity:
        .55;
}


body.fyc-site-co
.cart-widget-side
.close-side-widget
a {
    color:
        var(--co-mini-navy) !important;

    font-weight:
        600;
}


/* ==========================================================
[CO-90.02-C]
CUERPO
========================================================== */

body.fyc-site-co
.cart-widget-side
.shopping-cart-widget-body {
    background:
        linear-gradient(
            180deg,
            rgba(240,235,229,.34),
            #fbfaf8 170px
        );
}


body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart {
    margin:
        0 !important;

    padding:
        0
        0
        10px !important;
}


/* ==========================================================
[CO-90.02-D]
PROMO MINI CART
========================================================== */

body.fyc-site-co
.cart-widget-side
li.tp-progress-item {
    margin:
        13px
        14px
        10px !important;

    padding:
        0 !important;

    border:
        0 !important;
}


body.fyc-site-co
.cart-widget-side
.tp-progress {
    box-sizing:
        border-box;

    padding:
        13px
        14px
        12px !important;

    border:
        1px solid
        rgba(160,163,217,.30);

    border-left:
        4px solid
        var(--co-mini-purple);

    border-radius:
        15px !important;

    background:
        rgba(240,235,229,.88) !important;

    box-shadow:
        0 5px 14px
        rgba(21,23,53,.04);
}


body.fyc-site-co
.cart-widget-side
.tp-progress-msg {
    margin:
        0
        0
        10px !important;

    color:
        var(--co-mini-navy);

    font-size:
        12.5px;

    line-height:
        1.38;

    text-align:
        center;
}


body.fyc-site-co
.cart-widget-side
.tp-progress-bg {
    height:
        8px;

    overflow:
        hidden;

    border-radius:
        999px;

    background:
        rgba(84,87,140,.15) !important;
}


body.fyc-site-co
.cart-widget-side
.tp-progress-bg
span {
    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--co-mini-navy),
            var(--co-mini-lavender)
        ) !important;
}


body.fyc-site-co
.cart-widget-side
.tp-progress-steps {
    margin-top:
        7px;

    color:
        var(--co-mini-purple);

    font-size:
        10px;

    text-align:
        center;
}


/* ==========================================================
[CO-90.02-E]
PRODUCTO MINI CART
========================================================== */

body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart
li.mini_cart_item {
    position:
        relative;

    min-height:
        96px;

    box-sizing:
        border-box;

    margin:
        10px
        14px !important;

    padding:
        14px
        34px
        14px
        100px !important;

    border:
        1px solid
        rgba(160,163,217,.21) !important;

    border-radius:
        15px;

    background:
        #fff;

    box-shadow:
        0 5px 15px
        rgba(21,23,53,.035);
}


/* Imagen */
body.fyc-site-co
.cart-widget-side
.mini_cart_item
.cart-item-image {
    position:
        absolute !important;

    top:
        14px;

    left:
        14px;

    width:
        72px !important;

    height:
        72px !important;
}


body.fyc-site-co
.cart-widget-side
.mini_cart_item
.cart-item-image
img {
    width:
        72px !important;

    height:
        72px !important;

    max-width:
        72px !important;

    object-fit:
        cover;

    border:
        1px solid
        rgba(160,163,217,.20);

    border-radius:
        12px;
}


/* Título */
body.fyc-site-co
.cart-widget-side
.mini_cart_item
.wd-entities-title {
    display:
        block;

    padding-right:
        2px;

    color:
        var(--co-mini-navy);

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1.4;
}


/* Precio / cantidad */
body.fyc-site-co
.cart-widget-side
.mini_cart_item
.cart-info
.quantity {
    display:
        block;

    margin-top:
        7px;

    color:
        var(--co-mini-muted, #777783);

    font-size:
        12px;

    line-height:
        1.3;
}


body.fyc-site-co
.cart-widget-side
.mini_cart_item
.quantity
del {
    color:
        #909099;

    opacity:
        .8;
}


body.fyc-site-co
.cart-widget-side
.mini_cart_item
.quantity
ins {
    margin-left:
        3px;

    color:
        var(--co-mini-navy);

    font-weight:
        700;

    text-decoration:
        none;
}


/* Eliminar */
body.fyc-site-co
.cart-widget-side
.mini_cart_item
.remove {
    position:
        absolute !important;

    top:
        9px !important;

    right:
        9px !important;

    left:
        auto !important;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        26px !important;

    height:
        26px !important;

    border:
        1px solid
        transparent;

    border-radius:
        50%;

    color:
        #7c7c84 !important;

    font-size:
        16px;

    line-height:
        1;
}


body.fyc-site-co
.cart-widget-side
.mini_cart_item
.remove:hover {
    border-color:
        rgba(221,79,82,.22);

    background:
        rgba(221,79,82,.08);

    color:
        var(--co-mini-red) !important;
}


/* ==========================================================
[CO-90.02-F]
FOOTER MINI CART
========================================================== */

body.fyc-site-co
.cart-widget-side
.shopping-cart-widget-footer {
    box-sizing:
        border-box;

    padding:
        15px
        18px
        calc(15px + env(safe-area-inset-bottom)) !important;

    border-top:
        1px solid
        rgba(160,163,217,.24);

    background:
        rgba(255,255,255,.98);

    box-shadow:
        0 -8px 22px
        rgba(21,23,53,.055);
}


/* Subtotal */
body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart__total {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    margin:
        0
        0
        12px !important;

    padding:
        0 !important;

    color:
        var(--co-mini-navy);

    font-size:
        17px;
}


body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart__total
.amount {
    color:
        var(--co-mini-navy);

    font-weight:
        700;
}


/* Botones */
body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart__buttons {
    display:
        grid !important;

    grid-template-columns:
        1fr;

    gap:
        9px;

    margin:
        0 !important;
}


body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart__buttons
.button {
    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        100%;

    min-height:
        45px;

    box-sizing:
        border-box;

    margin:
        0 !important;

    padding:
        0
        15px !important;

    border-radius:
        10px !important;

    font-weight:
        700;
}


/* Ver carrito */
body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart__buttons
.btn-cart {
    border:
        1px solid
        rgba(84,87,140,.28) !important;

    background:
        rgba(160,163,217,.10) !important;

    color:
        var(--co-mini-navy) !important;
}


body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart__buttons
.btn-cart:hover {
    border-color:
        var(--co-mini-purple) !important;

    background:
        rgba(160,163,217,.20) !important;
}


/* Finalizar compra */
body.fyc-site-co
.cart-widget-side
.woocommerce-mini-cart__buttons
.checkout {
    border:
        1px solid
        var(--co-mini-red) !important;

    background:
        var(--co-mini-red) !important;

    color:
        #fff !important;

    box-shadow:
        0 6px 14px
        rgba(221,79,82,.14);
}


/* ==========================================================
[CO-90.02-G]
WHATSAPP — NO TAPAR MINI CART
========================================================== */

/*
Chrome / Edge / Safari actuales:
cuando el drawer está abierto ocultamos temporalmente
el botón flotante de WhatsApp.

No afecta WhatsApp con el mini carrito cerrado.
*/
body.fyc-site-co:has(
    .cart-widget-side.wd-opened
)
#ht-ctc-chat {
    opacity:
        0 !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;
}


/* ==========================================================
[CO-90.02-H]
MÓVIL
========================================================== */

@media (max-width: 767px) {

    body.fyc-site-co
    .cart-widget-side {
        width:
            96vw !important;

        max-width:
            400px !important;
    }


    body.fyc-site-co
    .cart-widget-side
    .wd-heading {
        min-height:
            62px;

        padding:
            0
            15px;
    }


    body.fyc-site-co
    .cart-widget-side
    li.tp-progress-item {
        margin:
            11px
            11px
            9px !important;
    }


    body.fyc-site-co
    .cart-widget-side
    .woocommerce-mini-cart
    li.mini_cart_item {
        margin:
            9px
            11px !important;

        padding:
            13px
            31px
            13px
            91px !important;

        border-radius:
            14px;
    }


    body.fyc-site-co
    .cart-widget-side
    .mini_cart_item
    .cart-item-image {
        top:
            13px;

        left:
            13px;

        width:
            66px !important;

        height:
            66px !important;
    }


    body.fyc-site-co
    .cart-widget-side
    .mini_cart_item
    .cart-item-image
    img {
        width:
            66px !important;

        height:
            66px !important;

        max-width:
            66px !important;
    }


    body.fyc-site-co
    .cart-widget-side
    .mini_cart_item
    .wd-entities-title {
        font-size:
            12.5px;
    }


    body.fyc-site-co
    .cart-widget-side
    .shopping-cart-widget-footer {
        padding:
            13px
            14px
            calc(13px + env(safe-area-inset-bottom)) !important;
    }
}


/* ================= FIN [CO-90.02] ================= */
/* ==========================================================
[CO-90.01-P01]
PARCHE: CARRITO — X ÚNICA + CUPÓN COMPACTO + ESPACIOS + CROSSSELL
SITIO: CUENTA OVEJAS
PÁGINA / ID: Carrito — página 9
BLOQUE PADRE: CO-90.01

ALCANCE:
- Corrige X duplicada de eliminar producto.
- Corrige X duplicada del mini carrito.
- Elimina hueco horizontal del cupón en PC.
- Elimina espacio vertical sobrante antes del cupón en móvil.
- Elimina línea decorativa de "Puede que estés interesado en…".
- Mantiene intacta la funcionalidad WooCommerce/AJAX.

ESTADO:
TEMPORAL — consolidar al final del proyecto.
========================================================== */


/* ==========================================================
[CO-90.01-P01-A]
ELIMINAR PRODUCTO — UNA SOLA X
========================================================== */

/*
El <a> ya contiene literalmente "×" y WoodMart agrega
su propio icono. Ocultamos ambas representaciones y
creamos una sola X controlada por nosotros.
*/

body.page-id-9
.shop_table.cart
.product-remove
a.remove {
    font-size: 0 !important;
}

body.page-id-9
.shop_table.cart
.product-remove
a.remove::before {
    content: "×" !important;

    display: block !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    color: currentColor !important;
}

body.page-id-9
.shop_table.cart
.product-remove
a.remove::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
[CO-90.01-P01-B]
MINI CARRITO — UNA SOLA X
========================================================== */

body.fyc-site-co
.cart-widget-side
.mini_cart_item
a.remove {
    font-size: 0 !important;
}

body.fyc-site-co
.cart-widget-side
.mini_cart_item
a.remove::before {
    content: "×" !important;

    display: block !important;

    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    color: currentColor !important;
}

body.fyc-site-co
.cart-widget-side
.mini_cart_item
a.remove::after {
    display: none !important;
    content: none !important;
}


/* ==========================================================
[CO-90.01-P01-C]
CUPÓN — LIMPIAR ESTRUCTURA INTERNA
========================================================== */

/*
El HTML tiene:
- label screen-reader
- <br>
- input
- <br>
- botón
- párrafos de update_cart oculto

Los quitamos del flujo visual sin tocar funcionalidad.
*/

body.page-id-9
.wd-cart-action-row
br {
    display: none !important;
}


/* Botón Actualizar carrito oculto no debe reservar espacio */
body.page-id-9
.cart-actions
> p {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-9
.cart-actions
> p:has(
    button[name="update_cart"].wd-hide
) {
    display: none !important;
}


/* ==========================================================
[CO-90.01-P01-D]
CUPÓN — PC / LAPTOP
========================================================== */

@media (min-width: 768px) {

    body.page-id-9
    .wd-cart-action-row
    .actions {
        padding: 12px 14px !important;
    }


    body.page-id-9
    .cart-actions {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
    Dos columnas reales:
    INPUT + BOTÓN.
    Nada más puede ocupar una columna.
    */
    body.page-id-9
    .wd-coupon-form {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            155px !important;

        column-gap: 10px !important;
        row-gap: 0 !important;

        width: 100% !important;
        max-width: 520px !important;

        margin: 0 !important;

        padding: 10px !important;
    }


    /* Screen-reader no participa del grid */
    body.page-id-9
    .wd-coupon-form
    > label.screen-reader-text {
        position: absolute !important;
    }


    body.page-id-9
    .wd-coupon-form
    #coupon_code {
        grid-column: 1 !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    body.page-id-9
    .wd-coupon-form
    button[name="apply_coupon"] {
        grid-column: 2 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
    }
}


/* ==========================================================
[CO-90.01-P01-E]
MÓVIL — ELIMINAR ESPACIO MUERTO ANTES DEL CUPÓN
========================================================== */

@media (max-width: 767px) {

    /*
    Neutralizamos altura/márgenes heredados de la fila
    responsive de WoodMart.
    */
    body.page-id-9
    .shop_table.cart
    tr.wd-cart-action-row {
        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body.page-id-9
    .shop_table.cart
    tr.wd-cart-action-row
    > td.actions {
        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        box-sizing: border-box;

        margin: 0 !important;
        padding: 12px !important;

        border: 0 !important;
    }


    body.page-id-9
    .shop_table.cart
    tr.wd-cart-action-row::before,

    body.page-id-9
    .shop_table.cart
    tr.wd-cart-action-row::after,

    body.page-id-9
    .shop_table.cart
    tr.wd-cart-action-row
    > td.actions::before,

    body.page-id-9
    .shop_table.cart
    tr.wd-cart-action-row
    > td.actions::after {
        display: none !important;

        content: none !important;
    }


    body.page-id-9
    .cart-actions {
        display: block !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body.page-id-9
    .wd-coupon-form {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 9px !important;

        width: 100% !important;
        max-width: none !important;

        box-sizing: border-box;

        margin: 0 !important;

        padding: 11px !important;
    }


    body.page-id-9
    .wd-coupon-form
    #coupon_code,

    body.page-id-9
    .wd-coupon-form
    button[name="apply_coupon"] {
        width: 100% !important;

        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
    }
}


/* ==========================================================
[CO-90.01-P01-F]
CROSS-SELL — QUITAR LÍNEA DECORATIVA
========================================================== */

body.page-id-9
.cross-sells
.wd-el-title::after {
    display: none !important;

    content: none !important;
}


/* Un poco más de aire limpio sin la raya */
body.page-id-9
.cross-sells
.wd-el-title {
    margin-bottom: 18px !important;
}


/* ================= FIN [CO-90.01-P01] ================= */
/* ==========================================================
[CO-90.01-P02]
PARCHE: CARRITO — BOTÓN FINALIZAR COMPRA + X EN MÓVIL
SITIO: CUENTA OVEJAS
PÁGINA / ID: Carrito — página 9
BLOQUE PADRE: CO-90.01

ALCANCE:
- Corrige alineación del botón "Finalizar compra".
- Reubica la X de eliminar en móvil para que no tape producto.
- Da un estilo limpio y controlado al botón de eliminar.
- Mantiene el resto del carrito tal como ya quedó validado.

ESTADO:
TEMPORAL — consolidar al final del proyecto.
========================================================== */


/* ==========================================================
[CO-90.01-P02-A]
BOTÓN FINALIZAR COMPRA — ALINEACIÓN
========================================================== */

body.page-id-9
.cart_totals
.wc-proceed-to-checkout {
    margin-top: 14px !important;
    padding-top: 0 !important;
}

body.page-id-9
.cart_totals
.wc-proceed-to-checkout
.checkout-button,
body.page-id-9
.cart_totals
.wc-proceed-to-checkout
a.checkout-button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    text-align: center !important;
    float: none !important;
}


/* ==========================================================
[CO-90.01-P02-B]
MÓVIL — X NO DEBE TAPAR EL PRODUCTO
========================================================== */

@media (max-width: 767px) {

    /* Cada fila del carrito será la referencia para la X */
    body.page-id-9
    .shop_table_responsive
    tr.cart_item {
        position: relative !important;
    }


    /*
    Movemos la columna de eliminar a la esquina superior derecha
    y la sacamos del flujo para que no empuje ni tape la foto.
    */
    body.page-id-9
    .shop_table_responsive
    td.product-remove {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;

        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        z-index: 3 !important;
    }


    /* La X queda en su burbuja, pequeña y limpia */
    body.page-id-9
    .shop_table_responsive
    td.product-remove
    a.remove {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 999px !important;
        border: 1px solid #efc7ca !important;
        background: #fff7f7 !important;

        color: #dd4f52 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }


    body.page-id-9
    .shop_table_responsive
    td.product-remove
    a.remove::before {
        font-size: 18px !important;
        line-height: 1 !important;
    }


    /*
    Reservamos espacio a la derecha del contenido para que
    el título del producto nunca quede debajo de la X.
    */
    body.page-id-9
    .shop_table_responsive
    td.product-name {
        padding-right: 46px !important;
    }


    /*
    El área del thumbnail también necesita un poco de aire
    para que visualmente no choque con la X.
    */
    body.page-id-9
    .shop_table_responsive
    td.product-thumbnail {
        padding-right: 12px !important;
    }


    /* El botón de finalizar compra en móvil también totalmente estable */
    body.page-id-9
    .cart_totals
    .wc-proceed-to-checkout
    .checkout-button,
    body.page-id-9
    .cart_totals
    .wc-proceed-to-checkout
    a.checkout-button {
        width: 100% !important;
        margin: 0 !important;
    }
}


/* ================= FIN [CO-90.01-P02] ================= */
/* ==========================================================
[CO-90.01-P03]
PARCHE: CARRITO — ELIMINAR PRODUCTO MÓVIL FINAL
SITIO: CUENTA OVEJAS
PÁGINA / ID: Carrito — página 9
BLOQUE PADRE: CO-90.01

REEMPLAZA:
- CO-90.01-P03 anterior

OBJETIVO:
- Usar únicamente el × NATIVO de WooCommerce.
- Eliminar iconos/pseudo-elementos de WoodMart.
- Mantenerlo discreto.
- No tapar imagen ni nombre.
- Conservar íntegra la función "Eliminar producto".

SOLO MÓVIL.
========================================================== */

@media (max-width: 767px) {

    /* ======================================================
    FILA PRODUCTO
    ====================================================== */

    body.page-id-9
    .shop_table_responsive
    tr.cart_item {
        position: relative !important;
    }


    /* ======================================================
    CELDA ELIMINAR
    ====================================================== */

    body.page-id-9
    .shop_table_responsive
    tr.cart_item
    > td.product-remove {
        position: absolute !important;

        top: 12px !important;
        right: 10px !important;

        display: block !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;

        line-height: 1 !important;

        z-index: 20 !important;
    }


    /*
    WooCommerce responsive puede añadir etiquetas/pseudos
    a la celda. Los quitamos.
    */
    body.page-id-9
    .shop_table_responsive
    td.product-remove::before,

    body.page-id-9
    .shop_table_responsive
    td.product-remove::after {
        content: none !important;
        display: none !important;
    }


    /* ======================================================
    × NATIVA DE WOOCOMMERCE
    ====================================================== */

    body.page-id-9
    .shop_table_responsive
    td.product-remove
    a.remove {
        position: static !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;

        color: #dd4f52 !important;

        font-family: Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: 300 !important;

        line-height: 24px !important;

        text-indent: 0 !important;
        text-decoration: none !important;

        box-shadow: none !important;

        opacity: .72;

        transition:
            opacity .18s ease,
            transform .18s ease !important;
    }


    /*
    MUY IMPORTANTE:
    eliminar cualquier icono generado por WoodMart
    o por nuestros parches anteriores.
    */
    body.page-id-9
    .shop_table_responsive
    td.product-remove
    a.remove::before,

    body.page-id-9
    .shop_table_responsive
    td.product-remove
    a.remove::after {
        content: none !important;
        display: none !important;
    }


    body.page-id-9
    .shop_table_responsive
    td.product-remove
    a.remove:hover {
        color: #dd4f52 !important;

        background: transparent !important;

        opacity: 1;

        transform: scale(1.12);
    }


    /* ======================================================
    ESPACIO PARA QUE EL TÍTULO NUNCA CHOQUE CON LA X
    ====================================================== */

    body.page-id-9
    .shop_table_responsive
    td.product-name {
        padding-right: 38px !important;
    }
}


/* ================= FIN [CO-90.01-P03] ================= */