/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.14.0.1790859795
Updated: 2026-10-01 14:03:15

*/


/* Conocenos: blurbs left-aligned at tablet (Divi centres .et_pb_blurb_content at max-width 550px) */
@media (max-width: 980px){#ingenieria .et_pb_blurb_content,#equipos .et_pb_blurb_content,#aprendizaje .et_pb_blurb_content,#creemos .et_pb_blurb_content{max-width:none;margin-left:0;margin-right:0;}}

/* WATA header hamburger band: show the mobile menu from 981px to 1180px (Divi switches at 980px) */
@media (min-width:981px) and (max-width:1180px){
.et-l--header .et_pb_section_0_tb_header.et_pb_section{padding:20px 24px !important;}
.et-l--header .et_pb_row_0_tb_header.et_pb_row{display:flex !important;align-items:center;justify-content:space-between;width:100%;}
.et-l--header .et_pb_row_0_tb_header.et_pb_row::before,.et-l--header .et_pb_row_0_tb_header.et_pb_row::after{display:none !important;}
.et-l--header .et_pb_row_0_tb_header > .et_pb_column{float:none !important;}
.et-l--header .et_pb_row_0_tb_header > .et_pb_column_0_tb_header{order:1;width:auto !important;margin:0 !important;}
.et-l--header .et_pb_row_0_tb_header > .et_pb_column_2_tb_header{order:2;width:auto !important;margin:0 16px 0 auto !important;}
.et-l--header .et_pb_row_0_tb_header > .et_pb_column_1_tb_header{order:3;width:48px !important;margin:0 !important;}
.et-l--header .et_pb_menu_0_tb_header.et_pb_menu{width:100% !important;justify-content:flex-end;}
.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__menu{display:none !important;}
.et-l--header .et_pb_menu_0_tb_header .et_mobile_nav_menu{display:flex !important;}
.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu{width:260px !important;left:auto !important;right:0 !important;padding:13px !important;}
.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li{list-style:none !important;}
.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu a{padding:10px 11.6875px !important;}
.et-l--header .et_pb_button_0_tb_header_wrapper{position:static !important;width:auto !important;}
}

/* WATA focus: visible keyboard focus (only for keyboard users) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [role="button"]:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #004265 !important;
  outline-offset: 3px !important;
  border-radius: 4px;
}
#inicio a:focus-visible, #top a:focus-visible, #ai-lab a:focus-visible, #hablemos a:focus-visible, .et-l--footer a:focus-visible, .et-l--footer [role="button"]:focus-visible {
  outline-color: #fff !important;
}
#main-content:focus { outline: none !important; }

/* WATA skip link: hidden until focused */
.wata-skip-link {
  position: absolute;
  left: 16px;
  top: -100px;
  z-index: 100000;
  padding: 12px 20px;
  background: #004265;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition: top 0.15s;
}
.wata-skip-link:focus { top: 16px; outline: 3px solid #fff !important; outline-offset: 2px !important; }
/* WATA slider arrows: white arrow with soft dark shadow, no background */
.et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-prev,
.et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-next {
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border-radius: 50%;
  background: transparent;
  color: #fff !important;
  box-shadow: none;
  text-shadow: none;
  filter: drop-shadow(0 0 1.5px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 3px rgba(0, 0, 0, 0.7)) drop-shadow(0 1px 6px rgba(0, 0, 0, 0.5));
  opacity: 1;
}
@media (max-width: 767px) {
  .et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-prev { left: 8px; }
  .et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-next { right: 8px; }
}
/* WATA sticky header: stays at the top and gets thinner after scrolling */
header.et-l--header {
  position: sticky;
  top: 0;
  z-index: 1000;
  pointer-events: none;
  height: var(--wata-header-h, auto);
}
body.admin-bar header.et-l--header { top: 32px; }
header.et-l--header .et_pb_section_0_tb_header {
  pointer-events: auto;
  transition: padding 0.25s ease, box-shadow 0.25s ease;
}
header.et-l--header .et_pb_image_0_tb_header,
header.et-l--header .et_pb_image_0_tb_header img,
header.et-l--header a.et_pb_button {
  transition: width 0.25s ease, max-width 0.25s ease, padding 0.25s ease, font-size 0.25s ease;
}
html.wata-scrolled header.et-l--header .et_pb_section_0_tb_header.et_pb_section {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
html.wata-scrolled header.et-l--header .et_pb_image_0_tb_header,
html.wata-scrolled header.et-l--header .et_pb_image_0_tb_header img {
  width: 110px !important;
  max-width: 110px !important;
}
html.wata-scrolled #page-container header.et-l--header .et_pb_button_module_wrapper a.et_pb_button.et_pb_button_0_tb_header.et_pb_button.et_pb_module {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 24px !important;
}
/* anchors must not hide under the sticky header */
html { scroll-padding-top: 80px; }
@media (max-width: 767px) {
  html.wata-scrolled header.et-l--header .et_pb_image_0_tb_header,
  html.wata-scrolled header.et-l--header .et_pb_image_0_tb_header img {
    width: 84px !important;
    max-width: 84px !important;
  }
}
/* sticky header: keep the absolutely positioned button and hamburger centred when the header shrinks (tablet and phone) */
@media (max-width: 980px) {
  html.wata-scrolled header.et-l--header .et_pb_menu_0_tb_header.et_pb_menu { top: -29px !important; }
  html.wata-scrolled header.et-l--header .et_pb_button_0_tb_header_wrapper { top: -30px !important; }
}
@media (max-width: 767px) {
  html.wata-scrolled header.et-l--header .et_pb_menu_0_tb_header.et_pb_menu { top: -26px !important; }
  html.wata-scrolled header.et-l--header .et_pb_button_0_tb_header_wrapper { top: -27px !important; }
}
/* WATA header FOUC fix: Divi defers the header module CSS, so for a moment the menu shows as a vertical list and the header is too tall.
   Reserve the header height and keep the content hidden until wata-a11y.js adds .wata-hdr-ready (failsafe: visible after 2.5s). */
html:not(.wata-hdr-ready) header.et-l--header { height: 120px; }
html:not(.wata-hdr-ready) header.et-l--header .et_pb_section { visibility: hidden; animation: wata-hdr-failsafe 0s linear 2.5s forwards; }
@keyframes wata-hdr-failsafe { to { visibility: visible; } }
@media (max-width: 1180px) { html:not(.wata-hdr-ready) header.et-l--header { height: 92px; } }
@media (max-width: 980px) { html:not(.wata-hdr-ready) header.et-l--header { height: 79px; } }
@media (max-width: 767px) { html:not(.wata-hdr-ready) header.et-l--header { height: 59px; } }

/* WATA legal pages: numbered section headings and real bullet lists (no native Divi option for these). */
.wata-num { opacity: 0.7; margin-right: 10px; }
.wata-legal-list ul { margin: 0; padding: 0; list-style: none; }
.wata-legal-list li { position: relative; margin: 0; padding: 0 0 14px 20px; }
.wata-legal-list li:last-child { padding-bottom: 0; }
.wata-legal-list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 3px; background: rgba(0, 66, 101, 0.4); }
/* WATA careers page: job meta row and Fluent Forms application form (form #5) styled to the Figma design. */
.wata-meta img.wata-meta-icon { display: inline-block; width: 16px; height: 16px; vertical-align: -2px; margin-right: 6px; }
.wata-meta .wata-dot { display: inline-block; margin: 0 4px; color: #B5B5B5; }
.wata-form .frm-fluent-form .ff-el-group { margin-bottom: 23px; }\n.wata-form .frm-fluent-form .ff-el-input--label, .wata-form .frm-fluent-form .ff-el-input--content { line-height: 21px; }
.wata-form .frm-fluent-form .ff-el-input--label { margin-bottom: 10px; padding: 0; font-size: 16px; }
.wata-form .frm-fluent-form .ff-el-input--label label { margin: 0; font-family: Jost, sans-serif; font-size: 16px; font-weight: 600; line-height: 21px; color: #004265; }
.wata-form .frm-fluent-form .ff-el-input--label.asterisk-right label::after { color: #BD1C3C; }
.wata-form .frm-fluent-form .ff-el-form-control { box-sizing: border-box; width: 100%; height: 51px; padding: 14px 16px; background: #FFFFFF; border: 1px solid #EDEDEA; border-radius: 10px; box-shadow: none; font-family: Jost, sans-serif; font-size: 14px; line-height: 21px; color: #004265; }
.wata-form .frm-fluent-form textarea.ff-el-form-control { height: 135px; resize: vertical; }
.wata-form .frm-fluent-form .ff-el-form-control::placeholder { color: rgba(0, 66, 101, 0.72); opacity: 1; }
.wata-form .frm-fluent-form .ff-el-form-control:focus { border-color: #004265; outline: 2px solid rgba(0, 66, 101, 0.25); outline-offset: 1px; box-shadow: none; }
.wata-form .frm-fluent-form input[name="linkedin"] { padding-left: 48px; background: #FFFFFF url("/wp-content/uploads/2026/10/wata-tcn-linkedin.svg") no-repeat 16px center / 20px 20px; }
.wata-form .frm-fluent-form .ff-el-help-message { margin-top: 14px; font-family: Jost, sans-serif; font-size: 14px; line-height: 21px; letter-spacing: 0.175px; color: #6B6B6B; }
.wata-form .frm-fluent-form .ff-el-tc { margin: 0; padding-top: 8px; }
.wata-form .frm-fluent-form .ff_tc_label { display: flex !important; align-items: flex-start; gap: 12px; margin: 0; padding: 0 !important; width: 100%; }\n.wata-form .frm-fluent-form .ff_tc_checkbox { display: block; flex: 0 0 auto; }\n.wata-form .frm-fluent-form .ff_t_c { display: block; flex: 1 1 auto; }
.wata-form .frm-fluent-form .ff_tc_checkbox input { width: 19px; height: 20px; margin: 4px 0 0; accent-color: #004265; }
.wata-form .frm-fluent-form .ff_t_c { font-family: Jost, sans-serif; font-size: 14px; line-height: 21.84px; color: #6B6B6B; }
.wata-form .frm-fluent-form .ff_t_c a { color: #004265; text-decoration: underline; }
.wata-form .frm-fluent-form .ff_submit_btn_wrapper { margin: 0; padding-top: 16px; }
.wata-form .frm-fluent-form .ff-btn-submit { display: block; width: 100%; height: 56px; padding: 0 24px; border: 0; border-radius: 3px; background: linear-gradient(to right, #BD1C3C, #004165) !important; color: #FFFFFF !important; font-family: Jost, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1.05px; text-transform: uppercase; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1); cursor: pointer; transition: filter 0.2s; }
.wata-form .frm-fluent-form .ff-btn-submit:hover { filter: brightness(1.12); }
.wata-form .frm-fluent-form .ff-btn-submit:focus-visible { outline: 3px solid #004265; outline-offset: 2px; }
.wata-form .frm-fluent-form .text-danger, .wata-form .frm-fluent-form .error { margin-top: 6px; font-family: Jost, sans-serif; font-size: 14px; color: #B42318; }
.wata-form .ff-message-success { margin: 0; padding: 24px; background: #FFFFFF; border: 1px solid #EDEDEA; border-radius: 10px; font-family: Jost, sans-serif; font-size: 16px; color: #004265; text-align: center; }
.wata-form .ff-el-is-error .ff-el-form-control { border-color: #B42318; }
@media (max-width: 767px) { .wata-form .frm-fluent-form .ff-btn-submit { font-size: 15px; letter-spacing: 0.8px; } }
#beneficios .et_pb_image, #posiciones .et_pb_image, #positions .et_pb_image { margin-bottom: 0 !important; }
.wata-form .frm-fluent-form .ff-el-input--label label { display: block; }
.wata-form .frm-fluent-form .ff_tc_label, .wata-form .frm-fluent-form .ff_tc_label .ff_t_c { line-height: 21.84px; margin: 0; padding: 0; }
.wata-form .frm-fluent-form .ff-el-tc .ff_tc_label { min-height: 0; }

.wata-form .frm-fluent-form .ff-el-tc .ff_tc_label { margin-top: 8px !important; }
.wata-form .frm-fluent-form .ff-el-tc { padding-top: 0 !important; }

.wata-form .frm-fluent-form .ff-el-help-message { font-style: normal; }
#beneficios .et_pb_image { margin-left: 0 !important; margin-right: auto !important; }

.wata-form .frm-fluent-form .ff_tc_checkbox { margin-top: 4px; line-height: 0; }
.wata-form .frm-fluent-form .ff_tc_checkbox input { margin: 0 !important; display: block; }

@media (max-width: 980px) { :is(#posiciones,#positions) .et_pb_group .et_pb_image { margin-top: 24px !important; margin-bottom: 24px !important; } :is(#posiciones,#positions) .et_pb_group .et_pb_column { min-height: 0 !important; } }

/* WATA contact page (Contacto): hero circles, form #6, info cards, map, timeline, FAQ accordion. */
.wata-ct-hero { position: relative; overflow: hidden; }
.wata-ct-hero::before, .wata-ct-hero::after { content: ""; position: absolute; border-radius: 50%; filter: blur(64px); opacity: 0.15; pointer-events: none; z-index: 0; }
.wata-ct-hero::before { width: 256px; height: 256px; background: #004265; left: 25%; top: 136px; }
.wata-ct-hero::after { width: 320px; height: 320px; background: #003557; left: 54.7%; top: 43px; }
.wata-ct-hero > .et_pb_row { position: relative; z-index: 1; }
.wata-ct-form .wata-form-ct .frm-fluent-form fieldset { display: flex; flex-wrap: wrap; column-gap: 24px; border: 0 !important; padding: 0; margin: 0; min-width: 0; }
.wata-ct-form .wata-form-ct .frm-fluent-form .ff-el-group { width: 100%; }
.wata-ct-form .wata-form-ct .frm-fluent-form .ff-el-group.wata-half { width: calc(50% - 12px); }
.wata-ct-form .wata-form-ct .frm-fluent-form select.ff-el-form-control { height: 52px; -webkit-appearance: none; appearance: none; padding-right: 48px; background: #FFFFFF url("/wp-content/uploads/2026/10/wata-ct-chev.svg") no-repeat right 16px center / 20px 20px; }
.wata-ct-form .wata-form-ct .frm-fluent-form textarea.ff-el-form-control { height: 139px; }
.wata-ct-form .wata-form-ct .frm-fluent-form .ff_submit_btn_wrapper { padding-top: 1px; }
.wata-ct-form .wata-form-ct .frm-fluent-form .ff-btn-submit { width: auto; height: 48px; padding: 0 43px 0 19px; background: url("/wp-content/uploads/2026/10/wata-ct-arrow.svg") no-repeat right 16.4px center / 16px 16px, linear-gradient(to right, #BD1C3C, #004165) !important; }
.wata-ct-form .wata-ci { display: flex; gap: 16px; align-items: flex-start; }
.wata-ct-form .wata-ci.wata-ci-c { align-items: center; }
.wata-ct-form .wata-ci-box { flex: none; width: 44px; height: 44px; box-sizing: border-box; background: rgba(255, 255, 255, 0.12); border: 1px solid #EDEDEA; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.wata-ct-form .wata-ci-box img { width: 20px; height: 20px; display: block; }
.wata-ct-form .wata-ci-t { min-width: 0; flex: 1 1 0; }
.wata-ct-form .wata-ci-l { margin: 0; padding: 0; font-family: Jost, sans-serif; font-size: 18px; font-weight: 500; line-height: 13.333px; letter-spacing: 0.8px; text-transform: uppercase; color: #6B6B6B; }
.wata-ct-form .wata-ci-v { margin: 2px 0 0; padding: 0; font-family: Jost, sans-serif; font-size: 16px; font-weight: 500; line-height: 21px; color: #004265; }
.wata-ct-form .wata-ci-v a { color: #004265; text-decoration: none; }
.wata-ct-form .wata-ci-v a:hover { text-decoration: underline; }
.wata-ct-form .wata-ci-a { margin: 4px 0 0; padding: 0; font-family: Jost, sans-serif; font-style: normal; font-size: 16px; font-weight: 500; line-height: 22.4px; color: #5A5A5A; }
.wata-ct-form .wata-soc { list-style: none; display: flex; gap: 16px; margin: 12px 0 0; padding: 0; }
.wata-ct-form .wata-soc li { margin: 0; padding: 0; width: 24px; height: 24px; list-style: none; }
.wata-ct-form .wata-soc a { display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; }
.wata-ct-form .wata-soc img { max-width: 24px; max-height: 24px; width: auto; height: auto; }
.wata-ct-map .et_pb_image { margin: 0 !important; width: 100% !important; max-width: none !important; display: block; }
.wata-ct-map .et_pb_image a, .wata-ct-map .et_pb_image_wrap { display: block; }
.wata-ct-map img { width: 100%; height: 512px; object-fit: cover; display: block; }
.wata-ct-map a:focus-visible { outline: 3px solid #004265; outline-offset: -3px; }
.wata-timeline { position: relative; padding-bottom: 32px !important; }
.wata-timeline::before { content: ""; position: absolute; left: 28px; top: 28px; bottom: 28px; width: 2px; background: linear-gradient(180deg, #004265, #003557); }
.wata-step { display: flex !important; gap: 20px; align-items: flex-start; position: relative; z-index: 1; }
.wata-step > .et_pb_image { flex: none; width: 56px !important; height: 56px; margin: 0 !important; box-sizing: border-box; border-radius: 50%; background: linear-gradient(135deg, #004265, #003557); box-shadow: 0 10px 7.5px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; }
.wata-step > .et_pb_image img { width: 24px; height: 24px; display: block; }
.wata-step-body { flex: 1 1 0; min-width: 0; padding-top: 2px !important; }
.wata-faq .et_pb_toggle { margin: 0 0 16px !important; padding: 0 !important; background: #FFFFFF; border: 1px solid #EDEDEA !important; border-radius: 12px; overflow: hidden; }
.wata-faq .et_pb_toggle:last-child { margin-bottom: 0 !important; }
.wata-faq .et_pb_toggle_title { position: relative; display: flex !important; align-items: center; box-sizing: border-box; min-height: 60px; margin: 0; padding: 20px 64px 20px 24px !important; font-family: Jost, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 18.88px !important; letter-spacing: 0.975px !important; text-transform: uppercase; color: #004265 !important; cursor: pointer; }
.wata-faq .et_pb_toggle_title::before { content: "" !important; font-family: inherit !important; position: absolute; right: 24px; top: 50%; width: 20px; height: 20px; margin: -10px 0 0; background: url("/wp-content/uploads/2026/10/wata-ct-chev.svg") no-repeat center / 20px 20px; transform: none; transition: transform 0.2s; }
.wata-faq .et_pb_toggle_open .et_pb_toggle_title::before { display: block !important; transform: rotate(180deg); } /* WATWEB-495: Divi hides the icon when open */
.wata-faq .et_pb_toggle_title:focus-visible { outline: 3px solid #004265; outline-offset: -3px; }
.wata-faq .et_pb_toggle_content { padding: 0 24px 20px !important; }
.wata-faq .et_pb_toggle_content p { margin: 0; padding: 0; font-family: Jost, sans-serif; font-size: 16px; line-height: 25.2px; letter-spacing: 0.175px; color: #5A5A5A; }
@media (max-width: 980px) { .wata-ct-form .et_pb_row:last-child .et_pb_column + .et_pb_column { margin-top: 48px; } .wata-ct-hero::before, .wata-ct-hero::after { display: none; } }
@media (max-width: 767px) { .wata-ct-form .wata-form-ct .frm-fluent-form .ff-el-group.wata-half { width: 100%; } .wata-ct-map img { height: 320px; } .wata-step { gap: 16px; } .wata-step > .et_pb_image { width: 48px !important; height: 48px; } .wata-timeline::before { left: 23px; top: 24px; bottom: 24px; } .wata-faq .et_pb_toggle_title { padding: 18px 52px 18px 18px !important; letter-spacing: 0.6px !important; font-size: 15px !important; line-height: 1.3 !important; } .wata-faq .et_pb_toggle_title::before { right: 16px; } .wata-faq .et_pb_toggle_content { padding: 0 18px 18px !important; } .wata-ct-form .wata-form-ct .frm-fluent-form .ff-btn-submit { width: 100%; } }

.wata-faq .et_pb_toggle_close .et_pb_toggle_content { display: none; }
.wata-faq .et_pb_toggle_title button { display: block; width: 100%; margin: 0; padding: 0; background: none; border: 0; border-radius: 0; color: inherit; font: inherit; letter-spacing: inherit; line-height: inherit; text-align: left; text-transform: inherit; cursor: pointer; }
.wata-faq .et_pb_toggle_title button:focus { outline: none; }
.wata-faq .et_pb_toggle_title:focus-within { outline: 3px solid #004265; outline-offset: -3px; }
.wata-timeline, .wata-step, .wata-step-body { background: transparent !important; border-color: transparent !important; }
.wata-step > .et_pb_image { min-width: 56px; max-width: 56px !important; width: 56px !important; }
.wata-step > .et_pb_image .et_pb_image_wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
@media (max-width: 767px) { .wata-step > .et_pb_image { min-width: 48px; max-width: 48px !important; } }

.wata-step-body { padding-bottom: 8px !important; }
.wata-ct-form .wata-form-ct .frm-fluent-form { margin-top: -1px; }
.wata-ct-form .wata-form-ct .frm-fluent-form .ff-btn-submit { padding-right: 41.8px; }

@media (min-width: 981px) { .wata-step-body { margin-right: -6px !important; } }

@media (max-width: 767px) { .wata-ct-map img { object-position: 62% 50%; } }

/* WATA Contact Form 7 forms (Contacto + Trabaja con nosotros) */
.wata-form .wpcf7 form { margin: 0; }
.wata-form .wpcf7 .wata-f { margin: 0 0 23px; position: relative; }
.wata-form .wpcf7 .wpcf7-form-control-wrap { display: block; }
.wata-form .wpcf7 label { display: block; margin: 0 0 10px; padding: 0; font-family: Jost, sans-serif; font-size: 16px; font-weight: 600; line-height: 21px; color: #004265; }
.wata-form .wpcf7 .wata-req { color: #BD1C3C; margin-left: 2px; }
.wata-form .wpcf7 input[type="text"], .wata-form .wpcf7 input[type="email"], .wata-form .wpcf7 input[type="tel"], .wata-form .wpcf7 input[type="url"], .wata-form .wpcf7 select, .wata-form .wpcf7 textarea { box-sizing: border-box; display: block; width: 100%; height: 51px; padding: 14px 16px; background: #FFFFFF; border: 1px solid #EDEDEA; border-radius: 10px; box-shadow: none; font-family: Jost, sans-serif; font-size: 14px; line-height: 21px; color: #004265; margin: 0; }
.wata-form .wpcf7 textarea { height: 135px; resize: vertical; }
.wata-form .wpcf7 ::placeholder { color: rgba(0, 66, 101, 0.72); opacity: 1; }
.wata-form .wpcf7 input:focus, .wata-form .wpcf7 select:focus, .wata-form .wpcf7 textarea:focus { border-color: #004265; outline: 2px solid rgba(0, 66, 101, 0.25); outline-offset: 1px; box-shadow: none; }
.wata-form .wpcf7 input#wata-linkedin { padding-left: 48px; background: #FFFFFF url("/wp-content/uploads/2026/10/wata-tcn-linkedin.svg") no-repeat 16px center / 20px 20px; }
.wata-form .wpcf7 select { height: 52px; -webkit-appearance: none; appearance: none; padding-right: 48px; background: #FFFFFF url("/wp-content/uploads/2026/10/wata-ct-chev.svg") no-repeat right 16px center / 20px 20px; }
.wata-form .wpcf7 .wata-help { display: block; margin-top: 14px; font-family: Jost, sans-serif; font-size: 14px; font-style: normal; line-height: 21px; letter-spacing: 0.175px; color: #6B6B6B; }
/* two-column row (Contacto) */
.wata-form .wpcf7 .wata-row { display: flex; flex-wrap: wrap; column-gap: 24px; }
.wata-form .wpcf7 .wata-row .wata-half { width: calc(50% - 12px); }
/* consent */
.wata-form .wpcf7 .wata-consent { margin-bottom: 0; }
.wata-form .wpcf7 .wata-consent label { display: flex; align-items: flex-start; gap: 12px; margin: 8px 0 0; font-family: Jost, sans-serif; font-size: 14px; font-weight: 400; line-height: 21.84px; color: #6B6B6B; }
.wata-form .wpcf7 .wata-consent .wpcf7-form-control-wrap { flex: 0 0 auto; margin-top: 4px; line-height: 0; }
.wata-form .wpcf7 .wata-consent .wpcf7-list-item { display: block; margin: 0; }
.wata-form .wpcf7 .wata-consent input[type="checkbox"] { display: block; width: 19px; height: 20px; margin: 0; accent-color: #004265; }
.wata-form .wpcf7 .wata-consent a { color: #004265; text-decoration: underline; }
/* submit */
.wata-form .wpcf7 .wata-actions { margin: 0; padding-top: 16px; }
.wata-form .wpcf7 input.wata-submit { display: block; width: 100%; height: 56px; padding: 0 24px; border: 0; border-radius: 3px; background: linear-gradient(to right, #BD1C3C, #004165); color: #FFFFFF; font-family: Jost, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1.05px; text-transform: uppercase; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1); cursor: pointer; transition: filter 0.2s; -webkit-appearance: none; appearance: none; }
.wata-form .wpcf7 input.wata-submit:hover { filter: brightness(1.12); }
.wata-form .wpcf7 input.wata-submit:focus-visible { outline: 3px solid #004265; outline-offset: 2px; }
.wata-ct-form .wata-form-ct .wpcf7 .wata-actions { padding-top: 24px; } /* WATWEB-496: min. 24px gap between consent text and submit */
.wata-ct-form .wata-form-ct .wpcf7 input.wata-submit { width: auto; height: 48px; padding: 0 41.8px 0 19px; background: url("/wp-content/uploads/2026/10/wata-ct-arrow.svg") no-repeat right 16.4px center / 16px 16px, linear-gradient(to right, #BD1C3C, #004165); }
.wata-ct-form .wata-form-ct .wpcf7 form { margin-top: -1px; }
.wata-form .wpcf7 .wpcf7-spinner { position: absolute; margin: 0 0 0 12px; top: calc(50% + 8px); }
/* CV upload box (Trabaja con nosotros) */
.wata-form .wpcf7 .wata-file .wpcf7-form-control-wrap { position: relative; box-sizing: border-box; height: 57px; border: 2px dashed #EDEDEA; border-radius: 10px; background: url("/wp-content/uploads/2026/10/wata-cf-upload.svg") no-repeat 16px center / 20px 20px; }
.wata-form .wpcf7 .wata-file .wpcf7-form-control-wrap::after { content: attr(data-label); position: absolute; left: 48px; right: 16px; top: 50%; transform: translateY(-50%); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: Jost, sans-serif; font-size: 14px; line-height: 21px; color: #6B6B6B; pointer-events: none; }
.wata-form .wpcf7 .wata-file input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; padding: 0; border: 0; }
.wata-form .wpcf7 .wata-file .wpcf7-form-control-wrap:focus-within { border-color: #004265; outline: 2px solid rgba(0, 66, 101, 0.25); outline-offset: 1px; }
.wata-form .wpcf7 .wata-file .wpcf7-not-valid-tip { position: absolute; top: 100%; left: 0; }
/* validation + response */
.wata-form .wpcf7 .wpcf7-not-valid-tip { display: block; margin-top: 6px; font-family: Jost, sans-serif; font-size: 14px; line-height: 20px; color: #B42318; }
.wata-form .wpcf7 .wpcf7-not-valid { border-color: #B42318 !important; }
.wata-form .wpcf7 form .wpcf7-response-output { margin: 16px 0 0; padding: 12px 16px; border: 1px solid #004265; border-radius: 10px; font-family: Jost, sans-serif; font-size: 14px; line-height: 21px; color: #004265; background: #F2F7FA; }
.wata-form .wpcf7 form.sent .wpcf7-response-output { border-color: #1B6E3C; color: #14532D; background: #F0FDF4; }
.wata-form .wpcf7 form.invalid .wpcf7-response-output, .wata-form .wpcf7 form.failed .wpcf7-response-output, .wata-form .wpcf7 form.unaccepted .wpcf7-response-output, .wata-form .wpcf7 form.spam .wpcf7-response-output, .wata-form .wpcf7 form.aborted .wpcf7-response-output { border-color: #B42318; color: #912018; background: #FEF3F2; }
@media (max-width: 767px) {
  .wata-form .wpcf7 .wata-row .wata-half { width: 100%; }
  .wata-form .wpcf7 input.wata-submit { font-size: 15px; letter-spacing: 0.8px; }
  .wata-ct-form .wata-form-ct .wpcf7 input.wata-submit { width: 100%; }
}
.wata-form .wpcf7 input.wata-submit:disabled { opacity: 0.55; cursor: not-allowed; filter: none; }

.wata-form .wpcf7 .wata-cv:has(.wpcf7-not-valid-tip) { margin-bottom: 49px; }

/* WATA header mobile button overlap: the menu module (white bg, 230/260px wide, absolute) covered the CTA button on tablet/phone. Shrink the menu box to the burger and keep the dropdown wide. */
@media (max-width:980px){
.et-l--header .et_pb_menu_0_tb_header.et_pb_menu{width:48px !important;background-color:transparent !important;}
.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu{width:260px !important;left:auto !important;right:0 !important;padding:13px !important;}
.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li{list-style:none !important;}
.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu a{padding:10px 11.6875px !important;}
}
@media (max-width:767px){
.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu{width:230px !important;}
}

/* WATA internships page (ES source page "practicas"; same block for ES / EN / DE through body class .wata-page--practicas, see functions.php). Section ids differ per language: #programas/#programmes, #aprender/#learn, #solicitar/#apply. */
.wata-page--practicas .et_pb_text p,
.wata-page--practicas .et_pb_text .wata-pr-meta{padding-bottom:0 !important;margin-bottom:0 !important;}
.wata-page--practicas .et_pb_section .et_pb_image{margin-bottom:0 !important;}
.wata-page--practicas .et_pb_image img{display:block;width:100%;height:auto;}
.wata-page--practicas .et_pb_heading .et_pb_heading_container h1,
.wata-page--practicas .et_pb_heading .et_pb_heading_container h2,
.wata-page--practicas .et_pb_heading .et_pb_heading_container h3{padding-bottom:0 !important;}
/* programme card: icon tile centered in the dark panel */
.wata-page--practicas :is(#programas,#programmes) .et_pb_column_5{display:flex;align-items:center;justify-content:center;}
.wata-page--practicas :is(#programas,#programmes) .et_pb_column_5 .et_pb_image{margin:0 !important;}
.wata-page--practicas .wata-pr-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.wata-page--practicas .wata-pr-meta img{width:16px;height:16px;}
.wata-page--practicas .wata-pr-meta .wata-dot{margin:0 4px;}
.wata-page--practicas .wata-pr-learn{height:100%;}
.wata-page--practicas :is(#aprender,#learn) .et_pb_row{align-items:stretch;}
.wata-page--practicas :is(#solicitar,#apply) .wata-form-pr{width:100%;}
@media (max-width:980px){
.wata-page--practicas :is(#programas,#programmes) .et_pb_column_5{min-height:120px;}
.wata-page--practicas :is(#programas,#programmes) .et_pb_column_5 .et_pb_image{margin:24px auto !important;}
}
.wata-page--practicas .et_pb_group{row-gap:0 !important;}
.wata-page--practicas .wata-pr-learn{min-height:233px;}
@media (min-width:981px){.wata-page--practicas :is(#programas,#programmes) .et_pb_column_5,.wata-page--practicas :is(#programas,#programmes) .et_pb_column_6{min-height:274px !important;}}

/* WATA service pages: subtitle in Como trabajamos must wrap (no horizontal scroll at 1024) */
@media (max-width:1180px){:is(#como-trabajamos,#how-we-work) .et_pb_text_13,:is(#como-trabajamos,#how-we-work) .et_pb_text_13 .et_pb_text_inner,:is(#como-trabajamos,#how-we-work) .et_pb_text_13 p{white-space:normal !important;width:auto !important;max-width:100% !important;text-align:center !important;}}

/* WATA job post (single post, Empleo) */
.single-post.et_pb_pagebuilder_layout #main-content .container{width:100%;max-width:none;padding:0;margin:0;}
.single-post.et_pb_pagebuilder_layout #main-content .container:before{display:none;}
.single-post.et_pb_pagebuilder_layout #content-area,.single-post.et_pb_pagebuilder_layout #left-area{width:100%;float:none;padding:0;margin:0;}
.single-post.et_pb_pagebuilder_layout article.et_pb_post{margin:0;padding:0;}
/* WATA job and internship posts: scoped by body classes set in functions.php (wata-jobpost on every post in the Jobs / Internships categories, in all languages;
   wata-jobpost--job for jobs, wata-jobpost--internship for internships), so new posts need no CSS. */
.wata-jobpost .et_pb_group{row-gap:0 !important;}
.wata-jobpost .et_pb_text p{padding-bottom:0 !important;}
.wata-jobpost .et_pb_image{margin-bottom:0 !important;}
.wata-jobpost .wata-sa-dot{position:relative;padding-left:18px !important;}
.wata-jobpost .wata-sa-dot::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#004265;}
.wata-jobpost .wata-sa-dot-t{padding-left:14px !important;}
.wata-jobpost .wata-sa-pl14{padding-left:14px !important;}
.wata-jobpost .wata-sa-gal img{display:block;width:100%;aspect-ratio:376/282;object-fit:cover;}
.wata-jobpost .wata-sa-offer{height:100%;}
@media(max-width:1199px){.wata-jobpost #proceso .et_pb_column:first-child > .et_pb_text:first-child{display:none;}}
.wata-jobpost #proceso .et_pb_column:first-child > .et_pb_text:first-child{top:56px !important;}
/* jobs only */
.wata-jobpost--job .wata-form-sa .wpcf7 .wata-consent label{font-size:13px;line-height:20.28px;}
.wata-jobpost--job .wata-form-sa input.wata-submit{padding-right:52px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16667 10H15.8333M10 4.16667L15.8333 10L10 15.8333' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(90deg,#BD1C3C,#004165);background-repeat:no-repeat;background-position:right 20px center,0 0;background-size:20px 20px,100% 100%;}
@media(max-width:767px){.wata-jobpost--job .wata-sa-dot br{display:none;}}
@media(min-width:1100px){.wata-jobpost--job #perfil .et_pb_row:first-child .et_pb_text p{white-space:nowrap;}}
/* internships only */
.wata-jobpost--internship .wata-sa-offer .et_pb_heading h3{white-space:nowrap;}
@media(max-width:980px){.wata-jobpost--internship .wata-sa-offer .et_pb_heading h3{white-space:normal;}}
.wata-jobpost--internship .wata-form-op .wpcf7 .wata-actions{margin-top:28px;}





/* WATA global section Asi es WATA Factory (used by all job and internship posts) */
#espacios .et_pb_text p{padding-bottom:0 !important;}
#espacios .et_pb_image{margin-bottom:0 !important;}
#espacios .wata-sa-gal img{display:block;width:100%;aspect-ratio:376/282;object-fit:cover;}

/* WATA language switcher (2026-10-12) */
.wata-lang{display:flex;align-items:center;gap:6px;margin:0;font-family:Jost,sans-serif;font-size:13px;font-weight:500;line-height:1;letter-spacing:.975px;text-transform:uppercase}
.wata-lang__item{display:inline-block;padding:10px 4px;color:#747474;text-decoration:none}
.wata-lang__item.is-active{color:#004265;font-weight:700}
.wata-lang a.wata-lang__item:hover,.wata-lang a.wata-lang__item:focus-visible{color:#004265}
.wata-lang__sep{color:#e6e6e6}

/* WATA header: the language switcher sits left of the CTA button in the right header column and overlaps the menu column, whose white background (z-index 5) used to hide the ES link. Lift the switcher column above it. */
.et-l--header .et_pb_column:has(.wata-lang){z-index:6 !important;}
/* Desktop: switcher and CTA button in one row, switcher always 28px left of the button whatever the button text width (ES/EN/DE). */
@media (min-width:981px){
.et-l--header .et_pb_column:has(.wata-lang){display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;justify-content:flex-end !important;align-items:center !important;column-gap:28px;}
.et-l--header .et_pb_column:has(.wata-lang) .et_pb_text{position:static !important;width:auto !important;margin:0 !important;flex:0 0 auto;}
.et-l--header .et_pb_column:has(.wata-lang) .et_pb_button_module_wrapper{margin:0 !important;flex:0 0 auto;width:auto !important;}
}

/* ===== WATA post article template (header) 2026-10-15 ===== */
.wata-article .et_pb_post_content,
.wata-post-head { max-width: 896px; margin-left: auto; margin-right: auto; }
.wata-post-head { padding-top: clamp(32px, 8vw, 128px); color: #004265; }
.wata-post-head a { text-decoration: none; }
.wata-post-head__ico { flex: none; }
.wata-post-head__back { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; font-size: 16px; line-height: 1.2; color: #004265; }
.wata-post-head__back:hover span, .wata-post-head__back:focus-visible span { text-decoration: underline; }
.wata-post-head__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 32px; }
.wata-post-head__cat { display: inline-block; padding: 7px 16px; border-radius: 999px; background: rgba(0, 66, 101, .1); color: #004265; font-weight: 700; font-size: 16px; line-height: 15px; letter-spacing: 1.2px; text-transform: uppercase; }
.wata-post-head__time { font-size: 16px; line-height: 1.2; color: #6b6c6d; }
.wata-post-head h1.wata-post-head__title { margin: 32px 0 0; padding: 0; font-weight: 700; font-size: clamp(34px, 6vw, 64px); line-height: 1.08; letter-spacing: -.02em; color: #004265; }
.wata-post-head__lead { margin-top: 40px; font-weight: 500; font-size: clamp(17px, 2vw, 19px); line-height: 1.5; letter-spacing: .0125em; color: #5a5a5a; }
.wata-post-head__lead p { margin: 0 0 .75em; padding: 0; }
.wata-post-head__lead p:last-child { margin-bottom: 0; }
.wata-post-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 21px; margin-top: 48px; padding-bottom: 20px; border-bottom: 1px solid #ededea; }
.wata-post-head__metaitem { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; line-height: 1.2; color: #6b6c6d; }
.wata-post-head__share { display: inline-flex; align-items: center; gap: 10px; margin-left: auto; padding: 4px 0; border: 0; background: none; cursor: pointer; font: inherit; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: .075em; text-transform: uppercase; color: #004265; }
.wata-post-head__share:hover span, .wata-post-head__share:focus-visible span { text-decoration: underline; }
.wata-post-head__share:focus-visible, .wata-post-head__back:focus-visible { outline: 2px solid #004265; outline-offset: 3px; }
.wata-post-head__hero { margin: 56px 0 0; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); aspect-ratio: 16 / 9; }
.wata-post-head__hero .wata-post-head__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wata-article .wata-post-head + .et_pb_post_content, .wata-article .et_pb_post_content { padding-top: 0; }
.wata-article .et_pb_post_content { margin-top: clamp(48px, 7vw, 96px); }
@media (max-width: 600px) { .wata-post-head__hero { margin-top: 32px; border-radius: 12px; } .wata-post-head__lead, .wata-post-head__meta { margin-top: 28px; } }
/* WATA post article: links inside the text must not rely on colour only (WCAG 1.4.1) */
.wata-article .et_pb_post_content p a, .wata-article .et_pb_post_content li a, .wata-article .et_pb_post_content blockquote a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.wata-article .et_pb_post_content p a:hover, .wata-article .et_pb_post_content li a:hover, .wata-article .et_pb_post_content p a:focus-visible, .wata-article .et_pb_post_content li a:focus-visible { text-decoration-thickness: 2px; }

/* WATA post article: keep wide content (code blocks, tables, embeds) inside the column on small screens */
.wata-article .et_pb_post_content { width: 100%; box-sizing: border-box; min-width: 0; max-width: 896px; overflow-wrap: break-word; }
.wata-article .et_pb_post_content > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.wata-article .et_pb_post_content pre { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wata-article .et_pb_post_content table { display: block; max-width: 100%; overflow-x: auto; }
.wata-article .et_pb_post_content iframe, .wata-article .et_pb_post_content video { max-width: 100%; }

/* WATA news page: filter pills, load more, card text clamp */
a.et_pb_button.wata-news-pill:hover { background-color: #EDEDEA; }
body #page-container .et_pb_section a.et_pb_button.wata-news-pill.is-active, body #page-container .et_pb_section a.et_pb_button.wata-news-pill.is-active:hover, body #page-container .et_pb_section a.et_pb_button.wata-news-pill.is-active:focus { background-color: #004265 !important; color: #FFFFFF !important; border-color: #004265 !important; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.1); }
a.et_pb_button.wata-news-pill:focus-visible, .wata-news-more a:focus-visible, a.et_pb_button.wata-news-more:focus-visible { outline: 2px solid #004265; outline-offset: 3px; }
.wata-news-loop-grid .et_pb_heading + .et_pb_text .et_pb_text_inner, .wata-news-loop-grid .et_pb_heading .et_pb_module_header { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

/* WATA news search button: contrast fix (was #666 on #ddd = 4.22:1, now #004265 on #ddd) */
.et_pb_search.wata-news-search input.et_pb_searchsubmit { color: #004265; font-weight: 500; }


/* WATA sticky header vs Divi animations (2026-10-21)
   On pages with slide-in animations Divi adds inline overflow-x:hidden to body and overflow-y:hidden to #page-container.
   That turns body into its own scroll area: the sticky header scrolls away and never gets the smaller scrolled state.
   overflow-x: clip still hides elements sliding in from the side, but does not create a scroll area, so sticky keeps working. */
html, body { overflow-x: clip !important; }
body, #page-container { overflow-y: visible !important; }
#page-container { overflow-x: visible !important; }

/* WATA language switcher as WPML menu items at the end of the main menu (2026-10-27).
   Figma "1_ LANDING" > Navigation > language selector (node 5556:2489): Jost Medium 13px, letter-spacing .975px, uppercase,
   current language #004265, other languages #747474, separator dot #e6e6e6, 8px side padding per item, 4px gap. */
.et-l--header ul.et-menu > li.wpml-ls-menu-item,
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item{display:inline-flex;align-items:center;padding:0 !important;margin-top:8px;width:auto;border:0;}
.et-l--header ul.et-menu > li.wpml-ls-menu-item > a,
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item > a{display:block;width:auto;padding:3px 8px 11px !important;font-family:Jost,sans-serif !important;font-size:13px !important;font-weight:500 !important;line-height:19px !important;letter-spacing:.975px;text-transform:uppercase;color:#747474 !important;text-decoration:none;border:0 !important;}
.et-l--header ul.et-menu > li.wpml-ls-menu-item.wpml-ls-current-language > a,
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item.wpml-ls-current-language > a,
.et-l--header ul.et-menu > li.wpml-ls-menu-item > a:hover,
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item > a:hover,
.et-l--header ul.et-menu > li.wpml-ls-menu-item > a:focus-visible,
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item > a:focus-visible{color:#004265 !important;}
.et-l--header li.wpml-ls-menu-item:not(.wpml-ls-last-item)::after{content:"\00B7";content:"\00B7" / "";font-family:Jost,sans-serif;font-size:13px;font-weight:400;line-height:19px;color:#e6e6e6;margin:-8px 4px 0 0;}
.et-l--header ul.et-menu > li.wpml-ls-menu-item.wpml-ls-first-item{margin-left:13px;}
@media (max-width:980px){
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item{margin-top:0;}
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item.wpml-ls-first-item{margin-left:20px;}
.et-l--header ul.et_mobile_menu > li.wpml-ls-menu-item > a{padding:12px 8px !important;}
.et-l--header li.wpml-ls-menu-item:not(.wpml-ls-last-item)::after{margin-top:0;}
}
/* Mobile menu (2026-10-27): scrolls inside the screen instead of running off it; submenus closed by default (see wata-a11y.js). */
@media (max-width:980px){
.et-l--header ul.et_mobile_menu{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:20px;}
body.admin-bar .et-l--header ul.et_mobile_menu{max-height:calc(100vh - 146px);max-height:calc(100dvh - 146px);}
html.wata-js .et-l--header ul.et_mobile_menu li.menu-item-has-children > ul.sub-menu{display:none !important;}
html.wata-js .et-l--header ul.et_mobile_menu li.menu-item-has-children.wata-open > ul.sub-menu{display:block !important;}
html.wata-js .et-l--header ul.et_mobile_menu li.menu-item-has-children > a::after{content:"";display:inline-block;width:7px;height:7px;margin:0 0 3px 10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);vertical-align:middle;transition:transform .2s;}
html.wata-js .et-l--header ul.et_mobile_menu li.menu-item-has-children.wata-open > a::after{transform:rotate(-135deg) translate(-2px,-2px);}
}
@media (max-width:980px) and (prefers-reduced-motion:reduce){html.wata-js .et-l--header ul.et_mobile_menu li.menu-item-has-children > a::after{transition:none;}}

/* Header CTA: short label below 390px so the button never overlaps the logo. */
.et-l--header .wata-cta-short{display:none;}
@media (max-width:389px){
.et-l--header .wata-cta-long{display:none;}
.et-l--header .wata-cta-short{display:inline;}
}

/* WATA slider (2026-11-03, WATWEB-471): arrows only on hover/focus/tap; full photos on phones */
.et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-prev,
.et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-next { opacity: 0 !important; pointer-events: none; transition: opacity .25s ease; }
@media (hover: hover) {
  .et_pb_slider:hover .et-pb-slider-arrows a.et-pb-arrow-prev,
  .et_pb_slider:hover .et-pb-slider-arrows a.et-pb-arrow-next { opacity: 1 !important; pointer-events: auto; }
}
.et_pb_slider:has(:focus-visible) .et-pb-slider-arrows a.et-pb-arrow-prev,
.et_pb_slider:has(:focus-visible) .et-pb-slider-arrows a.et-pb-arrow-next,
.et_pb_slider.wata-slider-active .et-pb-slider-arrows a.et-pb-arrow-prev,
.et_pb_slider.wata-slider-active .et-pb-slider-arrows a.et-pb-arrow-next { opacity: 1 !important; pointer-events: auto; }
@media (max-width: 767px) {
  .et_pb_slider { min-height: 0 !important; height: auto !important; aspect-ratio: 3 / 2; }
  .et_pb_slider .et_pb_slides,
  .et_pb_slider .et_pb_slide { min-height: 0 !important; height: 100% !important; }
}

/* WATA active menu item (2026-11-03, WATWEB-472): bolder text + small blue bar below the current page (desktop top level) */
.et-l--header .et_pb_menu__menu .et-menu > li.current-menu-item > a,
.et-l--header .et_pb_menu__menu .et-menu > li.current-menu-ancestor > a,
.et-l--header .et_mobile_menu > li.current-menu-item > a,
.et-l--header .et_mobile_menu > li.current-menu-ancestor > a { -webkit-text-stroke: .6px currentColor; }
.et-l--header .et_pb_menu__menu .et-menu > li.current-menu-item > a,
.et-l--header .et_pb_menu__menu .et-menu > li.current-menu-ancestor > a { position: relative; }
.et-l--header .et_pb_menu__menu .et-menu > li.current-menu-item > a::before,
.et-l--header .et_pb_menu__menu .et-menu > li.current-menu-ancestor > a::before { content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -14px; width: 20px; height: 4px; background: #004265; pointer-events: none; }

/* WATA tile titles wrap (2026-11-04): long tile titles (e.g. DE internship 'Tutor/Tutorin ab dem ersten Tag') wrap instead of overflowing the card */
.wata-jobpost .et_pb_group .et_pb_heading { min-width: 0; }
.wata-jobpost .et_pb_group .et_pb_heading .et_pb_module_header { white-space: normal !important; }

/* WATA tablet grids (2026-11-04): on 768-980px the 3-column tile and photo rows broke into 2+1 with gaps. Tiles now flow in 2 columns (last one centred), photos stay 3 per row. Desktop (>=981px) and phone (<768px) unchanged. */
@media (min-width: 768px) and (max-width: 980px) {
  .wata-jobpost .et_pb_section:has(.wata-sa-offer) { flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 24px; }
  .wata-jobpost .et_pb_section:has(.wata-sa-offer) > .et_pb_row:not(:has(.wata-sa-offer)) { flex: 0 0 100%; margin-bottom: 32px; }
  .wata-jobpost .et_pb_section:has(.wata-sa-offer) > .et_pb_row:has(.wata-sa-offer) { display: contents; }
  .wata-jobpost .et_pb_section:has(.wata-sa-offer) > .et_pb_row:has(.wata-sa-offer) > .et_pb_column { flex: 0 0 calc(50% - 12px); width: calc(50% - 12px) !important; max-width: calc(50% - 12px); margin: 0; }
  .wata-jobpost .et_pb_row:has(.wata-sa-gal) > .et_pb_column { flex: 0 0 calc((100% - 24px) / 3); width: calc((100% - 24px) / 3) !important; max-width: calc((100% - 24px) / 3); }
}

/* WATA careers cards tablet landscape (2026-11-04): 'Warum bei WATA Factory arbeiten' cards had a fixed width of 302px, so on 981-1399px (iPad landscape) they wrapped 3+1 and misaligned. Now 4 equal cards per row. */
@media (min-width: 981px) and (max-width: 1399px) {
  .wata-page--trabaja-con-nosotros .et_pb_row_4col { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 24px; }
  .wata-page--trabaja-con-nosotros .et_pb_row_4col > .et_pb_column { float: none; flex: 1 1 0; min-width: 0; width: auto !important; margin: 0 !important; display: flex; flex-direction: column; }
  .wata-page--trabaja-con-nosotros .et_pb_row_4col > .et_pb_column > * { flex: 1 1 auto; }
  .wata-page--trabaja-con-nosotros .et_pb_row_4col :is(h2, h3, h4) { overflow-wrap: anywhere; hyphens: auto; }
}

/* WATA side padding 13-inch iPad (2026-11-04): from 981px up Divi drops the section side padding, so on 981-1399px (iPad 13 upright, iPad 11 landscape) content, CTA and footer touched the screen edge. Sections without any side padding now get 32px (zero specificity, so sections with their own padding keep it). */
@media (min-width: 981px) and (max-width: 1399px) {
  :where(.et_pb_section):not([class*="_tb_header"]) { padding-left: 32px; padding-right: 32px; }
}

/* Home: "Established technology" tiles - 2 columns on tablet */
@media (min-width: 768px) and (max-width: 980px) {
  #consolidada.et_pb_section { flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 24px; }
  #consolidada > .et_pb_row:not(.et_pb_row_14):not(.et_pb_row_15):not(.et_pb_row_16) { flex: 0 0 100%; margin-bottom: 32px; }
  #consolidada > .et_pb_row_14, #consolidada > .et_pb_row_15, #consolidada > .et_pb_row_16 { display: contents; }
  #consolidada > .et_pb_row_14 > .et_pb_column, #consolidada > .et_pb_row_15 > .et_pb_column, #consolidada > .et_pb_row_16 > .et_pb_column { flex: 0 0 calc(50% - 12px); width: calc(50% - 12px) !important; max-width: calc(50% - 12px); margin: 0; }
}

/* Home: "Established technology" last row (3 tiles) same width as the 4-column rows above */
@media (min-width: 981px) {
  #consolidada > .et_pb_row_16 > .et_pb_column { flex: 0 0 calc((100% - 48px) / 4); width: calc((100% - 48px) / 4) !important; max-width: calc((100% - 48px) / 4); }
}

/* Process section (#proceso): 4 steps side by side - titles share one row height so descriptions start at the same position */
@media (min-width: 981px) {
  #proceso .et_pb_row:has(> .et_pb_column:nth-child(4)) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 16px; row-gap: 0; }
  #proceso .et_pb_row:has(> .et_pb_column:nth-child(4)) > .et_pb_column { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; justify-items: center; align-items: start; width: auto !important; max-width: none; margin: 0 !important; }
}