@charset "UTF-8";
/* Inpasa - Contacto e Trabaja con Nosotros (marcador inpasa-contacto): layout + widget Form do Elementor Pro.
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Caminhos de imagem sao relativos a este arquivo (../../uploads/...). */
/* Contacto ES (layout de .docs/LAYOUT INPASA WEB - Contacto.pdf): intro +
   titulo "Complete el Formulario", formulario numa caixa cinza com campos
   contornados em azul e botao escuro "Enviar contacto"; abaixo, "Contactanos"
   com as 4 unidades do Paraguai reaproveitando os cards de Unidades
   (.inpasa-unidad-card), em 2 colunas e sem o mapa, como no PDF. */
.inpasa-contacto{max-width:1320px;margin:0 auto;padding:16px 0 70px;}
.inpasa-contacto-form-sec{max-width:920px;margin:0 auto;}
.inpasa-contacto-intro{margin:0 0 6px;padding:0 24px;font-size:15px;color:#333;}
.inpasa-contacto-titulo{margin:0 0 18px;padding:0 24px;font-size:22px;font-weight:700;color:#1f3a5f;}
.inpasa-contacto-box{background:#f2f2f2;border-radius:28px;padding:32px 24px 28px;}
.inpasa-contacto-form{display:flex;flex-direction:column;gap:16px;margin:0;}
.inpasa-contacto-form input,.inpasa-contacto-form textarea{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1f3a5f;border-radius:9px;padding:11px 14px;font-size:14px;font-family:inherit;color:#222;transition:box-shadow .2s ease;}
.inpasa-contacto-form input::placeholder,.inpasa-contacto-form textarea::placeholder{color:#555;opacity:1;}
.inpasa-contacto-form input:focus,.inpasa-contacto-form textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(31,58,95,.18);}
.inpasa-contacto-form textarea{min-height:150px;resize:vertical;}
.inpasa-contacto-form button{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:#3b3b3b;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease;}
.inpasa-contacto-form button svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.inpasa-contacto-form button:hover,.inpasa-contacto-form button:focus-visible{background:#1f3a5f;}
.inpasa-contacto-h2{margin:64px 0 40px;text-align:center;font-size:38px;font-weight:800;color:#1f3a5f;}
.inpasa-unidades-grid--contacto{max-width:1000px;margin:0 auto;grid-template-columns:1fr 1fr;gap:40px;}
.inpasa-unidades-grid--contacto .inpasa-unidad-card{border-radius:24px;}
.inpasa-unidades-grid--contacto .inpasa-unidad-foto{border-radius:24px 24px 0 0;height:210px;}
@media(max-width:640px){.inpasa-unidades-grid--contacto{grid-template-columns:1fr;gap:28px;}.inpasa-contacto-h2{font-size:28px;margin:48px 0 28px;}.inpasa-contacto-box{padding:22px 16px;border-radius:20px;}}
/* Formularios de Contacto e Trabaja con Nosotros = widget Form do Elementor
   Pro (templates da biblioteca "inpasa-form-contacto"/"inpasa-form-trabaja",
   embutidos via shortcode [inpasa_form]). O Elementor grava cada envio em
   Elementor > Submissoes e manda o e-mail configurado no proprio widget. O
   CSS abaixo so reveste a marcacao do Elementor com o visual dos formularios
   HTML que existiam antes (campos contornados em azul, botao escuro). */
.inpasa-contacto-box .e-con{--padding-top:0;--padding-right:0;--padding-bottom:0;--padding-left:0;--margin-top:0;--margin-bottom:0;--content-width:100%;--width:100%;}
.inpasa-contacto-box .elementor-widget-form{margin:0;}
.inpasa-contacto-box .elementor-form .elementor-field-group{margin-bottom:0;}
.inpasa-contacto-box .elementor-form .elementor-field-label{font-size:13px;font-weight:700;color:#333;margin-bottom:6px;}
.inpasa-contacto-box .elementor-form .elementor-field-group .elementor-field{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1f3a5f;border-radius:9px;padding:11px 14px;font-size:14px;line-height:1.4;font-family:inherit;color:#222;box-shadow:none;transition:box-shadow .2s ease;}
.inpasa-contacto-box .elementor-form .elementor-field::placeholder{color:#555;opacity:1;}
.inpasa-contacto-box .elementor-form .elementor-field:focus{outline:none;border-color:#1f3a5f;box-shadow:0 0 0 3px rgba(31,58,95,.18);}
.inpasa-contacto-box .elementor-form textarea.elementor-field{min-height:150px;resize:vertical;}
/* Select: o Elementor envolve o <select> num wrapper que tambem leva a classe
   .elementor-field - zera o wrapper e contorna so o <select>, com a mesma seta
   SVG dos formularios antigos no lugar do caret do Elementor. */
.inpasa-contacto-box .elementor-form .elementor-field-group .elementor-field.elementor-select-wrapper{border:0;padding:0;background:none;border-radius:0;box-shadow:none;}
.inpasa-contacto-box .elementor-form .elementor-select-wrapper .select-caret-down-wrapper{display:none;}
.inpasa-contacto-box .elementor-form .elementor-select-wrapper select.elementor-field-textual{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #1f3a5f;border-radius:9px;padding:11px 36px 11px 14px;font-size:14px;line-height:1.4;font-family:inherit;color:#222;box-shadow:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f3a5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:box-shadow .2s ease;}
.inpasa-contacto-box .elementor-form .elementor-select-wrapper select.elementor-field-textual:focus{outline:none;border-color:#1f3a5f;box-shadow:0 0 0 3px rgba(31,58,95,.18);}
.inpasa-contacto-box .elementor-form .elementor-field-type-submit{margin-top:6px;}
/* Botao: o CSS gerado do widget (.elementor-NNNN .elementor-element-XXX
   .elementor-button[type=submit]) usa a cor de destaque do kit com
   especificidade maior que a daqui, por isso o !important. */
.inpasa-contacto-box .elementor-form .elementor-button{width:auto;display:inline-flex;align-items:center;gap:10px;background:#3b3b3b!important;color:#fff!important;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;font-family:inherit;line-height:1.4;cursor:pointer;transition:background .2s ease;}
.inpasa-contacto-box .elementor-form .elementor-button:hover,.inpasa-contacto-box .elementor-form .elementor-button:focus-visible{background:#1f3a5f!important;color:#fff!important;}
.inpasa-contacto-box .elementor-form .elementor-button .elementor-button-icon{font-size:15px;line-height:1;}
/* Campo "Adjuntar CV" (upload) do form Trabaja con Nosotros: o <label> do
   Elementor vira o botao cinza (clicar no label abre o seletor de arquivo),
   o <input type=file> fica invisivel e o nome do arquivo escolhido e mostrado
   num <span> criado por JS (wp_footer). Ele e o botao Enviar dividem a
   ultima linha, alinhados a direita como no mockup do cliente. */
.inpasa-contacto-box .elementor-form .elementor-field-group.elementor-field-group-cv{width:auto;flex:0 0 auto;margin-left:auto;display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin-top:6px;}
.inpasa-contacto-box .elementor-form .elementor-field-group-cv > label{margin:0;display:inline-flex;align-items:center;gap:10px;background:#e2e5ea;color:#4b5563;border-radius:8px;padding:10px 20px!important;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap;}
.inpasa-contacto-box .elementor-form .elementor-field-group-cv > label::before{content:"";width:16px;height:16px;flex:0 0 16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center/contain no-repeat;}
.inpasa-contacto-box .elementor-form .elementor-field-group-cv > label:hover{background:#1f3a5f;color:#fff;}
.inpasa-contacto-box .elementor-form .elementor-field-group-cv input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none;}
.inpasa-contacto-box .elementor-form .elementor-field-group-cv .inpasa-cv-nombre{font-size:13px;color:#555;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inpasa-contacto-box .elementor-form .elementor-field-group-cv .inpasa-cv-nombre.is-set{color:#1f3a5f;font-weight:600;}
.inpasa-contacto-box .elementor-form .elementor-field-type-submit{width:auto;flex:0 0 auto;}
.inpasa-contacto-box .elementor-form .elementor-field-group-cv .elementor-help-inline{flex-basis:100%;}
@media(max-width:640px){.inpasa-contacto-box .elementor-form .elementor-field-group.elementor-field-group-cv,.inpasa-contacto-box .elementor-form .elementor-field-type-submit{width:100%;flex-basis:100%;margin-left:0;}.inpasa-contacto-box .elementor-form .elementor-field-group.elementor-field-group-cv{flex-wrap:wrap;gap:8px;}.inpasa-contacto-box .elementor-form .elementor-field-group-cv > label{width:100%;justify-content:center;}.inpasa-contacto-box .elementor-form .elementor-field-group-cv .inpasa-cv-nombre{max-width:100%;width:100%;text-align:center;}.inpasa-contacto-box .elementor-form .elementor-button{width:100%;justify-content:center;}}
.inpasa-contacto-box .elementor-form .elementor-message{margin:6px 0 0;font-size:14px;font-weight:600;}
.inpasa-contacto-box .elementor-form .elementor-message.elementor-message-success{color:#1f7a3a;}
.inpasa-contacto-box .elementor-form .elementor-message.elementor-message-danger{color:#b3261e;}
.inpasa-contacto-box .elementor-form .elementor-field-group.elementor-error .elementor-field{border-color:#b3261e;}
.inpasa-contacto-box .elementor-form .elementor-field-group.elementor-error .elementor-help-inline{font-size:12px;color:#b3261e;}
/* Bloco SAC (Gestion de Quejas, Sugerencias y Consultas) entre o formulario e
   "Contactanos", conforme LAYOUT INPASA WEB - Contacto.pdf (John, 2026-09-30):
   caixa cinza da mesma largura do formulario; a esquerda icone + titulo e a
   nota contornada, a direita telefone e e-mail. */
.inpasa-contacto-sac{max-width:920px;margin:36px auto 0;box-sizing:border-box;background:#f2f2f2;border-radius:28px;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.inpasa-contacto-sac__id{flex:0 1 420px;}
.inpasa-contacto-sac__head{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.inpasa-contacto-sac__head img{width:68px;height:auto;flex:0 0 68px;display:block;}
.inpasa-contacto-sac__head h3{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:#1f3a5f;}
.inpasa-contacto-sac__nota{margin:0;border:1.5px solid #1f3a5f;border-radius:4px;padding:8px 18px;font-size:13px;line-height:1.5;color:#1f3a5f;}
.inpasa-contacto-sac__canales{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.inpasa-contacto-sac__canales li{display:flex;align-items:center;gap:12px;font-size:18px;}
.inpasa-contacto-sac__canales .inpasa-unidad-ico{width:18px;height:18px;flex:0 0 18px;fill:#1f3a5f;margin:0;}
.inpasa-contacto-sac__canales a{color:#1f3a5f!important;text-decoration:none;}
.inpasa-contacto-sac__canales a:hover{text-decoration:underline;}
@media(max-width:640px){.inpasa-contacto-sac{padding:22px 18px;border-radius:20px;justify-content:center;}.inpasa-contacto-sac__head h3{font-size:18px;}.inpasa-contacto-sac__head img{width:54px;flex-basis:54px;}.inpasa-contacto-sac__canales li{font-size:16px;}}