/* ar-forms.css — Lote 9. Tokens de marca y estilo único para WPForms, Contact Form 7 (+ Drag & Drop Upload), comentarios y buscador.
   Paleta del manual: #004145 verde petróleo, #ed751c naranja, #b50e65 magenta (errores). */
:root{--ar-teal:#004145;--ar-teal-70:rgba(0,65,69,.7);--ar-teal-12:rgba(0,65,69,.12);--ar-teal-06:rgba(0,65,69,.06);--ar-orange:#ed751c;--ar-orange-dark:#d4661a;--ar-magenta:#b50e65;--ar-magenta-08:rgba(181,14,101,.08);--ar-ink:#1d2a2b;--ar-muted:#5b6b6c;--ar-line:#c9d6d5;--ar-bg:#fff}

/* Tarjeta */
.wpcf7,.wpforms-container,#comments,.comments-area{background:var(--ar-bg);border:1px solid var(--ar-teal-12);border-radius:8px;box-shadow:0 12px 40px rgba(0,65,69,.08);padding:28px;box-sizing:border-box;max-width:100%;margin-bottom:24px}
#comments,.comments-area{max-width:760px;margin:40px auto 0}
.wpcf7 .wpcf7-form,.wpforms-container form{margin:0}
.wpcf7 .wpcf7-form,.wpcf7 .wpcf7-form p,.wpcf7 .wpcf7-form div{color:var(--ar-ink);font-size:16px;line-height:1.5}

/* Etiquetas, ayuda, secciones, avisos */
/* Ritmo vertical único: 28 px entre bloques de campo (Lote 9d). Especificidad .wpcf7 .x para ganar al p{margin} del tema */
.ar-f,.wpcf7 .ar-f,.wpcf7 .wpcf7-form p.ar-f{margin:0 0 28px}
.wpcf7 .ar-f-file+.ar-help,.wpcf7 .wpcf7-form p.ar-f-file+p.ar-help{margin:-18px 0 28px}
.wpcf7 .ar-foot .ar-f-check,.wpcf7 .wpcf7-form .ar-foot p.ar-f-check,.wpcf7 .wpcf7-form p.ar-f-check{margin:0 0 28px}
.wpcf7 .ar-foot .ar-f-submit,.wpcf7 .wpcf7-form .ar-foot p.ar-f-submit{margin:0}
.ar-f label,.wpforms-field-label,.comment-form label{display:block;font-size:14px;font-weight:600;color:var(--ar-teal);margin:0 0 8px;line-height:1.35}
.ar-req,.wpforms-required-label{color:var(--ar-orange);margin-left:3px;font-weight:700}
.ar-help,.wpcf7 .wpcf7-form p.ar-help,.wpforms-field-sublabel,.wpforms-field-description,.comment-notes{font-size:13px;color:var(--ar-muted);margin:0 0 28px;line-height:1.4}
.wpforms-field-sublabel{margin:4px 0 0}
.ar-sec{font-size:18px;font-weight:600;color:var(--ar-teal);margin:28px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--ar-teal-12)}
.ar-nota,.wpcf7 .wpcf7-form p.ar-nota,.wpcf7 .wpcf7-form div.ar-nota{background:var(--ar-teal-06);border-left:3px solid var(--ar-teal);padding:12px 16px;border-radius:0 8px 8px 0;font-size:14px;color:var(--ar-ink);margin:0 0 28px;line-height:1.5}
.ar-nota strong{color:var(--ar-teal)}

/* Campos */
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 input[type=date],.wpcf7 input[type=url],.wpcf7 select,.wpcf7 textarea,
.wpforms-container input[type=text],.wpforms-container input[type=email],.wpforms-container input[type=tel],.wpforms-container input[type=number],.wpforms-container select,.wpforms-container textarea,
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea,.zak-search-form input[type=search]{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border:1px solid var(--ar-line);border-radius:6px;background:#fff;color:var(--ar-ink);font:inherit;font-size:16px;line-height:1.3;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none;text-transform:none;margin:0}
.wpcf7 textarea,.wpforms-container textarea,.comment-form textarea{height:auto;min-height:130px;padding:12px 14px;resize:vertical}
.wpcf7 select,.wpforms-container select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23004145' stroke-width='1.6' d='M3.5 6l4.5 4.5L12.5 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}
.wpcf7 input::placeholder,.wpforms-container input::placeholder,.wpcf7 textarea::placeholder,.wpforms-container textarea::placeholder{color:var(--ar-muted);opacity:.8;text-transform:none}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus,.wpforms-container input:focus,.wpforms-container select:focus,.wpforms-container textarea:focus,.comment-form input:focus,.comment-form textarea:focus,.zak-search-form input:focus{outline:none;border-color:var(--ar-teal);box-shadow:0 0 0 3px var(--ar-teal-12)}
.wpcf7 .wpcf7-form-control-wrap{display:block;position:relative}
.wpcf7 .wpcf7-form-control-wrap>.wpcf7-form-control,.wpcf7 input.wpcf7-form-control,.wpcf7 select.wpcf7-form-control,.wpcf7 textarea.wpcf7-form-control{vertical-align:top;display:block} /* sin hueco de línea bajo el campo: el ritmo de 28 px es exacto */
.wpcf7 input[type=submit].wpcf7-form-control,.wpcf7 input[type=checkbox].wpcf7-form-control,.wpcf7 input[type=radio].wpcf7-form-control{display:inline-block}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox,.wpcf7 .wpcf7-form-control.wpcf7-radio,.wpcf7 .wpcf7-form-control.wpcf7-acceptance{display:block}
.ar-row2{display:grid;grid-template-columns:1fr;gap:28px 16px;margin:0 0 28px}
.ar-row2>.ar-f,.wpcf7 .wpcf7-form .ar-row2>p.ar-f{margin:0}
@media(min-width:700px){.ar-row2{grid-template-columns:1fr 1fr}}
/* Guías (marcado propio del lote 3): mismas etiquetas */
.ar-form label,.ar-form-guia label{display:block;font-size:14px;font-weight:600;color:var(--ar-teal);margin:0 0 8px;line-height:1.35}
.ar-form-guia p,.ar-form-guia .ar-campo{margin:0 0 28px}
.ar-form-fields label{display:block;margin:0 0 28px}
.ar-form-fields .wpcf7-list-item label{margin:0}
.ar-form-fields label>input,.ar-form-fields label>.wpcf7-form-control-wrap{margin-top:8px}
.ar-form-fields br{display:none}
.ar-form .wpcf7-list-item label,.ar-form-guia .wpcf7-list-item label{font-weight:400;font-size:15px;color:var(--ar-ink);display:flex;align-items:flex-start}
#comments .comment-respond,#comments #respond{margin-top:0}
#comments>*:first-child{margin-top:0}

/* Casillas y aceptación */
.wpcf7 input[type=checkbox],.wpcf7 input[type=radio],.wpforms-container input[type=checkbox],.wpforms-container input[type=radio],.comment-form input[type=checkbox]{width:20px;height:20px;accent-color:var(--ar-teal);margin:2px 10px 0 0;vertical-align:-4px;flex:none}
.wpcf7 .wpcf7-list-item{display:block;margin:0 0 8px}
.wpcf7 .wpcf7-list-item label{display:flex;align-items:flex-start;font-size:15px;font-weight:400;color:var(--ar-ink);line-height:1.5}
.wpcf7 .wpcf7-acceptance a,.wpcf7 .wpcf7-list-item a{color:var(--ar-teal);font-weight:600}
.ar-f-check,.wpcf7 .wpcf7-form p.ar-f-check{margin:0 0 28px}

/* Zonas de carga (Drag & Drop Multiple File Upload) */
.wpcf7 .codedropz-upload-wrapper{margin:0}
.wpcf7 .codedropz-upload-handler{min-height:0;height:auto;border:2px dashed var(--ar-teal-12);border-radius:8px;background:var(--ar-teal-06);padding:22px 16px 24px;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .15s,background .15s;box-sizing:border-box}
.wpcf7 .codedropz-upload-handler.codedropz-dragover,.wpcf7 .codedropz-upload-handler:hover{border-color:var(--ar-teal);background:rgba(0,65,69,.1)}
.wpcf7 .codedropz-upload-container{padding:0!important;margin:0!important}
.wpcf7 .codedropz-upload-inner{padding:0!important;margin:0!important;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px}
.wpcf7 .codedropz-upload-inner h3{font-size:15px!important;font-weight:600;color:var(--ar-teal);margin:0!important;line-height:1.3;display:inline}
.wpcf7 .codedropz-upload-inner span{font-size:13px;color:var(--ar-muted);display:inline;margin:0}
.wpcf7 .codedropz-btn-wrap{display:inline;margin:0!important;padding:0!important}
.wpcf7 .codedropz-upload-inner .cd-upload-btn,.wpcf7 .codedropz-upload-inner a{color:var(--ar-orange);font-weight:600;text-decoration:underline;font-size:14px;margin:0;padding:0}
.wpcf7 .dnd-upload-counter{font-size:12px;color:var(--ar-muted);position:absolute;right:12px;bottom:4px;line-height:1.2}
.wpcf7 .dnd-upload-status{border:1px solid var(--ar-teal-12);border-radius:8px;padding:8px 12px;margin-top:8px;background:#fff}
.wpcf7 .dnd-upload-status .dnd-upload-details .name{color:var(--ar-ink);font-size:14px}
.wpcf7 .dnd-upload-status .dnd-progress-bar span{background:var(--ar-teal)}
.wpcf7 .dnd-upload-image{display:none}

/* Botón */
.wpcf7 input[type=submit],.wpforms-container button[type=submit],.wpforms-container .wpforms-submit,.comment-form .submit,.zak-search-form button,.zak-search-form input[type=submit]{display:inline-block;background:var(--ar-orange);color:#fff;border:0;border-radius:8px;padding:14px 28px;font:inherit;font-size:16px;font-weight:600;cursor:pointer;line-height:1.2;min-height:48px;transition:background .15s;text-transform:none;letter-spacing:0}
.wpcf7 input[type=submit]:hover,.wpforms-container button[type=submit]:hover,.wpforms-container .wpforms-submit:hover,.comment-form .submit:hover{background:var(--ar-orange-dark);color:#fff}
.wpcf7 input[type=submit]:focus-visible,.wpforms-container button[type=submit]:focus-visible,.comment-form .submit:focus-visible{outline:3px solid var(--ar-teal-12);outline-offset:2px}
.wpcf7 .wpcf7-spinner{margin:0 0 0 12px;vertical-align:middle}
.ar-f-submit{margin:0}
@media(max-width:640px){.wpcf7 input[type=submit],.wpforms-container button[type=submit],.wpforms-container .wpforms-submit,.comment-form .submit{width:100%}.wpcf7,.wpforms-container,#comments,.comments-area{padding:18px;border-radius:8px}}

/* Validación y respuesta */
.wpcf7 .wpcf7-not-valid-tip{color:var(--ar-magenta);font-size:13px;margin:6px 0 0;display:block}
.wpcf7 .wpcf7-not-valid{border-color:var(--ar-magenta)!important}
.wpcf7 .wpcf7-response-output{margin:20px 0 0;padding:14px 16px;border-radius:8px;border:1px solid var(--ar-teal);background:var(--ar-teal-06);color:var(--ar-ink);font-size:15px}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:var(--ar-magenta);background:var(--ar-magenta-08)}
.wpforms-container .wpforms-error,.wpforms-container label.wpforms-error{color:var(--ar-magenta);font-size:13px;margin-top:6px;font-weight:400}
.wpforms-container .wpforms-field.wpforms-has-error input,.wpforms-container .wpforms-field.wpforms-has-error textarea,.wpforms-container input.wpforms-error,.wpforms-container textarea.wpforms-error{border-color:var(--ar-magenta)}
.wpforms-confirmation-container-full{border:1px solid var(--ar-teal);background:var(--ar-teal-06);border-radius:8px;color:var(--ar-ink)}

/* WPForms (render moderno): sus variables de tema, forzadas a los tokens de marca; el formulario define las suyas por ID */
.wpforms-container-full,.wpforms-container{--wpforms-field-border-radius:8px!important;--wpforms-field-border-style:solid!important;--wpforms-field-border-size:1px!important;--wpforms-field-background-color:#fff!important;--wpforms-field-border-color:#c9d6d5!important;--wpforms-field-border-color-spare:#c9d6d5!important;--wpforms-field-text-color:#1d2a2b!important;--wpforms-field-menu-color:#fff!important;--wpforms-label-color:#004145!important;--wpforms-label-sublabel-color:#5b6b6c!important;--wpforms-label-error-color:#b50e65!important;--wpforms-button-border-radius:8px!important;--wpforms-button-background-color:#ed751c!important;--wpforms-button-text-color:#fff!important;--wpforms-button-border-color:#ed751c!important;--wpforms-button-border-style:none!important;--wpforms-button-border-size:0!important;--wpforms-field-size-input-height:48px!important;--wpforms-field-size-font-size:16px!important;--wpforms-label-size-font-size:14px!important;--wpforms-button-size-font-size:16px!important;--wpforms-button-size-height:48px!important;--wpforms-container-border-radius:8px!important;--wpforms-container-padding:28px!important;--wpforms-container-background-color:#fff!important;--wpforms-background-color:#fff!important;--wpforms-container-shadow-size-box-shadow:none!important;border-radius:8px!important;padding:28px!important;background:#fff!important;border:1px solid var(--ar-teal-12)!important;box-shadow:0 12px 40px rgba(0,65,69,.08)!important}
@media(max-width:640px){.wpforms-container-full,.wpforms-container{--wpforms-container-padding:18px!important;padding:18px!important}}
.wpforms-container-full .wpforms-form .wpforms-field-label{color:#004145!important}
.wpforms-container-full .wpforms-form .wpforms-field-sublabel{color:#5b6b6c!important}
.wpforms-container-full .wpforms-form button[type=submit],.wpforms-container-full .wpforms-form .wpforms-submit{background-color:#ed751c!important;color:#fff!important;border-radius:8px!important;border:0!important}
.wpforms-container-full .wpforms-form button[type=submit]:hover{background-color:#d4661a!important}
/* WPForms: espaciado nativo */
.wpforms-container .wpforms-field{padding:0 0 28px}
.wpforms-container-full .wpforms-form .wpforms-field-row{display:flex;gap:12px;flex-wrap:wrap}
.wpforms-container-full .wpforms-form .wpforms-field-row .wpforms-field-row-block,.wpforms-container-full .wpforms-form .wpforms-first,.wpforms-container-full .wpforms-form .wpforms-one-half{flex:1 1 200px;width:auto!important;max-width:none;float:none;margin:0;padding:0}
@media(max-width:600px){.wpforms-container-full .wpforms-form .wpforms-field-row{flex-direction:column;gap:14px}.wpforms-container-full .wpforms-form .wpforms-field-row .wpforms-field-row-block,.wpforms-container-full .wpforms-form .wpforms-first,.wpforms-container-full .wpforms-form .wpforms-one-half{flex:0 0 auto;height:auto}}
.wpforms-container .wpforms-submit-container{padding-top:6px}
.wpforms-container .wpforms-recaptcha-container{padding:4px 0 16px}

/* Comentarios: mismos tokens (sustituye a las reglas del lote 1) */
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
.comment-form p{margin:0}
.comment-form .comment-form-comment,.comment-form .comment-form-cookies-consent,.comment-form .form-submit,.comment-form .comment-notes{grid-column:1/-1}
.comment-form .comment-form-url{display:none}
.comment-form .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--ar-muted)}
.comment-form .comment-form-cookies-consent label{font-weight:400;margin:0;color:var(--ar-ink)}
#reply-title,.comments-title{color:var(--ar-teal);font-size:1.3em;margin:0 0 6px}
.comment-form .submit{background:var(--ar-orange)}
@media(max-width:640px){.comment-form{grid-template-columns:1fr}}

/* Buscador de la cabecera y 404 */
.zak-search-form{display:flex;gap:8px;align-items:center}
.zak-search-form input[type=search]{height:44px}
.zak-search-form button,.zak-search-form input[type=submit]{background:var(--ar-teal);min-height:44px;padding:0 18px}
.zak-search-form button:hover{background:#00595f}

/* Guías: la tarjeta existente adopta los tokens */
.ar-form-guia .ar-btn,.ar-form input[type=submit],.ar-btn{background:var(--ar-orange)}
.ar-btn:hover{background:var(--ar-orange-dark)}
.ar-btn--ghost,.ar-btn--ghost:hover{background:transparent}

/* Páginas de empleo (SiteOrigin): la fila estirada trae 50 px de relleno lateral en línea; en móvil se reduce para que el formulario respire */
@media(max-width:640px){.page .panel-row-style{padding-left:10px!important;padding-right:10px!important}.page .panel-widget-style{padding-left:6px!important;padding-right:6px!important}}
/* Contacto (Elementor): en móvil la sección trae 20 px + 10 px de columna; se reduce para que el formulario respire */
@media(max-width:640px){.page-id-5832 .elementor-top-section{padding-left:6px!important;padding-right:6px!important}}
/* ===== Lote 9b: color. Cabecera con el degradado turquesa→verde petróleo del manual; secciones en cajas; campos tintados fuera de las cajas ===== */
:root{--ar-grad:#004145;--ar-tint:#f3f8f8;--ar-box:rgba(0,65,69,.045)} /* cabecera en color entero (pedido de Lukas 2026-09-04); la variable conserva el nombre */
.ar-fh{background:var(--ar-grad);color:#fff;margin:-28px -28px 28px;padding:26px 28px;border-radius:8px 8px 0 0}
.wpcf7 .ar-fh h3,.wpcf7 .ar-fh h2,.ar-fh h3{color:#fff!important;font-size:21px;margin:0 0 6px;line-height:1.25;font-weight:600;border:0;padding:0}
.wpcf7 .ar-fh p,.ar-fh p{color:rgba(255,255,255,.92)!important;margin:0;font-size:15px;line-height:1.5}
.ar-sec-box{background:var(--ar-box);border:1px solid var(--ar-teal-12);border-radius:8px;padding:24px 24px 28px;margin:0 0 28px}
.ar-sec-box>*:last-child,.wpcf7 .wpcf7-form .ar-sec-box>*:last-child{margin-bottom:0}
.ar-sec-box>.ar-row2:last-child{margin-bottom:0}
.ar-sec-box .ar-nota{background:#fff}
.ar-sec{border-bottom:0;border-left:4px solid var(--ar-orange);padding:2px 0 2px 12px;margin:0 0 24px;font-size:17px;line-height:1.3}
.ar-sec-box .ar-sec{margin-top:0}
.ar-foot{margin:0}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 input[type=date],.wpcf7 input[type=url],.wpcf7 select,.wpcf7 textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{background:var(--ar-tint)}
.ar-sec-box input[type=text],.ar-sec-box input[type=email],.ar-sec-box input[type=tel],.ar-sec-box input[type=number],.ar-sec-box input[type=date],.ar-sec-box input[type=url],.ar-sec-box select,.ar-sec-box textarea{background:#fff}
.ar-sec-box .codedropz-upload-handler{background:#fff;border-color:rgba(63,180,189,.55)}
.ar-sec-box .codedropz-upload-handler.codedropz-dragover,.ar-sec-box .codedropz-upload-handler:hover{background:rgba(63,180,189,.12);border-color:#0e6f74}
.wpforms-container-full,.wpforms-container{--wpforms-field-background-color:#f3f8f8!important}
.wpforms-container-full .wpforms-head-container{background:var(--ar-grad);color:#fff;margin:-28px -28px 24px!important;padding:24px 28px!important;border-radius:8px 8px 0 0;text-align:left}
.wpforms-container-full .wpforms-head-container .wpforms-title{color:#fff!important;font-size:21px!important;margin:0 0 6px!important;line-height:1.25!important;font-weight:600}
.wpforms-container-full .wpforms-head-container .wpforms-description{color:rgba(255,255,255,.92)!important;font-size:15px!important;margin:0!important;line-height:1.5}
#comments #reply-title,#comments .comment-reply-title{display:block!important;width:auto!important;background:var(--ar-grad);color:#fff!important;margin:-28px -28px 0;padding:24px 28px 8px;border-radius:8px 8px 0 0;font-size:21px;border:0}
#comments #reply-title a,#comments #reply-title small{color:#fff}
#comments #reply-title::before,#comments #reply-title::after{display:none}
#comments .comment-notes{background:var(--ar-grad);color:rgba(255,255,255,.92);margin:0 -28px 22px;padding:0 28px 22px;font-size:14px}
#comments .comment-notes .required{color:#fff}
.ar-landing .ar-form{background:#fff!important;border:1px solid var(--ar-teal-12)!important;border-radius:8px!important;padding:28px!important;box-shadow:0 12px 40px rgba(0,65,69,.08)!important}
.ar-landing .ar-form>h3{background:var(--ar-grad);color:#fff;margin:-28px -28px 0;padding:24px 28px 4px;border-radius:8px 8px 0 0;font-size:21px;line-height:1.25}
.ar-landing .ar-form>h3+p{background:var(--ar-grad);color:rgba(255,255,255,.92);margin:0 -28px 22px;padding:0 28px 22px;font-size:15px}
.ar-form input[type=text],.ar-form input[type=email]{background:var(--ar-tint)}
.ar-landing .ar-form .wpcf7{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;margin:0}
@media(max-width:640px){
.ar-fh{margin:-18px -18px 18px;padding:18px;border-radius:8px 8px 0 0}
.wpforms-container-full .wpforms-head-container{margin:-18px -18px 18px!important;padding:18px!important;border-radius:8px 8px 0 0}
#comments #reply-title,#comments .comment-reply-title{margin:-18px -18px 0;padding:18px 18px 6px;border-radius:8px 8px 0 0}
#comments .comment-notes{margin:0 -18px 18px;padding:0 18px 16px}
.ar-landing .ar-form{padding:18px}.ar-landing .ar-form>h3{margin:-18px -18px 0;padding:18px 18px 4px;border-radius:8px 8px 0 0}.ar-landing .ar-form>h3+p{margin:0 -18px 18px;padding:0 18px 16px}
.ar-sec-box{padding:18px 16px 20px;border-radius:8px}
}
@media(prefers-reduced-motion:reduce){.wpcf7 *,.wpforms-container *{transition:none!important}}