@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//solucionesserranas.com.ar/wp-content/themes/woodmart/fonts/woodmart-font-3-700.woff2?v=8.4.1") format("woff2");
}

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

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

:root {
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(158, 45, 29);
	--wd-alternative-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(51,51,51);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(158,45,29);
	--wd-alternative-color: rgb(231,179,95);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(158,75,53);
	--btn-accented-bgcolor-hover: rgb(127,59,42);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
: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: rgb(244,244,244);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps li {
	text-transform: capitalize;
}
html table th {
	text-transform: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
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(118,118,118);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(51,51,51);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(239,239,239);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
}
.product-labels .product-label.onsale {
	background-color: rgb(36,36,36);
}
.product-labels .product-label.new {
	background-color: rgb(36,36,36);
}
.product-labels .product-label.featured {
	background-color: rgb(204,119,34);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1540px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

.wd-free-progress-bar .progress-area {
    position: relative !important;
    display: block !important;
    height: 8px !important;
    background: #ead7cf !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

.wd-free-progress-bar .progress-area .progress-bar {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    height: 100% !important;
    background-color: #e2261c !important;
    border-radius: 999px !important;
    z-index: 5 !important;
    opacity: 1 !important;
}

/* Si llega al 100% */
.wd-free-progress-bar:has(.progress-bar[style*="100%"]) .progress-area .progress-bar {
    background-color: #00845a !important;
}

.wd-free-progress-bar:has(.progress-bar[style*="100%"]) .progress-msg {
    color: #00845a !important;
}


/* =========================================================
   SOLUCIONES SERRANAS - MODAL FICHA DE ALQUILER
   ========================================================= */

.ss-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: rgba(27, 31, 27, 0.76) !important;
    z-index: 999999 !important;

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

    padding: 30px !important;
    box-sizing: border-box !important;
}

.ss-modal-ficha {
    position: relative !important;
    width: min(1020px, 94vw) !important;
    max-height: 90vh !important;

    background: #fff !important;
    border-radius: 14px !important;
    overflow: auto !important;

    box-shadow: 0 25px 80px rgba(0,0,0,.30) !important;
}

.ss-modal-cerrar {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;

    width: 42px !important;
    height: 42px !important;

    border: 1px solid #deded5 !important;
    border-radius: 50% !important;
    background: #f7f7f2 !important;

    font-size: 26px !important;
    line-height: 1 !important;
    cursor: pointer !important;

    z-index: 5 !important;
}

.ss-modal-contenido {
    width: 100% !important;
}

.ss-ficha-modal-header {
    padding: 28px 70px 24px 30px !important;
    border-bottom: 1px solid #e6e6df !important;
}

.ss-ficha-modal-eyebrow {
    margin-bottom: 7px !important;

    color: #b52d1e !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

.ss-ficha-modal-header h2 {
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
}

.ss-ficha-modal-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    min-height: 480px !important;
}

.ss-ficha-modal-imagen {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #f4f4ef !important;
    padding: 35px !important;
}

.ss-ficha-modal-imagen img {
    display: block !important;
    width: 100% !important;
    max-width: 470px !important;
    max-height: 440px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
}

.ss-ficha-modal-info {
    display: flex !important;
    flex-direction: column !important;

    padding: 45px 34px 32px !important;
}

.ss-ficha-modal-descripcion {
    margin: 0 0 26px !important;
    color: #777b70 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.ss-ficha-modal-info h3 {
    margin: 0 0 18px !important;
    font-size: 20px !important;
}

.ss-ficha-modal-datos {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
    margin-bottom: 28px !important;
}

.ss-ficha-modal-datos span {
    display: block !important;
    margin-bottom: 4px !important;
    color: #96998f !important;
    font-size: 12px !important;
}

.ss-ficha-modal-datos strong {
    display: block !important;
    font-size: 14px !important;
}

.ss-ficha-modal-precio {
    margin-top: auto !important;
    padding-top: 24px !important;
    border-top: 1px solid #ecece5 !important;
}

.ss-ficha-modal-precio p {
    color: #7b7e75 !important;
}

.ss-iniciar-solicitud {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;

    width: 100% !important;
    min-height: 56px !important;

    margin-top: 20px !important;

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

    background: #ad2e1f !important;
    color: #fff !important;

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

    cursor: pointer !important;
}

.ss-iniciar-solicitud:hover {
    background: #922719 !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .ss-modal-overlay {
        padding: 12px !important;
    }

    .ss-modal-ficha {
        width: 100% !important;
        max-height: 94vh !important;
    }

    .ss-ficha-modal-grid {
        grid-template-columns: 1fr !important;
    }

    .ss-ficha-modal-imagen {
        padding: 25px !important;
    }

    .ss-ficha-modal-imagen img {
        max-height: 300px !important;
    }

    .ss-ficha-modal-info {
        padding: 28px 22px !important;
    }

}


/* =========================================================
   SOLUCIONES SERRANAS - WIZARD SOLICITUD DE ALQUILER
   ========================================================= */

/* Caja principal del wizard */
.ss-wizard {
    width: 100% !important;
    max-width: 1020px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    color: #252821 !important;
}


/* =========================================================
   CABECERA
   ========================================================= */

.ss-wizard-header {
    position: relative !important;
    padding: 25px 70px 22px 30px !important;
    border-bottom: 1px solid #e4e5dc !important;
}

.ss-wizard-eyebrow {
    margin: 0 0 7px !important;
    color: #ad2e1f !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
}

.ss-wizard-header h2 {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


/* =========================================================
   PASOS 1 / 2 / 3 / 4
   ========================================================= */

.ss-wizard-pasos {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    align-items: center !important;

    min-height: 62px !important;
    padding: 0 30px !important;

    background: #fbfbf7 !important;
    border-bottom: 1px solid #e4e5dc !important;
}

.ss-wizard-paso {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    color: #999d91 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.ss-wizard-paso-numero {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;

    border: 1px solid #d9dccf !important;
    border-radius: 50% !important;

    background: #fff !important;
    color: #8c9184 !important;

    font-size: 12px !important;
}

.ss-wizard-paso.activo {
    color: #ad2e1f !important;
    font-weight: 700 !important;
}

.ss-wizard-paso.activo .ss-wizard-paso-numero {
    background: #ad2e1f !important;
    border-color: #ad2e1f !important;
    color: #fff !important;
}


/* =========================================================
   CUERPO - DOS COLUMNAS
   ========================================================= */

.ss-wizard-body {
    display: grid !important;
    grid-template-columns: minmax(0, 2.2fr) minmax(250px, 0.9fr) !important;
    gap: 30px !important;

    padding: 28px 30px 20px !important;
}

.ss-wizard-main {
    min-width: 0 !important;
}

.ss-wizard-main h3 {
    margin: 0 0 7px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.ss-wizard-subtitulo {
    margin: 0 0 24px !important;
    color: #7c8075 !important;
    font-size: 14px !important;
}


/* =========================================================
   FECHAS
   ========================================================= */

.ss-wizard-fechas {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-bottom: 14px !important;
}

.ss-wizard label {
    display: block !important;
    margin-bottom: 7px !important;

    color: #292c25 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.ss-wizard input,
.ss-wizard select {
    width: 100% !important;
    height: 46px !important;

    padding: 0 13px !important;

    background: #fff !important;
    border: 1px solid #d9dbd1 !important;
    border-radius: 5px !important;

    color: #282b25 !important;
    font-size: 14px !important;

    box-shadow: none !important;
}


/* =========================================================
   BOTONES RAPIDOS 1 DIA / 3 DIAS / ETC.
   ========================================================= */

.ss-wizard-rapidos {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin: 4px 0 14px !important;
}

.ss-wizard-rapidos button {
    min-height: 34px !important;
    padding: 0 14px !important;

    background: #fff !important;
    border: 1px solid #d8dbd0 !important;
    border-radius: 4px !important;

    color: #5f6459 !important;
    font-size: 12px !important;
    font-weight: 500 !important;

    cursor: pointer !important;
}

.ss-wizard-rapidos button:hover {
    border-color: #ad2e1f !important;
    color: #ad2e1f !important;
}


/* =========================================================
   DURACION
   ========================================================= */

.ss-wizard-duracion {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;

    min-height: 46px !important;
    margin-bottom: 8px !important;
    padding: 0 15px !important;

    background: #f6f6ef !important;
    border-radius: 5px !important;

    color: #5d6256 !important;
    font-size: 13px !important;
}

.ss-wizard-duracion strong {
    color: #6f621e !important;
}

.ss-wizard-nota {
    margin: 0 0 17px !important;
    color: #a0a397 !important;
    font-size: 11px !important;
}


/* =========================================================
   DISPONIBILIDAD
   ========================================================= */

.ss-wizard-disponibilidad {
    margin: 0 0 17px !important;
    padding: 14px 15px !important;

    background: #f3f7e9 !important;
    border: 1px solid #d8dfc8 !important;
    border-radius: 5px !important;

    color: #626b46 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.ss-wizard-disponibilidad strong {
    display: block !important;
    margin-bottom: 2px !important;
    color: #606931 !important;
}


/* =========================================================
   CALENDARIO 7 DIAS
   ========================================================= */

.ss-wizard-calendario-titulo {
    margin: 0 0 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ss-wizard-calendario {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 5px !important;
    margin-bottom: 6px !important;
}

.ss-wizard-dia {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 56px !important;

    background: #f3f6ec !important;
    border: 1px solid #d8ddcf !important;
    border-radius: 4px !important;

    color: #64704e !important;
}

.ss-wizard-dia span {
    font-size: 10px !important;
}

.ss-wizard-dia strong {
    margin-top: 2px !important;
    font-size: 16px !important;
}

.ss-wizard-dia.ocupado {
    background:
        repeating-linear-gradient(
            45deg,
            #fbf4e9,
            #fbf4e9 4px,
            #f1e5d5 4px,
            #f1e5d5 6px
        ) !important;

    border-color: #eadbc8 !important;
    color: #a06a44 !important;
}

.ss-wizard-calendario-nota {
    margin: 0 0 18px !important;
    color: #a0a397 !important;
    font-size: 10px !important;
}


/* =========================================================
   CANTIDAD + MODALIDAD
   ========================================================= */

.ss-wizard-opciones {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}


/* =========================================================
   RESUMEN LATERAL
   ========================================================= */

.ss-wizard-resumen {
    align-self: start !important;

    padding: 18px !important;

    background: #f7f7f1 !important;
    border: 1px solid #dedfd5 !important;
    border-radius: 7px !important;
}

.ss-wizard-resumen img {
    display: block !important;

    width: 135px !important;
    height: 100px !important;

    margin: 0 auto 14px !important;

    object-fit: contain !important;
}

.ss-wizard-resumen-eyebrow {
    margin-bottom: 8px !important;

    color: #ad2e1f !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

.ss-wizard-resumen h3 {
    margin: 0 0 20px !important;
    font-size: 18px !important;
}

.ss-wizard-resumen-fila {
    display: flex !important;
    justify-content: space-between !important;
    gap: 15px !important;

    padding: 9px 0 !important;

    color: #91968a !important;
    font-size: 12px !important;
}

.ss-wizard-resumen-fila strong {
    color: #34382f !important;
    text-align: right !important;
}

.ss-wizard-resumen-separador {
    height: 1px !important;
    margin: 8px 0 !important;
    background: #dedfd5 !important;
}

.ss-wizard-precio-label {
    margin-top: 10px !important;
    color: #999d91 !important;
    font-size: 11px !important;
}

.ss-wizard-precio {
    margin-top: 3px !important;
    color: #ad2e1f !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.ss-wizard-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 16px 30px !important;

    background: #fff !important;
    border-top: 1px solid #e2e3da !important;
}

.ss-wizard-volver {
    min-height: 46px !important;
    padding: 0 20px !important;

    background: #fff !important;
    border: 1px solid #d5d7ce !important;
    border-radius: 5px !important;

    color: #292c25 !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}

.ss-wizard-continuar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;

    min-width: 145px !important;
    min-height: 48px !important;
    padding: 0 20px !important;

    background: #ad2e1f !important;
    border: 0 !important;
    border-radius: 5px !important;

    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}

.ss-wizard-continuar:hover {
    background: #922719 !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 850px) {

    .ss-wizard-body {
        grid-template-columns: 1fr !important;
    }

    .ss-wizard-resumen {
        order: -1 !important;
    }

    .ss-wizard-pasos {
        padding: 0 18px !important;
    }
}

@media (max-width: 600px) {

    .ss-modal-overlay {
        padding: 8px !important;
    }

    .ss-wizard-header {
        padding: 20px 60px 18px 18px !important;
    }

    .ss-wizard-header h2 {
        font-size: 21px !important;
    }

    .ss-wizard-pasos {
        grid-template-columns: repeat(4, auto) !important;
        gap: 6px !important;
        overflow-x: auto !important;
    }

    .ss-wizard-paso {
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .ss-wizard-body {
        padding: 22px 18px !important;
    }

    .ss-wizard-fechas,
    .ss-wizard-opciones {
        grid-template-columns: 1fr !important;
    }

    .ss-wizard-calendario {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .ss-wizard-footer {
        padding: 14px 18px !important;
    }
}


/* =========================================================
   SOLUCIONES SERRANAS
   WIZARD DE SOLICITUD DE ALQUILER
   ========================================================= */

/* Cuando el modal contiene el wizard */
.ss-modal-ficha:has(.ss-wizard) {
    width: min(1020px, 94vw) !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 14px !important;
    background: #fff !important;
}

/* El wizard completo */
.ss-wizard {
    width: 100% !important;
    background: #fff !important;
    color: #242821 !important;
    font-size: 14px !important;
}

/* =========================
   CABECERA
   ========================= */

.ss-wizard-header {
    min-height: 105px !important;
    padding: 28px 75px 22px 32px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #e5e5dc !important;
    box-sizing: border-box !important;
}

.ss-wizard-header h2 {
    margin: 4px 0 0 !important;
    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #20241f !important;
}

.ss-wizard-eyebrow {
    color: #b52d1e !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
}


/* =========================
   BARRA DE LOS 4 PASOS
   ========================= */

.ss-wizard-pasos {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    align-items: center !important;
    min-height: 62px !important;
    padding: 0 32px !important;
    border-bottom: 1px solid #e5e5dc !important;
    background: #fbfbf8 !important;
    box-sizing: border-box !important;
}

.ss-paso {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #9a9d91 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.ss-paso span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border: 1px solid #d9dbce !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #8b8f82 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.ss-paso strong {
    font-weight: 500 !important;
    color: inherit !important;
}

.ss-paso.activo {
    color: #ad2e1f !important;
}

.ss-paso.activo span {
    border-color: #ad2e1f !important;
    background: #ad2e1f !important;
    color: #fff !important;
}

.ss-paso.activo strong {
    color: #ad2e1f !important;
    font-weight: 700 !important;
}


/* =========================
   CUERPO DEL WIZARD
   ========================= */

.ss-wizard-cuerpo {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 28px !important;
    padding: 28px 32px 24px !important;
    box-sizing: border-box !important;
    align-items: start !important;
}

.ss-wizard-principal {
    min-width: 0 !important;
}

.ss-wizard-principal > h2 {
    margin: 0 0 7px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    color: #20241f !important;
}

.ss-wizard-intro {
    margin: 0 0 24px !important;
    color: #7d8176 !important;
    font-size: 14px !important;
}


/* =========================
   FECHAS
   ========================= */

.ss-fechas-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}

.ss-fechas-grid label,
.ss-cantidad-entrega label {
    display: block !important;
    margin: 0 !important;
}

.ss-fechas-grid label > strong,
.ss-cantidad-entrega label > strong {
    display: block !important;
    margin-bottom: 7px !important;
    color: #292d27 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ss-fechas-grid input,
.ss-cantidad-entrega input,
.ss-cantidad-entrega select {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid #d9dbd0 !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #222 !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}


/* =========================
   ATAJOS 1 / 3 / 7 / 14
   ========================= */

.ss-atajos-fecha {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 14px 0 !important;
}

.ss-atajos-fecha button {
    min-height: 34px !important;
    padding: 0 14px !important;
    border: 1px solid #d8d9cf !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #555a50 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.ss-atajos-fecha button:hover {
    border-color: #ad2e1f !important;
    color: #ad2e1f !important;
    background: #fff !important;
}


/* =========================
   DURACIÓN
   ========================= */

.ss-duracion-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 45px !important;
    margin: 0 0 9px !important;
    padding: 0 15px !important;
    border-radius: 5px !important;
    background: #f5f5ef !important;
    color: #4d5149 !important;
    box-sizing: border-box !important;
}

.ss-duracion-box span {
    font-size: 13px !important;
}

.ss-duracion-box strong {
    font-size: 13px !important;
    color: #665f23 !important;
}


/* =========================
   DISPONIBILIDAD
   ========================= */

.ss-disponibilidad-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-height: 62px !important;
    margin: 18px 0 !important;
    padding: 13px 15px !important;
    border: 1px solid #d9dec8 !important;
    border-radius: 5px !important;
    background: #f3f7e9 !important;
    box-sizing: border-box !important;
}

.ss-disponibilidad-box strong {
    color: #66631d !important;
    font-size: 13px !important;
}

.ss-disponibilidad-box span {
    color: #777b70 !important;
    font-size: 12px !important;
}


/* =========================
   CANTIDAD / ENTREGA
   ========================= */

.ss-cantidad-entrega {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-top: 18px !important;
}


/* =========================
   RESUMEN DERECHO
   ========================= */

.ss-wizard-resumen {
    width: 100% !important;
    padding: 18px !important;
    border: 1px solid #dedfd5 !important;
    border-radius: 7px !important;
    background: #f7f7f2 !important;
    box-sizing: border-box !important;
}

.ss-wizard-imagen {
    display: block !important;
    width: 100% !important;
    height: 110px !important;
    margin: 0 auto 14px !important;
    object-fit: contain !important;
    border-radius: 5px !important;
}

.ss-wizard-resumen .ss-wizard-eyebrow {
    margin-bottom: 8px !important;
}

.ss-wizard-resumen h3 {
    margin: 0 0 18px !important;
    color: #20241f !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
}

.ss-resumen-linea {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 15px !important;
    padding: 9px 0 !important;
}

.ss-resumen-linea span {
    color: #96998f !important;
    font-size: 12px !important;
}

.ss-resumen-linea strong {
    max-width: 145px !important;
    color: #282c26 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-align: right !important;
}

.ss-resumen-precio {
    margin-top: 10px !important;
    padding-top: 15px !important;
    border-top: 1px solid #dedfd5 !important;
}

.ss-resumen-precio span {
    display: block !important;
    margin-bottom: 5px !important;
    color: #96998f !important;
    font-size: 12px !important;
}

.ss-resumen-precio strong {
    display: block !important;
    color: #ad2e1f !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}


/* =========================
   PIE / BOTONES
   ========================= */

.ss-wizard-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 76px !important;
    padding: 14px 32px !important;
    border-top: 1px solid #e5e5dc !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.ss-volver-ficha {
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 1px solid #d5d6cc !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #272b25 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.ss-continuar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    min-width: 140px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #ad2e1f !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.ss-continuar:hover {
    background: #922719 !important;
    color: #fff !important;
}


/* =========================
   AJUSTE DE LA X EN WIZARD
   ========================= */

.ss-modal-ficha:has(.ss-wizard) .ss-modal-cerrar {
    top: 24px !important;
    right: 28px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .ss-wizard-cuerpo {
        grid-template-columns: 1fr !important;
    }

    .ss-wizard-resumen {
        max-width: none !important;
    }

    .ss-wizard-pasos {
        gap: 10px !important;
    }
}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 650px) {

    .ss-modal-overlay {
        padding: 8px !important;
    }

    .ss-modal-ficha:has(.ss-wizard) {
        width: 100% !important;
        max-height: 96vh !important;
        border-radius: 10px !important;
    }

    .ss-wizard-header {
        min-height: 85px !important;
        padding: 20px 55px 18px 20px !important;
    }

    .ss-wizard-header h2 {
        font-size: 21px !important;
    }

    .ss-wizard-pasos {
        grid-template-columns: repeat(4, auto) !important;
        gap: 12px !important;
        padding: 12px 20px !important;
        overflow-x: auto !important;
    }

    .ss-paso {
        font-size: 11px !important;
    }

    .ss-paso span {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
    }

    .ss-wizard-cuerpo {
        padding: 22px 20px !important;
    }

    .ss-fechas-grid,
    .ss-cantidad-entrega {
        grid-template-columns: 1fr !important;
    }

    .ss-wizard-footer {
        padding: 12px 20px !important;
    }
}


/* =========================================================
   ICONOS / INDICADORES EN CAMPOS DEL WIZARD
   ========================================================= */

/* ---------- FECHAS: recuperar icono calendario ---------- */

.ss-fechas-grid input[type="date"] {
    position: relative !important;
    padding-right: 45px !important;
    cursor: pointer !important;
}

/* Chrome / Edge */
.ss-fechas-grid input[type="date"]::-webkit-calendar-picker-indicator {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 3px !important;
    cursor: pointer !important;
}


/* ---------- CANTIDAD: recuperar flechas +/- nativas ---------- */

.ss-cantidad-entrega input[type="number"] {
    padding-right: 12px !important;
}

/* Chrome / Edge */
.ss-cantidad-entrega input[type="number"]::-webkit-inner-spin-button,
.ss-cantidad-entrega input[type="number"]::-webkit-outer-spin-button {
    opacity: 1 !important;
    display: block !important;
    cursor: pointer !important;
}


/* ---------- MODALIDAD: flecha desplegable ---------- */

.ss-cantidad-entrega select {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;

    padding-right: 38px !important;
    cursor: pointer !important;
}


/* ---------- HOVER para dejar claro que son interactivos ---------- */

.ss-fechas-grid input[type="date"]:hover,
.ss-cantidad-entrega input[type="number"]:hover,
.ss-cantidad-entrega select:hover {
    border-color: #a9ab9f !important;
}


/* ---------- FOCUS ---------- */

.ss-fechas-grid input[type="date"]:focus,
.ss-cantidad-entrega input[type="number"]:focus,
.ss-cantidad-entrega select:focus {
    border-color: #ad2e1f !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(173, 46, 31, 0.08) !important;
}

/* =========================================================
   PASO 2 - DATOS CLIENTE
   Ajustes Empresa + campo trabajo
   ========================================================= */


/* Razón social y CUIT deben comportarse como campos normales */
.ss-campo-empresa {
    display: flex;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
}

.ss-campo-empresa label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.ss-campo-empresa input {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
}


/* Campo "¿Para qué trabajo la necesitás?" */
#ss-cliente-trabajo {
    width: 100% !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 120px !important;
    padding: 12px 14px !important;
    resize: vertical !important;
    line-height: 1.4 !important;
}


/* Evita espacios exagerados alrededor del textarea */
.ss-campo-trabajo {
    margin-top: 4px !important;
}

.ss-campo-trabajo label {
    margin-bottom: 5px !important;
}

.ss-campo-trabajo textarea {
    margin-bottom: 0 !important;
}

/* =========================================================
   PASO 3 - DOCUMENTACIÓN
   ========================================================= */

.ss-documentacion-aviso {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin: 24px 0 16px !important;
    padding: 15px 16px !important;
    border: 1px solid #e4d9bd !important;
    border-radius: 6px !important;
    background: #faf7ed !important;
}

.ss-documentacion-aviso strong {
    font-size: 13px !important;
    color: #725a1d !important;
}

.ss-documentacion-aviso span {
    font-size: 12px !important;
    color: #887d62 !important;
}

.ss-documentos-lista {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}

.ss-documento-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;

    min-height: 65px !important;
    padding: 11px 13px !important;

    border: 1px solid #dddccf !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.ss-documento-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
}

.ss-documento-info strong {
    font-size: 13px !important;
    color: #292d28 !important;
}

.ss-documento-estado {
    display: block !important;
    font-size: 11px !important;
    color: #999b91 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ss-documento-acciones {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-shrink: 0 !important;
}

.ss-documento-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    min-height: 38px !important;
    padding: 7px 11px !important;

    border: 1px solid #d5d5ca !important;
    border-radius: 5px !important;

    background: #fff !important;
    color: #30332e !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}

.ss-documento-btn:hover {
    border-color: #b42e20 !important;
    color: #b42e20 !important;
}

.ss-documento-input {
    display: none !important;
}

.ss-documento-cargado {
    background: #f5f8ed !important;
    border-color: #ccd8ad !important;
}

.ss-documento-cargado .ss-documento-estado {
    color: #637a31 !important;
    font-weight: 600 !important;
}

.ss-documentacion-despues {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-top: 17px !important;
    cursor: pointer !important;
}

.ss-documentacion-despues input {
    width: 18px !important;
    height: 18px !important;
    margin: 1px 0 0 !important;
    accent-color: #b42e20 !important;
    flex-shrink: 0 !important;
}

.ss-documentacion-despues span {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #777b70 !important;
}

.ss-documentacion-nota {
    margin: 9px 0 0 !important;
    font-size: 10px !important;
    color: #a1a399 !important;
}


/* MOBILE */

@media (max-width: 767px) {

    .ss-documento-item {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .ss-documento-acciones {
        width: 100% !important;
    }

    .ss-documento-btn {
        flex: 1 !important;
    }
}






/* Ocultar mensaje de inicio de sesión para ver precios */
.login-to-prices-msg {
    display: none !important;
}