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

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

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tzila.mx/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tzila.mx/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tzila.mx/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tzila.mx/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: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--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(204,0,126);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(204,0,126);
	--btn-accented-bgcolor-hover: rgba(255,0,157,0.88);
	--wd-form-brd-width: 2px;
	--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-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://tzila.mx/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
: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: rgba(211,203,203,0.15);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
: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: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

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


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

/* =========================
   BOTONES (AMAZON + APPLE HYBRID)
========================= */

button,
.woocommerce button.button,
.wd-button {
    font-weight: 600;
    transition: all .2s ease;
}

/* PRIMARY CTA (checkout / buy) */
#place_order,
.checkout-button,
.single_add_to_cart_button {
    background: #ffd814 !important; /* Amazon */
    color: #111 !important;
    border: 1px solid #fcd200 !important;
    border-radius: 999px !important; /* Apple pill */
    padding: 14px 18px !important;
}

#place_order:hover {
    background: #f7ca00 !important;
    transform: translateY(-1px);
}

/* =========================
   PRODUCT CARDS
========================= */

.product,
.wd-product {
    background: #fff;
    border: 1px solid #e5e5ea;
    transition: all .2s ease;
}

.product:hover,
.wd-product:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* =========================
   CHECKOUT CLEAN UX
========================= */

.woocommerce-checkout .woocommerce {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
}

/* ORDER SUMMARY */
#order_review,
.woocommerce-checkout-review-order {
    background: #f7f7f7;
    padding: 15px;
    border: 1px solid #e5e5ea;
}

/* =========================
   NOTIFICATIONS
========================= */

.woocommerce-message {
    background: #e8f5e9;
    border: 1px solid #c8e6c9;
}

.woocommerce-error {
    background: #ffebee;
    border: 1px solid #ffcdd2;
}

/* =========================
   HEADER / UI CLEAN
========================= */

.site-header,
.wd-header {
    background: #fff;
    border-bottom: 1px solid #e5e5ea;
}

/* =========================
   MOBILE OPTIMIZATION
========================= */

@media (max-width: 768px) {
    .woocommerce-checkout .woocommerce {
        padding: 15px;
        border-radius: 14px;
    }

    #place_order {
        font-size: 15px;
        padding: 12px;
    }
}




/* ==================================================
   WOODMART CHECKOUT — PREMIUM REFINED
   (SIN CAMBIAR ESTRUCTURA)
================================================== */

:root{
    --text:#18181b;
    --muted:#71717a;
    --border:#e7e7e7;
    --bg:#fafafa;
}

/* ======================================
   PAGE
====================================== */

body.woocommerce-checkout{
    background:#f6f6f6 !important;

    font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;

    color:var(--text) !important;

    -webkit-font-smoothing:antialiased;
}

/* container */
body.woocommerce-checkout .main-page-wrapper{
    max-width:1260px !important;
}

/* ======================================
   LEFT + RIGHT BOXES
====================================== */

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-checkout-review-order{
    background:#fff !important;

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

    padding:26px !important;

    box-shadow:
    0 1px 2px rgba(0,0,0,.02),
    0 8px 20px rgba(0,0,0,.025) !important;
}

/* spacing between sections */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields{
    margin-bottom:24px !important;
}

/* ======================================
   TITLES
====================================== */

body.woocommerce-checkout h2,
body.woocommerce-checkout h3{
    font-size:19px !important;
    font-weight:600 !important;

    letter-spacing:-0.02em !important;

    color:var(--text) !important;

    margin-bottom:18px !important;
}

/* ======================================
   LABELS
====================================== */

body.woocommerce-checkout label{
    font-size:11px !important;
    font-weight:500 !important;
    color:var(--muted) !important;

    margin-bottom:6px !important;
}

/* ======================================
   INPUTS
====================================== */

body.woocommerce-checkout input[type=text],
body.woocommerce-checkout input[type=email],
body.woocommerce-checkout input[type=tel],
body.woocommerce-checkout input[type=password],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection{

    height:42px !important;

    border-radius:10px !important;
    border:1px solid #dddddd !important;

    background:#fafafa !important;

    padding:0 14px !important;

    font-size:13px !important;
    color:var(--text) !important;

    transition:
    border-color .18s ease,
    background .18s ease !important;

    box-shadow:none !important;
}

/* textarea */
body.woocommerce-checkout textarea{
    min-height:90px !important;
    padding:14px !important;
}

/* focus state */
body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus,
body .select2-container--focus .select2-selection{

    border-color:#111 !important;
    background:#fff !important;

    outline:none !important;

    box-shadow:
    0 0 0 4px rgba(0,0,0,.04) !important;
}

/* select2 */
body .select2-container--default .select2-selection--single{
    height:42px !important;
}

body .select2-selection__rendered{
    line-height:40px !important;
}

/* spacing form */
body.woocommerce-checkout .form-row{
    margin-bottom:12px !important;
}

/* ======================================
   ORDER TABLE
====================================== */

body.woocommerce-checkout table.shop_table{
    border:none !important;
}

body.woocommerce-checkout table.shop_table td,
body.woocommerce-checkout table.shop_table th{
    border:none !important;
    padding:12px 0 !important;
    font-size:13px !important;
}

body.woocommerce-checkout table.shop_table tr{
    border-bottom:1px solid #f0f0f0 !important;
}

body.woocommerce-checkout table.shop_table th{
    font-weight:500 !important;
    color:var(--muted) !important;
}

/* total */
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .order-total th{
    font-size:20px !important;
    font-weight:700 !important;
    color:#111 !important;
}

/* ======================================
   PAYMENT METHODS
====================================== */

body.woocommerce-checkout .wc_payment_method{
    border:1px solid #ececec !important;
    border-radius:12px !important;

    background:#fafafa !important;

    padding:14px !important;
    margin-bottom:10px !important;
}

/* ======================================
   CTA BUTTON
====================================== */

body.woocommerce-checkout #place_order{
    height:46px !important;

    border:none !important;
    border-radius:12px !important;

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

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

    transition:.18s ease !important;
}

body.woocommerce-checkout #place_order:hover{
    background:#000 !important;
}

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

@media(max-width:768px){

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-checkout-review-order{
    padding:18px !important;
}

}

/* ======================================
   COMPACT FORMS — PREMIUM
====================================== */

/* inputs más pequeños */
body.woocommerce-checkout input[type=text],
body.woocommerce-checkout input[type=email],
body.woocommerce-checkout input[type=tel],
body.woocommerce-checkout input[type=password],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection{

    height:36px !important;
    min-height:36px !important;

    font-size:12px !important;

    padding:0 12px !important;

    border-radius:8px !important;
}

/* select2 */
body .select2-container--default .select2-selection--single{
    height:36px !important;
}

body .select2-selection__rendered{
    line-height:34px !important;
    font-size:12px !important;
}

/* textarea */
body.woocommerce-checkout textarea{
    min-height:70px !important;
    padding:10px 12px !important;
}

/* labels más compactos */
body.woocommerce-checkout label{
    font-size:10px !important;
    margin-bottom:4px !important;
    letter-spacing:.01em !important;
}

/* menos espacio entre campos */
body.woocommerce-checkout .form-row{
    margin-bottom:8px !important;
}

/* títulos más refinados */
body.woocommerce-checkout h2,
body.woocommerce-checkout h3{
    font-size:17px !important;
    margin-bottom:14px !important;
}

/* cajas un poco menos altas */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-checkout-review-order{
    padding:22px !important;
}

/* botón más premium y compacto */
body.woocommerce-checkout #place_order{
    height:42px !important;
    font-size:12px !important;
}


/* ======================================
   FORM FRAMES / PROFESSIONAL GROUPING
====================================== */

/* bloques del formulario */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{

    background:#ffffff !important;

    border:1px solid #e8e8e8 !important;
    border-radius:14px !important;

    padding:20px !important;

    margin-bottom:16px !important;

    box-shadow:
    0 1px 2px rgba(0,0,0,.02) !important;
}

/* encabezado del bloque */
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3{

    padding-bottom:12px !important;
    margin-bottom:16px !important;

    border-bottom:1px solid #f0f0f0 !important;
}

/* wrapper de campos */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}

/* spacing más limpio */
body.woocommerce-checkout .form-row{
    margin-bottom:6px !important;
}

/* hover sutil premium */
body.woocommerce-checkout .woocommerce-billing-fields:hover,
body.woocommerce-checkout .woocommerce-shipping-fields:hover{
    border-color:#dcdcdc !important;
    transition:.2s ease !important;
}

/* ======================================
   LABELS MÁS LEGIBLES
====================================== */

body.woocommerce-checkout label{
    font-size:13px !important;
    font-weight:500 !important;
    color:#4b5563 !important;
    margin-bottom:6px !important;
    line-height:1.4 !important;
    letter-spacing:0 !important;
}

/* labels de métodos de pago */
body.woocommerce-checkout .wc_payment_method label{
    font-size:13px !important;
    font-weight:500 !important;
    color:#111 !important;
}

/* textos auxiliares */
body.woocommerce-checkout .woocommerce-password-strength,
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .optional{
    font-size:12px !important;
    color:#6b7280 !important;
}


/* ======================================
   FIX FLOATING LABELS — WOODMART
====================================== */

/* espacio interno para labels */
body.woocommerce-checkout input[type=text],
body.woocommerce-checkout input[type=email],
body.woocommerce-checkout input[type=tel],
body.woocommerce-checkout input[type=password],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select{
    padding-top:14px !important;
    padding-bottom:4px !important;
    height:44px !important;
}

/* textarea */
body.woocommerce-checkout textarea{
    padding-top:18px !important;
}

/* label floating */
body.woocommerce-checkout .form-row label{

    position:absolute !important;
    top:6px !important;
    left:12px !important;

    z-index:2 !important;

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

    color:#6b7280 !important;

    background:#fff !important;
    padding:0 4px !important;

    pointer-events:none !important;

    transform:none !important;
}

/* cuando el campo está activo */
body.woocommerce-checkout .form-row.woocommerce-validated label,
body.woocommerce-checkout .form-row.form-row-focused label{
    color:#111 !important;
}

/* select2 */
body.woocommerce-checkout .select2-selection{
    padding-top:10px !important;
}

/* ======================================
   GENERAL FORM FRAME — PREMIUM
====================================== */

/* marco general izquierda */
body.woocommerce-checkout #customer_details{

    background:#ffffff !important;

    border:1px solid #e5e7eb !important;
    border-radius:18px !important;

    padding:28px !important;

    box-shadow:
    0 1px 2px rgba(0,0,0,.03),
    0 8px 24px rgba(0,0,0,.04) !important;
}

/* separar visualmente secciones internas */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{

    border:none !important;
    background:transparent !important;
    padding:0 !important;

    margin-bottom:26px !important;
}

/* líneas divisorias elegantes */
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
    padding-top:22px !important;
    border-top:1px solid #f1f1f1 !important;
}

/* título principal más premium */
body.woocommerce-checkout #customer_details h3{
    font-size:17px !important;
    font-weight:600 !important;
    color:#111827 !important;
    margin-bottom:16px !important;
}

/* hover sutil premium */
body.woocommerce-checkout #customer_details:hover{
    box-shadow:
    0 2px 6px rgba(0,0,0,.04),
    0 16px 40px rgba(0,0,0,.06) !important;

    transition:.25s ease !important;
}

/* ======================================
   FORZAR MARCO GENERAL FORMULARIO
   WOODMART
====================================== */

/* contenedor izquierdo real */
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout .woocommerce-checkout .col2-set{

    background:#ffffff !important;

    border:1px solid #e5e7eb !important;
    border-radius:18px !important;

    padding:28px !important;

    box-shadow:
    0 2px 6px rgba(0,0,0,.03),
    0 12px 28px rgba(0,0,0,.04) !important;

    overflow:hidden !important;
}

/* quitar marcos internos */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;

    padding:0 !important;
}

/* divisores elegantes */
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{
    margin-top:22px !important;
    padding-top:22px !important;
    border-top:1px solid #f1f1f1 !important;
}

/* títulos */
body.woocommerce-checkout #customer_details h3{
    font-size:17px !important;
    font-weight:600 !important;
    color:#111827 !important;
    margin-bottom:18px !important;
}

/* hover premium */
body.woocommerce-checkout .col2-set:hover{
    box-shadow:
    0 4px 10px rgba(0,0,0,.04),
    0 18px 42px rgba(0,0,0,.06) !important;

    transition:.25s ease !important;
}


/* ======================================
   MARCO GENERAL CHECKOUT IZQUIERDO
   WOODMART (FORZADO)
====================================== */

/* columna izquierda real */
body.woocommerce-checkout .checkout-form,
body.woocommerce-checkout .woocommerce-checkout .col2-set{

    background:#fff !important;
    border:1px solid #dfe3e8 !important;
    border-radius:18px !important;

    padding:28px !important;

    box-shadow:
    0 1px 3px rgba(0,0,0,.04),
    0 10px 30px rgba(0,0,0,.05) !important;
}

/* eliminar cajas internas */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;

    padding:0 !important;
}

/* separadores elegantes */
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields{

    margin-top:22px !important;
    padding-top:22px !important;

    border-top:1px solid #eef1f4 !important;
}

/* mejorar títulos */
body.woocommerce-checkout #customer_details h3{
    font-size:17px !important;
    font-weight:600 !important;
    margin-bottom:16px !important;
    color:#111827 !important;
}

/* móvil */
@media(max-width:768px){

body.woocommerce-checkout .checkout-form,
body.woocommerce-checkout .woocommerce-checkout .col2-set{
    padding:20px !important;
}

}

/* ======================================
   PREMIUM CHECKOUT FRAME
   WOOCOMMERCE BLOCKS
====================================== */

/* CONTENEDOR GENERAL IZQUIERDO */
body.woocommerce-checkout 
.wc-block-checkout__main{

    background:#fff !important;

    border:1px solid #e5e7eb !important;
    border-radius:20px !important;

    padding:28px !important;

    box-shadow:
    0 1px 3px rgba(0,0,0,.03),
    0 12px 40px rgba(0,0,0,.05) !important;

    overflow:hidden !important;
}

/* QUITAR CAJAS INTERNAS */
body.woocommerce-checkout 
.wc-block-components-checkout-step{

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;

    padding:0 !important;
    margin:0 !important;
}

/* DIVISORES ELEGANTES */
body.woocommerce-checkout
.wc-block-checkout__shipping-fields,

body.woocommerce-checkout
.wc-block-checkout__payment-method,

body.woocommerce-checkout
.wc-block-checkout__order-notes{

    border-top:1px solid #f1f3f5 !important;

    margin-top:24px !important;
    padding-top:24px !important;
}

/* TÍTULOS MÁS PREMIUM */
body.woocommerce-checkout
.wc-block-components-checkout-step__title{

    font-size:18px !important;
    font-weight:600 !important;
    color:#111827 !important;

    letter-spacing:-0.01em !important;

    margin-bottom:18px !important;
}

/* MÁS ESPACIADO LIMPIO */
body.woocommerce-checkout
.wc-block-components-address-form{
    gap:10px !important;
}

/* HOVER SUTIL */
body.woocommerce-checkout 
.wc-block-checkout__main:hover{

    box-shadow:
    0 4px 10px rgba(0,0,0,.04),
    0 20px 50px rgba(0,0,0,.07) !important;

    transition:.25s ease !important;
}

/* MOBILE */
@media(max-width:768px){

body.woocommerce-checkout 
.wc-block-checkout__main{
    padding:20px !important;
    border-radius:16px !important;
}

}

/* ======================================
   PREMIUM ORDER SUMMARY (RIGHT SIDE)
   WOOCOMMERCE BLOCKS
====================================== */

/* contenedor derecha */
body.woocommerce-checkout
.wc-block-checkout__sidebar{

    background:#ffffff !important;

    border:1px solid #e5e7eb !important;
    border-radius:20px !important;

    padding:24px !important;

    box-shadow:
    0 1px 3px rgba(0,0,0,.03),
    0 12px 40px rgba(0,0,0,.05) !important;

    overflow:hidden !important;

    position:sticky !important;
    top:20px !important;
}

/* quitar caja interna fea */
body.woocommerce-checkout
.wc-block-components-sidebar-layout .wc-block-components-t



/* ======================================
   MOBILE FIX — CHECKOUT BLOCKS
====================================== */

@media (max-width: 768px){

    /* layout vertical limpio */
    body.woocommerce-checkout
    .wc-block-components-sidebar-layout{

        display:flex !important;
        flex-direction:column !important;
        gap:18px !important;
    }

    /* IZQUIERDA */
    body.woocommerce-checkout
    .wc-block-checkout__main{

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

        padding:18px !important;
        border-radius:16px !important;

        margin:0 !important;
    }

    /* DERECHA */
    body.woocommerce-checkout
    .wc-block-checkout__sidebar{

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

        position:relative !important;
        top:auto !important;

        padding:18px !important;
        border-radius:16px !important;

        margin:0 !important;
    }

    /* evitar secciones encimadas */
    body.woocommerce-checkout
    .wc-block-components-checkout-step{

        margin-bottom:18px !important;
    }

    /* títulos */
    body.woocommerce-checkout
    .wc-block-components-checkout-step__title{

        font-size:16px !important;
        line-height:1.3 !important;
    }

    /* inputs más compactos */
    body.woocommerce-checkout
    .wc-block-components-text-input input,

    body.woocommerce-checkout
    .wc-blocks-components-select__select{

        height:42px !important;
        min-height:42px !important;
    }

    /* MercadoPago fix */
    body.woocommerce-checkout
    .mp-checkout-custom-dual-column-row{

        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
    }

    body.woocommerce-checkout
    .mp-checkout-custom-card-column{
        width:100% !important;
    }

    /* botón */
    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button{

        height:48px !important;
        width:100% !important;
    }
}

/* ======================================
   MOBILE FIX SIN CAMBIAR LAYOUT
====================================== */

@media screen and (max-width:768px){

    /* quitar sticky que rompe móvil */
    body.woocommerce-checkout
    .wc-block-checkout__sidebar{
        position:relative !important;
        top:auto !important;
    }

    /* evitar que se encimen cajas */
    body.woocommerce-checkout
    .wc-block-checkout__main,
    body.woocommerce-checkout
    .wc-block-checkout__sidebar{

        overflow:visible !important;
        height:auto !important;
        min-height:auto !important;
    }

    /* más separación entre bloques */
    body.woocommerce-checkout
    .wc-block-components-checkout-step{
        margin-bottom:18px !important;
    }

    /* arreglar MercadoPago */
    body.woocommerce-checkout
    .mp-checkout-custom-dual-column-row{
        display:flex !important;
        gap:12px !important;
        flex-wrap:wrap !important;
    }

    body.woocommerce-checkout
    .mp-checkout-custom-card-column{
        flex:1 1 100% !important;
        width:100% !important;
    }

    /* inputs responsivos */
    body.woocommerce-checkout iframe,
    body.woocommerce-checkout input,
    body.woocommerce-checkout select{
        max-width:100% !important;
    }

    /* evitar overflow horizontal */
    body.woocommerce-checkout{
        overflow-x:hidden !important;
    }
}