/* === NidoClean - Estilo de marca para Carrito, Checkout y Mi Cuenta === */

/* Contenedor general de páginas WooCommerce */
.woocommerce {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0 60px;
}

/* Título de las páginas (Mi Carrito, Checkout, etc.) */
.entry-title,
.page-title {
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
    color: #2c1c12;
}

/* Botones principales de WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.checkout-button,
.woocommerce #place_order {
    background-color: #773F26 !important;
    border-color: #773F26 !important;
    color: #ffffff !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover {
    background-color: #5c3019 !important;
    border-color: #5c3019 !important;
}

/* Enlaces y precios destacados */
.woocommerce-Price-amount,
.woocommerce a:not(.button) {
    color: #773F26;
}

/* Pestañas activas en "Mi cuenta" */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #ffffff;
    background-color: #773F26;
}

.woocommerce-MyAccount-navigation ul li a {
    border-left: 3px solid transparent;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    border-left: 3px solid #5c3019;
}

/* Totales del carrito y checkout */
.woocommerce
/* === Login / Registro: layout lado a lado, centrado y con estilo === */
.woocommerce .u-columns.col2-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    width: 100%;
    margin: 0 auto;
}

.woocommerce .u-columns.col2-set .u-column1,
.woocommerce .u-columns.col2-set .u-column2 {
    float: none;
    flex: 1 1 340px;
    max-width: 420px;
    background: #fff;
    border: 1px solid #e9e9e6;
    border-radius: 14px;
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0,0,0,.04);
}

.woocommerce .u-columns.col2-set h2 {
    margin-top: 0;
    color: #2c1c12;
}

/* Que los campos de texto ocupen todo el ancho de su tarjeta */
.woocommerce .u-columns.col2-set input.input-text {
    width: 100%;
}
/* === Arreglo: forzar ancho completo en el contenedor de Mi Cuenta === */
.kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

.kt-inside-inner-col .woocommerce {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
/* === Badge de oferta rediseñado === */
.woocommerce span.onsale {
    background-color: #773F26;
    color: #ffffff;
    border-radius: 999px;      /* píldora en vez de círculo */
    width: auto;                /* que se ajuste al texto, no un círculo fijo */
    height: auto;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: normal;
    position: absolute;
    top: 15px;
    left: 15px;
}
/* === Precio del producto más destacado === */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 28px;
    font-weight: 800;
}

.woocommerce div.product p.price del {
    font-size: 18px;
    font-weight: 400;
    opacity: 0.6;
}

.woocommerce div.product p.price ins {
    text-decoration: none;
    color: #773F26;
}
/* === Arreglo de contraste: texto de valoración en el hero === */
#nidoclean-page .nc-rating span:last-child {
    color: #2c1c12 !important;
    font-weight: 600;
}
/* === Unificar tipografía de toda la web a DM Sans === */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;0,9..40,800;1,9..40,400&display=swap');

#nidoclean-page {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* === Arreglo de contraste: descripción del hero === */
#nidoclean-page .nc-hero-description {
    color: #2c1c12 !important;
}
/* === Suavizar la transición entre header blanco y hero oscuro (v2) === */
.nc-hero {
    background-image:
        linear-gradient(
            to bottom,
            rgba(255,255,255,1) 0px,
            rgba(255,255,255,0.6) 60px,
            rgba(255,255,255,0.25) 130px,
            rgba(255,255,255,0) 220px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.25),
            rgba(255,255,255,.02)
        ),
        url("https://nidoclean.com/wp-content/uploads/2026/08/Gemini_Generated_Image_jbk915jbk915jbk9.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
}
/* === Suavizar transición hero → barra de confianza (abajo) === */
.nc-hero::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
    pointer-events: none;
    z-index: 4;
}