.elementor-113388 .elementor-element.elementor-element-ddd7add{--display:flex;}.elementor-113388 .elementor-element.elementor-element-2106214{--spacer-size:50px;}.elementor-113388 .elementor-element.elementor-element-66e2dea{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-849e78a *//* ============================================================
   marburg architecture — WooCommerce Widerruf-Formular
   (order-withdrawal-request) adaptado al CI marburg.
   Pegar en Elementor → Advanced → Custom CSS del widget,
   o en Apariencia → Personalizar → CSS adicional.
   Identidad: blanco + azul #06305f, Montserrat.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

/* Variables de marca */
.order-withdrawal-request{
    --wd-blue:#06305f;
    --wd-white:#ffffff;
    --wd-ink:#06305f;
    --wd-muted:rgba(6,48,95,.58);
    --wd-line:rgba(6,48,95,.14);
    --wd-surface:#f5f7fa;
    --wd-red:#c0202a;
    --wd-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Tarjeta contenedora ---------- */
.order-withdrawal-request{
    background-color:var(--wd-white);
    max-width:620px;
    margin:40px auto;
    padding:48px 44px 40px;
    border:1px solid var(--wd-line);
    border-top:3px solid var(--wd-blue);
    border-radius:14px;
    box-shadow:0 24px 50px rgba(6,48,95,.10);
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
    color:var(--wd-ink);
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
}
.order-withdrawal-request *{
    box-sizing:border-box;
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
}

/* ---------- Rejilla de campos (first/last → 2 columnas) ---------- */
.order-withdrawal-request .eu-owb-form-fields{
    display:flex;
    flex-wrap:wrap;
    gap:0 24px;
}
.order-withdrawal-request .form-row{
    margin:0 0 20px;
    padding:0;
    width:100%;
    float:none !important;   /* anula el float de WooCommerce */
}
.order-withdrawal-request .form-row-first,
.order-withdrawal-request .form-row-last{
    width:calc(50% - 12px);
}
.order-withdrawal-request .form-row-full{
    width:100%;
}
.order-withdrawal-request .clear{
    display:none !important;  /* los .clear de WooCommerce ya no hacen falta con flex */
}

/* ---------- Etiquetas ---------- */
.order-withdrawal-request .form-row label{
    display:block;
    font-size:10px;
    font-weight:600;
    color:var(--wd-blue);
    letter-spacing:.22em;
    text-transform:uppercase;
    margin-bottom:10px;
    line-height:1.4;
}
.order-withdrawal-request .form-row label .optional{
    font-weight:400;
    letter-spacing:.08em;
    color:var(--wd-muted);
    text-transform:none;
}
.order-withdrawal-request .form-row label .required{
    color:var(--wd-red);
    border:0;
    text-decoration:none;
}

/* ---------- Campos de texto ---------- */
.order-withdrawal-request .woocommerce-input-wrapper{
    display:block;
    width:100%;
}
.order-withdrawal-request input.input-text,
.order-withdrawal-request input[type="text"],
.order-withdrawal-request input[type="email"]{
    width:100% !important;
    border:1px solid var(--wd-line) !important;
    border-radius:8px !important;
    padding:14px 16px !important;
    background:var(--wd-surface) !important;
    color:var(--wd-ink) !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    height:auto !important;
    margin:0 !important;
    box-shadow:none !important;
    transition:border-color .3s var(--wd-ease),
               background-color .3s var(--wd-ease),
               box-shadow .3s var(--wd-ease) !important;
    -webkit-appearance:none !important;
            appearance:none !important;
}
.order-withdrawal-request input.input-text::placeholder{
    color:var(--wd-muted) !important;
    opacity:1 !important;
}
.order-withdrawal-request input.input-text:hover{
    background:var(--wd-white) !important;
    border-color:rgba(6,48,95,.28) !important;
}
.order-withdrawal-request input.input-text:focus{
    border-color:var(--wd-blue) !important;
    background:var(--wd-white) !important;
    box-shadow:0 0 0 3px rgba(6,48,95,.10) !important;
    outline:none !important;
}

/* Autofill (evita el amarillo de Chrome) */
.order-withdrawal-request input:-webkit-autofill,
.order-withdrawal-request input:-webkit-autofill:hover,
.order-withdrawal-request input:-webkit-autofill:focus{
    -webkit-text-fill-color:var(--wd-ink) !important;
    -webkit-box-shadow:0 0 0 1000px var(--wd-white) inset !important;
    box-shadow:0 0 0 1000px var(--wd-white) inset !important;
    transition:background-color 9999s ease-in-out 0s !important;
}

/* Campo con error (validación WooCommerce) */
.order-withdrawal-request .woocommerce-invalid input.input-text{
    border-color:var(--wd-red) !important;
    box-shadow:0 0 0 3px rgba(192,32,42,.10) !important;
}
.order-withdrawal-request .woocommerce-validated input.input-text{
    border-color:rgba(6,48,95,.35) !important;
}

/* ---------- Botón de envío (relleno deslizante) ---------- */
.order-withdrawal-request .form-row-submit{
    width:100% !important;
    margin:8px 0 0 !important;
    padding:0 !important;
}
.order-withdrawal-request button.woocommerce-button,
.order-withdrawal-request button[name="order_withdrawal_request"],
.order-withdrawal-request .button{
    position:relative !important;
    overflow:hidden !important;
    display:block !important;
    width:100% !important;
    background-color:var(--wd-blue) !important;
    background-image:none !important;
    color:var(--wd-white) !important;
    border:1px solid var(--wd-blue) !important;
    border-radius:8px !important;
    padding:16px 24px !important;
    text-transform:uppercase !important;
    font-family:inherit !important;
    font-weight:600 !important;
    font-size:12px !important;
    letter-spacing:.22em !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:0 6px 16px rgba(6,48,95,.18) !important;
    transition:color .35s var(--wd-ease), box-shadow .35s var(--wd-ease) !important;
    z-index:0 !important;
}
/* relleno blanco que entra desde la izquierda */
.order-withdrawal-request button.woocommerce-button::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:var(--wd-white) !important;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .4s var(--wd-ease) !important;
    z-index:-1 !important;
}
.order-withdrawal-request button.woocommerce-button:hover,
.order-withdrawal-request button.woocommerce-button:focus{
    background-color:var(--wd-blue) !important;
    color:var(--wd-blue) !important;
    box-shadow:0 10px 22px rgba(6,48,95,.22) !important;
}
.order-withdrawal-request button.woocommerce-button:hover::before,
.order-withdrawal-request button.woocommerce-button:focus::before{
    transform:scaleX(1);
}
.order-withdrawal-request button.woocommerce-button:focus-visible{
    outline:2px solid var(--wd-blue) !important;
    outline-offset:3px !important;
}

/* ---------- Avisos / mensajes de WooCommerce ---------- */
.order-withdrawal-request .eu-owb-notice-wrapper:empty{
    display:none;
}
.order-withdrawal-request .woocommerce-message,
.order-withdrawal-request .woocommerce-error,
.order-withdrawal-request .woocommerce-info{
    border-radius:8px !important;
    font-size:13.5px !important;
    line-height:1.55 !important;
    padding:14px 16px !important;
    margin:0 0 24px !important;
    border:1px solid var(--wd-line) !important;
    list-style:none !important;
}
.order-withdrawal-request .woocommerce-message{
    border-left:3px solid var(--wd-blue) !important;
    background:var(--wd-surface) !important;
    color:var(--wd-ink) !important;
}
.order-withdrawal-request .woocommerce-error{
    border-left:3px solid var(--wd-red) !important;
    background:rgba(192,32,42,.05) !important;
    color:var(--wd-red) !important;
}

/* ---------- Responsive ---------- */
@media (max-width:560px){
    .order-withdrawal-request{
        padding:40px 24px 32px;
        border-radius:12px;
        margin:24px auto;
    }
    /* en móvil, los campos a 2 columnas pasan a 1 */
    .order-withdrawal-request .form-row-first,
    .order-withdrawal-request .form-row-last{
        width:100%;
    }
}

@media (prefers-reduced-motion: reduce){
    .order-withdrawal-request input.input-text,
    .order-withdrawal-request button.woocommerce-button,
    .order-withdrawal-request button.woocommerce-button::before{
        transition:none !important;
    }
}/* End custom CSS */