.elementor-1433 .elementor-element.elementor-element-514296c{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1433 .elementor-element.elementor-element-514296c:not(.elementor-motion-effects-element-type-background), .elementor-1433 .elementor-element.elementor-element-514296c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://puertocabrera.bcbiocon.com/wp-content/uploads/2025/12/Captura-de-pantalla-2025-12-09-a-las-10.35.59-scaled.png") 50% 50%;background-size:cover;}.elementor-1433 .elementor-element.elementor-element-3270466{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-1433:not(.elementor-motion-effects-element-type-background), body.elementor-page-1433 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-1433 .elementor-element.elementor-element-514296c{--width:100%;}.elementor-1433 .elementor-element.elementor-element-3270466{--width:100%;}}@media(max-width:1024px){.elementor-1433 .elementor-element.elementor-element-514296c{--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-1433 .elementor-element.elementor-element-514296c{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-a279834 */:root {
    --pc-navy: #00243E;
    --pc-sand: #E5D5BC;
    --pc-white: #FFFFFF;
    --pc-font-head: 'Montserrat Alternates', sans-serif;
    --pc-font-body: 'Inter', sans-serif;
}

/* --- CONTENEDOR --- */
.pc-contact-form-wrapper {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px);
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* TÍTULO */
.pc-form-title {
    font-family: var(--pc-font-head);
    color: var(--pc-navy) !important;
    font-size: 30px;!important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important; /* FORZADO 20px */
    text-align: center;
    line-height: 1.2 !important;
}

.pc-form-subtitle {
    color: var(--pc-navy) !important;
    text-align: center;
    margin-bottom: 20px !important;
    font-size: 0.95rem;
}

/* --- CAMPOS (Opción Nuclear) --- */

/* 1. Eliminamos los márgenes ocultos de los párrafos de WordPress */
.pc-contact-form-wrapper form p {
    margin-bottom: 0px !important;
    margin-top: 0px
    !important;
    padding: 0px !important;
}

/* 2. Forzamos la separación entre bloques */
.pc-form-group {
    margin-bottom: 20pxpx !important; /* Separación 20px REAL */
    margin-top: 10px !important;
    padding: 0px!important;
}

/* 3. Etiquetas (Labels) pegadas al campo */
.pc-form-label,
.wpcf7-form label {
    display: block;
    color: var(--pc-navy) !important;
    margin-bottom: -5px !important; /* Pegado 5px REAL */
    font-weight: 550 !important;
    font-size: 165x !important;
    letter-spacing: -0,5px;
    line-height: normal !important;
}

/* Inputs */
.pc-form-control,
.wpcf7-form-control:not(.wpcf7-submit) {
    width: 100% !important;
    padding: 8px 15px !important;
    border-radius: 2px !important;
    border: 1px solid var(--pc-navy) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    font-family: var(--pc-font-body);
    font-size: 13px !important;
    color: var(--pc-navy) !important;
    box-sizing: border-box;
    transition: all 0.3s;
    height: auto !important;
    margin-top:-10px !important;
}

.pc-form-control:focus,
.wpcf7-form-control:not(.wpcf7-submit):focus {
    outline: none;
    border-color: var(--pc-sand) !important;
    background: #fff !important;
}

select.pc-form-control,
select.wpcf7-select {
    cursor: pointer;
    font-weight: 600 !important;
    color: var(--pc-navy) !important;
}

/* --- BOTÓN --- */
.pc-submit-btn,
input.wpcf7-form-control.wpcf7-submit,
button.pc-submit-btn {
    background-color: var(--pc-navy) !important;
    color: var(--pc-white) !important;
    width: 40%;
    padding: 10px !important;
    border: none !important;
    border-radius: 4px !important;
    font-family: var(--pc-font-head) !important;
    font-weight: 450 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    text-shadow: none !important;
    box-shadow: none !important;
}

.pc-submit-btn:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
button.pc-submit-btn:hover {
    background-color: var(--pc-sand) !important;
    color: var(--pc-navy) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* --- MENSAJES DE ÉXITO --- */
div.wpcf7-response-output,
.wpcf7-response-output {
    background-color: #ffffff !important;
    color: var(--pc-navy) !important;
    border: 2px solid var(--pc-sand) !important;
    border-radius: 4px !important;
    padding: 15px !important;
    margin-top: 20px !important;
    font-weight: 600 !important;
    text-align: center;
}

/* --- UTILIDADES --- */
.hidden-field {
    display: none;
    animation: fadeOut 0.3s forwards;
}

.visible-field {
    display: block;
    animation: fadeIn 0.4s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS */:root {
    --pc-navy: #00243E;
    --pc-sand: #E5D5BC;
    --pc-white: #FFFFFF;
    --pc-font-head: 'Montserrat Alternates', sans-serif;
    --pc-font-body: 'Inter', sans-serif;
}

/* --- CONTENEDOR --- */
.pc-contact-form-wrapper {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px);
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

/* TÍTULO */
.pc-form-title {
    font-family: var(--pc-font-head);
    color: var(--pc-navy) !important;
    font-size: 2.6rem;
    font-weight: 700 !important;
    margin-top: 10px;
    margin-bottom: 20px; /* Margen inferior 20px */
    text-align: center;
}

.pc-form-subtitle {
    color: var(--pc-navy) !important;
    text-align: center;
    margin-bottom: 30px;
    font-size: 0.95rem;
}

/* --- CAMPOS --- */
.pc-form-group {
    margin-bottom: 20px; /* Separación 20px entre preguntas */
}

/* Etiquetas */
.pc-form-label,
.wpcf7-form label {
    display: block;
    color: var(--pc-navy) !important;
    margin-bottom: 5px; /* Separación 5px del campo */
    font-weight: 700 !important;
    font-size: 1rem;
    letter-spacing: 0.5px;
}

/* Inputs */
.pc-form-control,
.wpcf7-form-control:not(.wpcf7-submit) {
    width: 100% !important;
    padding: 12px 15px !important;
    border-radius: 2px !important;
    border: 1px solid var(--pc-navy) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    font-family: var(--pc-font-body);
    font-size: 1rem !important;
    color: var(--pc-navy) !important;
    box-sizing: border-box;
    transition: all 0.3s;
    height: auto !important;
}

.pc-form-control:focus,
.wpcf7-form-control:not(.wpcf7-submit):focus {
    outline: none;
    border-color: var(--pc-sand) !important;
    background: #fff !important;
}

select.pc-form-control,
select.wpcf7-select {
    cursor: pointer;
    font-weight: 600 !important;
    color: var(--pc-navy) !important;
}

/* --- BOTÓN --- */
.pc-submit-btn,
input.wpcf7-form-control.wpcf7-submit,
button.pc-submit-btn {
    background-color: var(--pc-navy) !important;
    color: var(--pc-white) !important;
    width: 100%;
    padding: 15px !important;
    border: none !important;
    border-radius: 4px !important;
    font-family: var(--pc-font-head) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 10px;
    text-shadow: none !important;
    box-shadow: none !important;
}

.pc-submit-btn:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
button.pc-submit-btn:hover {
    background-color: var(--pc-sand) !important;
    color: var(--pc-navy) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* --- MENSAJES DE ÉXITO --- */
div.wpcf7-response-output,
.wpcf7-response-output {
    background-color: #ffffff !important;
    color: var(--pc-navy) !important;
    border: 2px solid var(--pc-sand) !important;
    border-radius: 4px !important;
    padding: 15px !important;
    margin-top: 20px !important;
    font-weight: 600 !important;
    text-align: center;
}

/* --- UTILIDADES --- */
.hidden-field {
    display: none;
    animation: fadeOut 0.3s forwards;
}

.visible-field {
    display: block;
    animation: fadeIn 0.4s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */