.elementor-88 .elementor-element.elementor-element-c6f6478{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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;}.elementor-88 .elementor-element.elementor-element-c6f6478:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-c6f6478 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-88 .elementor-element.elementor-element-20d0258{padding:5vw 0vw 5vw 0vw;}.elementor-88 .elementor-element.elementor-element-20d0258 img{width:35%;max-width:35%;}.elementor-88 .elementor-element.elementor-element-9e98b19{grid-column:span 2;}.elementor-88 .elementor-element.elementor-element-5b0b038{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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;}.elementor-88 .elementor-element.elementor-element-5b0b038:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-5b0b038 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://enelporton.grupoconectados.com/wp-content/uploads/2025/11/blue-banner-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-88 .elementor-element.elementor-element-bc0958a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:10vw;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-88 .elementor-element.elementor-element-c8394fd{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-88 .elementor-element.elementor-element-c8394fd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-88 .elementor-element.elementor-element-da5cf59{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-88 .elementor-element.elementor-element-da5cf59 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;text-transform:uppercase;color:#FC2B02;}.elementor-88 .elementor-element.elementor-element-3dca587{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 2;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-88 .elementor-element.elementor-element-617acd2 .elementor-menu-toggle{margin:0 auto;}.elementor-88 .elementor-element.elementor-element-617acd2 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-88 .elementor-element.elementor-element-617acd2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-88 .elementor-element.elementor-element-617acd2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-88 .elementor-element.elementor-element-617acd2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-88 .elementor-element.elementor-element-617acd2 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-88 .elementor-element.elementor-element-b11c52a{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-88 .elementor-element.elementor-element-b11c52a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-88 .elementor-element.elementor-element-99b8f30{--spacer-size:50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:1025px){.elementor-88 .elementor-element.elementor-element-5b0b038:not(.elementor-motion-effects-element-type-background), .elementor-88 .elementor-element.elementor-element-5b0b038 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-88 .elementor-element.elementor-element-c6f6478{--grid-auto-flow:row;}.elementor-88 .elementor-element.elementor-element-5b0b038{--grid-auto-flow:row;}.elementor-88 .elementor-element.elementor-element-bc0958a{--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:3vw;}.elementor-88 .elementor-element.elementor-element-3dca587{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-88 .elementor-element.elementor-element-c6f6478{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-88 .elementor-element.elementor-element-5b0b038{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-88 .elementor-element.elementor-element-bc0958a{--padding-top:5vw;--padding-bottom:5vw;--padding-left:10vw;--padding-right:10vw;}.elementor-88 .elementor-element.elementor-element-3dca587{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-9e98b19 */.elementor-88 .elementor-element.elementor-element-9e98b19
/* --- VARIABLES --- */
{
    --accent-color: #FC2B02; /* Naranja de El Portón */
    --light-gray: #f0f0f0;
    --dark-green: #FC2B02; /* Verde brillante para el fondo de la derecha */
}

/* --- CONTENEDOR PRINCIPAL Y FORMULARIO --- */
#contact-form-container {
    max-width: 1000px;
    margin: 40px auto;
}

#contact-form-wa {
    display: flex;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}

/* --- COLUMNA IZQUIERDA (CAMPOS) --- */
.contact-form-left {
    flex: 2;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.input-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.contact-form-left input[type="text"],
.contact-form-left input[type="email"],
.contact-form-left input[type="tel"],
.contact-form-left textarea {
    width: 100%;
    padding: 15px;
    border: none;
    background-color: var(--light-gray);
    border-radius: 6px;
    font-size: 1em;
    box-sizing: border-box;
}

.contact-form-left textarea {
    height: 150px;
    resize: none;
    margin-bottom: 25px;
}

#send-message-button {
    background-color: var(--accent-color);
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 1.1em;
    cursor: pointer;
    transition: background-color 0.3s;
    align-self: flex-start; /* Alinea el botón a la izquierda */
}

#send-message-button:hover {
    background-color: #e02600;
}
#send-message-button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* --- COLUMNA DERECHA (INFO) --- */
.contact-info-right {
    flex: 1;
    min-width: 300px;
    background-color: var(--dark-green); /* Verde Brillante de la Imagen */
    color: white;
    padding: 40px;
    border-radius: 0 10px 10px 0;
}

.info-section {
    margin-bottom: 25px;
}

.info-section h4 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
.info-section p {
    margin: 0;
    font-size: 0.95em;
}

/* Estilo para Redes Sociales (Simulación de círculos) */
.social-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.social-icon {
    display: block;
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    /* Añade iconos reales aquí si tienes las fuentes o imágenes */
}

/* Media Query para responsividad (tabletas/móviles) */
@media (max-width: 768px) {
    #contact-form-wa {
        flex-direction: column;
    }
    .contact-info-right {
        border-radius: 0 0 10px 10px;
        min-width: 100%;
    }
    .contact-form-left {
        padding: 20px;
    }
    .input-row {
        flex-direction: column;
        gap: 0;
    }
}/* End custom CSS */