/**
 * UltraPC - Página Solicitar una Cotización
 * Página: 34100
 * Formulario CF7: 34109
 */


/* ==========================================================================
   CONTENEDOR GENERAL
   ========================================================================== */

body.page-id-34100 #content {
    background: #f7f9fc;
}

body.page-id-34100 #post-34100 {
    max-width: 1180px;
    margin: 0 auto;
    padding-bottom: 60px;
}


/* ==========================================================================
   TÍTULO E INTRODUCCIÓN
   ========================================================================== */

body.page-id-34100 #post-34100 .entry-title {
    margin-bottom: 18px;
    text-align: center;
    color: #003EB2;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

body.page-id-34100 #post-34100 > .entry-content > p:first-child,
body.page-id-34100 #post-34100 .entry-content > p:first-child {
    max-width: 820px;
    margin: 0 auto 28px !important;
    color: #647080;
    font-size: 16px !important;
    line-height: 1.7;
    text-align: center;
}


/* ==========================================================================
   INSTRUCCIONES / ACORDEONES
   ========================================================================== */

body.page-id-34100 #post-34100 .ui-accordion {
    max-width: 980px;
    margin: 0 auto 35px;
}

body.page-id-34100 #post-34100 .ui-accordion .ui-accordion-header {
    max-width: none !important;
    margin: 10px 0 0 !important;
    padding: 17px 52px 17px 20px !important;

    border: 1px solid #e1e7ee !important;
    border-radius: 12px !important;

    background: #ffffff !important;
    color: #253242 !important;

    box-shadow: 0 2px 8px rgba(31, 45, 61, .04);

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

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

body.page-id-34100 #post-34100 .ui-accordion .ui-accordion-header:hover {
    border-color: #b9d7ef !important;
    background: #f8fbff !important;
    box-shadow: 0 4px 14px rgba(31, 45, 61, .07);
}

body.page-id-34100 #post-34100 .ui-accordion .ui-accordion-header.ui-state-active {
    border-color: #c8dfef !important;
    border-radius: 12px 12px 0 0 !important;
    background: #f2f8fd !important;
    color: #005b9d !important;
}

body.page-id-34100 #post-34100 .ui-accordion .ui-accordion-content {
    max-width: none !important;
    padding: 22px !important;

    border: 1px solid #e1e7ee !important;
    border-top: 0 !important;
    border-radius: 0 0 12px 12px !important;

    background: #ffffff;
}

body.page-id-34100 #post-34100 .ui-accordion .ui-accordion-content p {
    max-width: none !important;
    margin: 0 !important;
}

body.page-id-34100 #post-34100 .ui-accordion img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;

    border-radius: 10px;
}


/* ==========================================================================
   FORMULARIO
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 {
    max-width: 1040px;
    margin: 38px auto 0;
    padding: 34px 38px 38px;

    border: 1px solid #e3e8ee;
    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 3px 12px rgba(31, 45, 61, .04),
        0 14px 34px rgba(31, 45, 61, .05);
}


/* ==========================================================================
   REEMPLAZO DE LA GRILLA ANTIGUA
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 .container {
    display: block !important;

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

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

body.page-id-34100 #wpcf7-f34109-p34100-o1 .row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 18px;

    width: 100%;

    margin: 0 !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns {
    box-sizing: border-box !important;

    float: none !important;

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

body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.one-half {
    flex: 0 0 calc(50% - 9px) !important;

    width: calc(50% - 9px) !important;
    max-width: calc(50% - 9px) !important;

    margin-top: 0 !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.full,
body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.two-thirds.offset-two,
body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.one-half.offset-three {
    flex: 0 0 100% !important;

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

    margin-left: 0 !important;
}


/* ==========================================================================
   CAMPOS
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 .field {
    margin: 0 0 18px;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 label {
    display: block;

    margin-bottom: 7px;

    color: #344454 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 label em {
    margin-left: 2px;

    color: #d63638;

    font-style: normal;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="text"],
body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="email"],
body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="number"],
body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="tel"],
body.page-id-34100 #wpcf7-f34109-p34100-o1 select,
body.page-id-34100 #wpcf7-f34109-p34100-o1 textarea {
    width: 100% !important;
    min-height: 48px;

    padding: 11px 14px !important;

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

    background: #ffffff !important;
    color: #263442;

    font-size: 14px;

    box-shadow: none !important;

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

body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="text"]:focus,
body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="email"]:focus,
body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="number"]:focus,
body.page-id-34100 #wpcf7-f34109-p34100-o1 input[type="tel"]:focus,
body.page-id-34100 #wpcf7-f34109-p34100-o1 select:focus,
body.page-id-34100 #wpcf7-f34109-p34100-o1 textarea:focus {
    outline: 0;

    border-color: #5aa6dc !important;

    box-shadow: 0 0 0 3px rgba(0, 91, 157, .10) !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 textarea {
    min-height: 115px;
    resize: vertical;
}


/* ==========================================================================
   CHECKBOXES Y OPCIONES
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 .field.checkbox {
    display: flex;
    align-items: center;

    min-height: 48px;
    margin-bottom: 18px;
    padding: 10px 14px;

    border: 1px solid #e1e7ed;
    border-radius: 10px;

    background: #f8fafc;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .wpcf7-list-item {
    margin: 0;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .wpcf7-list-item-label {
    color: #3e4c5c;

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

/* Checkbox "Agregar otros productos" - 50% más grande */

body.page-id-34100 #wpcf7-f34109-p34100-o1
input[name="items-adicionales[]"] {
    transform: scale(1.5);
    transform-origin: center;
    margin-right: 7px;
}



/* ==========================================================================
   PRODUCTOS ADICIONALES
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 .cf7sg-collapsible {
    margin: 4px 0 26px !important;
    padding: 0 !important;

    border: 1px solid #dce5ec;
    border-radius: 12px;

    background: #f8fafc;

    overflow: hidden;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .cf7sg-collapsible-title {
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 18px !important;

    background: #f3f7fa;

    text-align: left !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .cf7sg-collapsible-title .cf7sg-title {
    color: #334155;

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

body.page-id-34100 #wpcf7-f34109-p34100-o1 .cf7sg-collapsible > .wpcf7cf_group,
body.page-id-34100 #wpcf7-f34109-p34100-o1 .cf7sg-collapsible > [data-class="wpcf7cf_group"] {
    padding: 18px;
}


/* ==========================================================================
   BOTÓN ENVIAR
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 input.wpcf7-submit {
    display: block;

    width: 100% !important;
    max-width: 330px;
    min-height: 50px;

    margin: 8px auto 0 !important;
    padding: 12px 24px !important;

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

    background: #1D70D6 !important;
    color: #ffffff !important;

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

    box-shadow: 0 5px 14px rgba(0, 91, 157, .16);

    cursor: pointer;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 input.wpcf7-submit:hover {
    background: #1764C2 !important;

    box-shadow: 0 6px 16px rgba(0, 91, 157, .20);

    transform: translateY(-1px);
}


/* ==========================================================================
   MENSAJES CF7
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 .wpcf7-response-output {
    max-width: none !important;

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

    border-radius: 10px;

    text-align: center;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .wpcf7-not-valid-tip {
    margin-top: 5px;

    font-size: 12px;
}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 767px) {

    body.page-id-34100 #post-34100 {
        padding-right: 14px;
        padding-left: 14px;
    }

    body.page-id-34100 #post-34100 .entry-title {
        font-size: 26px;
    }

    body.page-id-34100 #wpcf7-f34109-p34100-o1 {
        margin-top: 28px;
        padding: 22px 16px 26px;

        border-radius: 14px;
    }

    body.page-id-34100 #wpcf7-f34109-p34100-o1 .row {
        gap: 0;
    }

    body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.one-half,
    body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.two-thirds,
    body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.full {
        width: 100% !important;
        margin-left: 0 !important;
    }

    body.page-id-34100 #wpcf7-f34109-p34100-o1 .columns.one-half {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body.page-id-34100 #post-34100 .ui-accordion .ui-accordion-header {
        padding: 15px 44px 15px 15px !important;

        font-size: 14px;
    }

    body.page-id-34100 #post-34100 .ui-accordion .ui-accordion-content {
        padding: 14px !important;
    }
}


/* ==========================================================================
   DESACTIVAR CLEARFIX ANTIGUO EN GRILLA FLEX
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1 .container::before,
body.page-id-34100 #wpcf7-f34109-p34100-o1 .container::after,
body.page-id-34100 #wpcf7-f34109-p34100-o1 .row::before,
body.page-id-34100 #wpcf7-f34109-p34100-o1 .row::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================================
   ACORDEÓN DE INSTRUCCIONES - ELEMENTOR
   ========================================================================== */

body.page-id-34100 #post-34100 .elementor-accordion {
    max-width: 980px;
    margin: 0 auto 36px;
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-accordion-item {
    margin-bottom: 10px;

    border: 1px solid #e1e7ee !important;
    border-radius: 12px;

    background: #ffffff;

    overflow: hidden;

    box-shadow: 0 2px 8px rgba(31, 45, 61, .04);
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-title {
    padding: 16px 18px !important;

    border: 0 !important;

    background: #ffffff;

    color: #334155;

    font-size: 14px;
    font-weight: 600;

    transition:
        background .2s ease,
        color .2s ease;
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-title:hover {
    background: #f6faff;
    color: #005b9d;
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-title.elementor-active {
    background: #f1f7fc;
    color: #005b9d;
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-accordion-icon {
    color: #005b9d !important;
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-content {
    padding: 20px !important;

    border: 0 !important;
    border-top: 1px solid #e8edf2 !important;

    background: #ffffff;
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-content p {
    max-width: none !important;
    margin: 0 !important;
}

body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-content img {
    display: block;

    max-width: 850px;
    width: auto;
    height: auto;

    margin: 0 auto;

    border-radius: 10px;
}

@media (max-width: 767px) {

    body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-title {
        padding: 14px !important;
        font-size: 13px;
    }

    body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-content {
        padding: 12px !important;
    }

    body.page-id-34100 #post-34100 .elementor-accordion .elementor-tab-content img {
        max-width: 100%;
    }
}


/* ==========================================================================
   SECCIONES VISUALES DEL FORMULARIO
   ========================================================================== */

/* Contenedores principales */

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="item1"]),
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-name"]),
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="nombre-empresa"]),
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="despacho-cotizacion"]),
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-message"]) {
    position: relative;
    padding-top: 87px !important;
}


/* Separación entre secciones */

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-name"]),
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="nombre-empresa"]),
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="despacho-cotizacion"]),
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-message"]) {
    margin-top: 18px !important;
    border-top: 1px solid #e4eaf0 !important;
}


/* Títulos de secciones */

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="item1"])::before,
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-name"])::before,
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="nombre-empresa"])::before,
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="despacho-cotizacion"])::before,
body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-message"])::before {
    position: absolute;

    top: 15px;
    left: 0 !important;
    right: 0 !important;

    display: block !important;

    width: 100% !important;

    color: #003EB2 !important;

    font-size: 19.2px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    letter-spacing: -.01em;

    text-align: center !important;
}


/* Nombre de cada sección */

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="item1"])::before {
    content: "Productos a Cotizar" !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-name"])::before {
    content: "Datos de Contacto" !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="nombre-empresa"])::before {
    content: "Datos de la Empresa" !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="despacho-cotizacion"])::before {
    content: "Despacho" !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-message"])::before {
    content: "Información Adicional" !important;
}


/* Móvil */

@media (max-width: 767px) {

    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="item1"]),
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-name"]),
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="nombre-empresa"]),
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="despacho-cotizacion"]),
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-message"]) {
        padding-top: 79.5px !important;
    }

    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="item1"])::before,
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-name"])::before,
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="nombre-empresa"])::before,
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="despacho-cotizacion"])::before,
    body.page-id-34100 #wpcf7-f34109-p34100-o1 form > .container:has([name="your-message"])::before {
        font-size: 18px !important;
    }
}


/* Información extensa de Despacho Express */

body.page-id-34100 #wpcf7-f34109-p34100-o1 .field:has([name="datos-motoboy"]) label {
    margin-bottom: 9px !important;
    padding: 10px 12px;

    border: 1px solid #e3ebf2;
    border-radius: 9px;

    background: #f7fafc;

    color: #405365 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;

    text-align: left;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1 .field:has([name="datos-motoboy"]) label strong {
    color: #243447;
    font-weight: 700;
}


/* Select de despacho separado del texto informativo */

body.page-id-34100 #wpcf7-f34109-p34100-o1 [name="datos-motoboy"] {
    margin-top: 2px;
}


/* Textarea mejor proporcionado */

body.page-id-34100 #wpcf7-f34109-p34100-o1 textarea[name="your-message"] {
    min-height: 125px;
}




/* ==========================================================================
   PRODUCTOS ADICIONALES - DISEÑO COMPACTO
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] {
    padding: 18px !important;

    background: #f7f9fc;
}


/* Contenedor de productos */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] > .row > .columns.two-thirds {
    display: grid !important;

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

    gap: 14px;

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

    margin: 0 !important;
}


/* Cada producto adicional */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] > .row > .columns.two-thirds > .container {
    width: 100% !important;

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

    border: 1px solid #dfe7ef;
    border-radius: 12px;

    background: #ffffff;

    box-shadow: 0 2px 5px rgba(31, 45, 61, .025);
}


/* Item + cantidad dentro de cada tarjeta */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] .container .row {
    gap: 10px !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] .columns.one-half {
    flex: 0 0 calc(50% - 5px) !important;

    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
}


/* Quitar altura innecesaria */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] .field {
    margin-bottom: 0 !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] .field > p {
    margin: 0 !important;
}


/* Labels */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] label {
    display: block !important;

    width: 100% !important;

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

    font-size: 12px !important;

    text-align: left !important;
    white-space: nowrap;

    overflow: visible !important;
}


/* Inputs un poco más compactos */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] input[type="number"] {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;

    margin: 0 !important;
}


/* Móvil */

@media (max-width: 767px) {

    body.page-id-34100 #wpcf7-f34109-p34100-o1
    [data-id="items_adicionales"] {
        padding: 12px !important;
    }

    body.page-id-34100 #wpcf7-f34109-p34100-o1
    [data-id="items_adicionales"] > .row > .columns.two-thirds {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================================
   PRODUCTOS ADICIONALES - CORRECCIÓN DE CAMPOS
   ========================================================================== */

/* Cada fila interna pasa a grid propio */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] > .row > .columns.two-thirds > .container > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 135px !important;
    gap: 12px !important;

    width: 100% !important;
}


/* Neutralizar completamente la grilla antigua */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] > .row > .columns.two-thirds > .container > .row > .columns.one-half {
    display: block !important;

    float: none !important;
    flex: none !important;

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

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


/* Campos contenidos dentro de su columna */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] .field,
body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] .field > p,
body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="items_adicionales"] .wpcf7-form-control-wrap {
    display: block !important;

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

    margin: 0 !important;
}


/* Móvil */

@media (max-width: 767px) {

    body.page-id-34100 #wpcf7-f34109-p34100-o1
    [data-id="items_adicionales"] > .row > .columns.two-thirds > .container > .row {
        grid-template-columns: minmax(0, 1fr) 95px !important;
        gap: 8px !important;
    }

    body.page-id-34100 #wpcf7-f34109-p34100-o1
    [data-id="items_adicionales"] label {
        font-size: 11px !important;
    }
}


/* ==========================================================================
   DESPACHO - DISEÑO FINAL
   ========================================================================== */

/* Alinear las dos columnas principales */

body.page-id-34100 #wpcf7-f34109-p34100-o1
form > .container:has([name="despacho-cotizacion"]) > .row {
    align-items: flex-start !important;
}


/* Campos principales sin espacios heredados */

body.page-id-34100 #wpcf7-f34109-p34100-o1
form > .container:has([name="despacho-cotizacion"]) .field {
    margin-bottom: 14px !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
form > .container:has([name="despacho-cotizacion"]) .field > p {
    margin: 0 !important;
}


/* Título de cada selector */

body.page-id-34100 #wpcf7-f34109-p34100-o1
form > .container:has([name="despacho-cotizacion"]) label {
    margin-bottom: 7px !important;

    color: #344454 !important;

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

    text-align: left !important;
}


/* Selector principal de despacho */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[name="despacho-cotizacion"] {
    min-height: 48px !important;
}


/* Caja informativa de Despacho Express */



/* Destacar solamente las comunas sin cobertura */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] label strong {
    color: #263746 !important;
    font-weight: 700 !important;
}


/* Asterisco obligatorio separado visualmente */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] label em {
    color: #d63638 !important;
}


/* Selector bajo la información */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] select,
body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_bluex"] select {
    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
}


/* Blue Express: misma presentación */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_bluex"] label {
    display: block !important;

    margin: 0 0 7px !important;

    text-align: left !important;
}


/* Evitar párrafos vacíos agregando altura */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .info-tip,
body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_bluex"] .info-tip {
    display: none !important;
}


/* Móvil */

@media (max-width: 767px) {

    body.page-id-34100 #wpcf7-f34109-p34100-o1
    [data-id="datos_motoboy"] .field > p > label {
        padding: 11px 12px !important;

        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }
}


/* ==========================================================================
   BLUE EXPRESS - CORRECCIÓN DE ALINEACIÓN
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_bluex"] .field > p > br {
    display: none !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_bluex"] .field > p {
    margin: 0 !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_bluex"] .wpcf7-form-control-wrap {
    display: block !important;
}


/* ==========================================================================
   DESPACHO EXPRESS - INFORMACIÓN BAJO MÉTODO DE DESPACHO
   ========================================================================== */

/*
 * En Despacho Express la columna derecha queda solamente
 * para seleccionar si se utilizarán los datos de facturación.
 */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .field > p > label {
    display: block !important;

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

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

    background: transparent !important;
    color: #435466 !important;

    font-size: 0 !important;
    font-weight: 500 !important;
    line-height: normal !important;

    text-align: left !important;
}


/* Ocultar el texto extenso original */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .field > p > label strong,
body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .field > p > label em {
    display: none !important;
}


/* Título corto sobre el selector derecho */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .field > p > label::before {
    content: "¿Desea tomar los mismos datos de facturación para el despacho?";

    display: inline;

    color: #344454;

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

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .field > p > label::after {
    content: " *";

    display: inline;

    color: #d63638;

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


/*
 * Cuadro informativo bajo el selector "¿Desea Despacho?"
 * Solo aparece cuando está seleccionado Despacho Express.
 */

body.page-id-34100 #wpcf7-f34109-p34100-o1
form:has(
    select[name="despacho-cotizacion"]
    option[value="Sí, Despacho Express en RM"]:checked
)
.field:has(select[name="despacho-cotizacion"])::after {
    content: "Despacho Express disponible en Santiago. Sin cobertura en: Alhué, Calera de Tango, Curacaví, El Monte, Isla de Maipo, María Pinto, Melipilla, Padre Hurtado, Paine, San José de Maipo, San Pedro y Til Til.";

    display: block;

    width: 100%;

    margin-top: 10px;
    padding: 12px 14px;

    border: 1px solid #dce7f0;
    border-radius: 10px;

    background: #f5f9fc;
    color: #435466;

    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left;
}


/* Móvil */

@media (max-width: 767px) {

    body.page-id-34100 #wpcf7-f34109-p34100-o1
    form:has(
        select[name="despacho-cotizacion"]
        option[value="Sí, Despacho Express en RM"]:checked
    )
    .field:has(select[name="despacho-cotizacion"])::after {
        padding: 11px 12px;

        font-size: 11.5px;
    }
}


/* ==========================================================================
   DESPACHO - ALINEACIÓN FINAL DE COLUMNAS
   ========================================================================== */

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .field > p > br {
    display: none !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] .wpcf7-form-control-wrap {
    display: block !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
[data-id="datos_motoboy"] label {
    min-height: 18px !important;
    margin-bottom: 7px !important;
}

body.page-id-34100 #wpcf7-f34109-p34100-o1
form > .container:has([name="despacho-cotizacion"]) > .row > .columns.one-half {
    align-self: flex-start !important;
}