/* Conecta IA: capa privada/reversible. */
body.ia-conecta-brand:is(#taula-suport thead th),body.ia-conecta-brand :is(#taula-suport thead th){background-color:#284F39!important}
body.ia-conecta-brand:is(span.badge),body.ia-conecta-brand :is(span.badge){background-color:#CE0BA5!important}
body.ia-conecta-brand:is(.boto-ajuda),body.ia-conecta-brand :is(.boto-ajuda){border-top-color:#CE0BA5!important;border-right-color:#CE0BA5!important;border-bottom-color:#CE0BA5!important;border-left-color:#CE0BA5!important}
body.ia-conecta-brand:is(.que-es-sophia),body.ia-conecta-brand :is(.que-es-sophia){background-color:#CE0BA5!important}
body.ia-conecta-brand:is(#programes-informatics #custom-suport .graella-fotos .foto-sense-overlay .overlay .boto),body.ia-conecta-brand :is(#programes-informatics #custom-suport .graella-fotos .foto-sense-overlay .overlay .boto){background-color:#CE0BA5!important}
body.ia-conecta-brand:is(.et_pb_blurb_0.et_pb_blurb .et_pb_module_header, .et_pb_blurb_0.et_pb_blurb .et_pb_module_header a),body.ia-conecta-brand :is(.et_pb_blurb_0.et_pb_blurb .et_pb_module_header, .et_pb_blurb_0.et_pb_blurb .et_pb_module_header a){color:#284F39!important}
body.ia-conecta-brand:is(.et_pb_blurb_1.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1.et_pb_blurb .et_pb_module_header a),body.ia-conecta-brand :is(.et_pb_blurb_1.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1.et_pb_blurb .et_pb_module_header a){color:#284F39!important}
body.ia-conecta-brand:is(.et_pb_blurb_2.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2.et_pb_blurb .et_pb_module_header a),body.ia-conecta-brand :is(.et_pb_blurb_2.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2.et_pb_blurb .et_pb_module_header a){color:#284F39!important}
body.ia-conecta-brand:is(body #page-container .et_pb_section .et_pb_button_0, body #page-container .et_pb_section .et_pb_button_1),body.ia-conecta-brand :is(body #page-container .et_pb_section .et_pb_button_0, body #page-container .et_pb_section .et_pb_button_1){background-color:#284F39!important}
body.ia-conecta-brand:is(#navegacio-universal),body.ia-conecta-brand :is(#navegacio-universal){background-color:#284F39!important}
body.ia-conecta-brand:is(#navegacio-universal),body.ia-conecta-brand :is(#navegacio-universal){background-color:#284F39!important}
/* Conecta+ / Conecta IA - capa reversible v1.0.2, 2026-10-26.
   Se aplica solo con body.ia-conecta-brand. Conserva maquetacion e iconos.
   Paleta Quick Guide v0.1: lima #C4F21D, magenta #CE0BA5, verde #284F39.
   Verde oscuro para texto y lima para superficies: contraste legible. */
body.ia-conecta-brand {
  --conecta-lima: #C4F21D;
  --conecta-magenta: #CE0BA5;
  --conecta-magenta-75: #DA48BC; /* 75% magenta + 25% blanco, opaco */
  --conecta-verde: #284F39;
  --color-primari: #284F39;
  --color-secundari: #284F39;
  --color-terciari: #CE0BA5;
  --color-botons: #284F39;
  --color-link-mobile-menu: #FFFFFF;
  --color-text-mobile-menu: #FFFFFF;
  --background-color-foto-amb-overlay: rgba(40,79,57,.85);
  font-family: 'Montserrat', Arial, sans-serif !important;
}
body.ia-conecta-brand #page-container :is(h1,h2,h3,h4,h5,h6,p,a,li,label,input,textarea,select,button),
body.ia-conecta-brand :is(.navegacio-universal,#navegacio-universal),
body.ia-conecta-brand #ohSophia h2,
body.ia-conecta-brand #moltes-gracies.sophia h4.et_pb_module_header,
body.ia-conecta-brand #que-fem-escoles.graella-moduls-grisa h3,
body.ia-conecta-brand #que-fem-escoles.graella-moduls-grisa h3.et_pb_module_header a {
  font-family: 'Montserrat', Arial, sans-serif !important;
}
body.ia-conecta-brand #page-container :is(h1,h2,h3,h4,h5,h6) {
  font-weight: 700;
}
/* Menus y cabecera. */
body.ia-conecta-brand :is(#top-header,#et-secondary-nav li ul,#top-menu li ul,.et_mobile_menu,
  #mobile-top-header,#mobile-menu .primary-menu-no-cta,#mobile-menu .btn-tancar,
  .navegacio-universal,#navegacio-universal) {
  background-color: var(--conecta-verde) !important;
}
body.ia-conecta-brand :is(#top-header,#et-secondary-nav li ul,#top-menu li ul,.et_mobile_menu,
  #mobile-top-header,#mobile-menu .primary-menu-no-cta,.navegacio-universal,#navegacio-universal) a {
  color: #fff !important;
}
body.ia-conecta-brand :is(#link-coneix-fundesplai,#mobile-menu .link-coneix-fundesplai) {
  background-color: var(--conecta-lima) !important;
  color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #top-menu :is(li.current-menu-item,li.current-menu-ancestor) > a,
body.ia-conecta-brand #top-menu > li > a:hover {
  color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #top-menu li ul { border-color: var(--conecta-lima) !important; }
/* Revision de diseno: solo los desplegables del menu principal. */
body.ia-conecta-brand #page-container #top-menu li ul {
  background-color: var(--conecta-magenta-75) !important;
  border-color: var(--conecta-magenta-75) !important;
}
body.ia-conecta-brand #page-container #top-menu li ul a {
  color: #1a1a1a !important;
}
body.ia-conecta-brand #top-menu > li > a { text-decoration: none !important; }
body.ia-conecta-brand #page-container #top-header #et-secondary-nav > li > a {
  color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #main-header .logo_container {
  top: 0 !important; height: 100% !important;
  display: flex !important; align-items: center; justify-content: center;
}
body.ia-conecta-brand #main-header .logo_container .logo_helper { display: none; }
body.ia-conecta-brand #main-header .logo_container > a { display: block; width: 100%; }
body.ia-conecta-brand #main-header .logo_container img#logo {
  width: 240px !important; height: auto !important; max-height: 90px !important;
  object-fit: contain; max-width: 80%;
}
body.ia-conecta-brand #main-header.reduit .logo_container img#logo { width: 210px !important; }
body.ia-conecta-brand #mobile-top-header img#logo {
  width: 190px !important; height: auto !important; max-width: 65%; object-fit: contain;
}
/* Enlaces de contenido: no cambiar texto blanco sobre fotos ni redes sociales. */
body.ia-conecta-brand #main-content :is(.et_pb_text a,.post-meta a,.entry-title a,
  .recurso-caracteristiques a,.tsfe-paginacio a) {
  color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #main-content .et_pb_text a:hover { text-decoration: underline; }
body.ia-conecta-brand #page-container #main-content :is(.et_pb_bg_layout_dark,.et_pb_text_light) a:not(.et_pb_button) {
  color: #fff !important;
}
/* Botones: lima con texto oscuro; magenta en bordes y detalles. */
body.ia-conecta-brand #page-container :is(.et_pb_button,a.et_pb_more_button,
  .gform_wrapper .gform_button,.gform_wrapper input[type=submit],.gform_wrapper button[type=submit],
  .graella-distribuidora-boto) {
  background-color: var(--conecta-lima) !important;
  background-image: none !important;
  border-color: var(--conecta-lima) !important;
  color: var(--conecta-verde) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
body.ia-conecta-brand #page-container :is(.et_pb_button,a.et_pb_more_button,
  .gform_wrapper .gform_button,.gform_wrapper input[type=submit],.gform_wrapper button[type=submit]):hover {
  background-color: var(--conecta-verde) !important;
  border-color: var(--conecta-verde) !important;
  color: #fff !important;
}
body.ia-conecta-brand #page-container .et_pb_button::after,
body.ia-conecta-brand #page-container a.et_pb_more_button::after { color: inherit !important; }
body.ia-conecta-brand #page-container .boto-ajuda { border-color: var(--conecta-magenta) !important; }
body.ia-conecta-brand #page-container :is(.que-es-sophia,#taula-suport thead th) {
  background: var(--conecta-verde) !important; color: #fff !important;
}
body.ia-conecta-brand #page-container span.badge {
  background: var(--conecta-lima) !important; color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #page-container :is(#destacados_precios .et_pb_column_2,
  #destacados_precios .et_pb_column_3,#programes-informatics,#programes-informatics .et_pb_row) {
  background-color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #page-container .graella-moduls-grisa .et_pb_row .et_pb_blurb.et_clickable:is(:hover,:focus) {
  background-color: var(--conecta-verde) !important; color: #fff !important;
}
body.ia-conecta-brand #page-container .graella-moduls-grisa .et_pb_row .et_pb_blurb.et_clickable:is(:hover,:focus) :is(h3,h4,a,p) {
  color: #fff !important;
}
body.ia-conecta-brand #page-container .et_pb_social_media_follow li a.icon {
  background-color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #page-container .et_pb_social_media_follow li a.icon:hover {
  background-color: var(--conecta-magenta) !important;
}
body.ia-conecta-brand .et-pb-controllers .et-pb-active-control {
  background-color: var(--conecta-lima) !important;
}
body.ia-conecta-brand #main-footer { background-color: var(--conecta-verde) !important; }
body.ia-conecta-brand #main-footer #footer-widgets :is(a,p,h4,.footer-widget) { color: #fff !important; }
body.ia-conecta-brand #main-footer :is(#et-footer-nav,#footer-bottom) :is(a,p,li) { color: var(--conecta-verde) !important; }
/* Variante blanca solicitada para el pie: conserva el alfa del PNG oficial.
   Solo cambia su presentacion CSS; el archivo y el logo de cabecera mantienen color. */
body.ia-conecta-brand #main-footer .conecta-footer-logo,
body.ia-conecta-brand #main-footer img[src*="logo-FE_horizontal-RGB_BLANCO_TRANSP"] {
  background: transparent !important; padding: 0 !important; box-sizing: border-box;
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
}
body.ia-conecta-brand #page-container .et_pb_text_inner > h2,
body.ia-conecta-brand #top-menu > li:is(.current-menu-item,.current-menu-ancestor,:hover) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='8' viewBox='0 0 100 8'%3E%3Cpath d='M2 5Q50 1 98 3' fill='none' stroke='%23CE0BA5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
body.ia-conecta-brand #top-menu > li:is(.current-menu-item,.current-menu-ancestor,:hover) {
  background-repeat: no-repeat !important;
  background-size: 84px 7px !important;
  background-position: center calc(100% - 5px) !important;
}
/* El panel de la pinya contiene una zona blanca y un pie oscuro. */
body.ia-conecta-brand #navegacio-universal #navegacio-universal-sites {
  background-color: #fff !important;
}
body.ia-conecta-brand #navegacio-universal a { font-family: 'Montserrat', Arial, sans-serif !important; }
body.ia-conecta-brand #navegacio-universal #navegacio-universal-sites > ul {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 32px;
}
body.ia-conecta-brand #navegacio-universal #navegacio-universal-sites > ul > li {
  margin: 0 !important; padding: 0 !important;
}
body.ia-conecta-brand #navegacio-universal #navegacio-universal-sites > ul > li > a {
  color: var(--conecta-verde) !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='8' viewBox='0 0 100 8'%3E%3Cpath d='M2 5Q50 1 98 3' fill='none' stroke='%23CE0BA5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 84px 7px !important;
  background-position: center bottom !important;
}
body.ia-conecta-brand #navegacio-universal #navegacio-universal-sites > #navegacio-universal-link-fundesplai,
body.ia-conecta-brand #navegacio-universal #navegacio-universal-tancar {
  background-color: var(--conecta-lima) !important;
  color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #navegacio-universal #navegacio-universal-footer {
  background-color: var(--conecta-verde) !important;
}
body.ia-conecta-brand #navegacio-universal #navegacio-universal-footer :is(a,h3) {
  color: #fff !important; font-family: 'Montserrat', Arial, sans-serif !important;
}
@media (max-width: 980px) {
  body.ia-conecta-brand #mobile-main-header {
    text-align: center; padding: 18px 20px; height: auto !important;
    min-height: 80px; box-sizing: border-box;
  }
  body.ia-conecta-brand #mobile-main-header img#logo {
    width: 230px !important; height: auto !important; max-width: 100% !important;
    max-height: none !important; object-fit: contain;
  }
}
@media (max-width: 767px) {
  body.ia-conecta-brand #page-container #main-content .et_pb_text :is(h1,h2) {
    font-size: 28px !important; line-height: 1.3 !important;
    overflow-wrap: normal; word-break: normal;
  }
}
body.ia-conecta-brand #page-container :is(a,button,input,select,textarea):focus-visible {
  outline: 3px solid var(--conecta-magenta) !important; outline-offset: 4px;
}
/* Consentimiento: mismos estados y comportamiento, con los acentos de marca. */
body.ia-conecta-brand :is(.cky-consent-container,.cky-modal,.cky-preference-center) {
  font-family: 'Montserrat', Arial, sans-serif !important;
}
body.ia-conecta-brand :is(.cky-btn-accept,.cky-btn-preferences,.cky-btn-revisit) {
  background-color: var(--conecta-verde) !important;
  border-color: var(--conecta-verde) !important; color: #fff !important;
}
body.ia-conecta-brand :is(.cky-btn-reject,.cky-btn-customize) {
  border-color: var(--conecta-verde) !important; color: var(--conecta-verde) !important;
}
body.ia-conecta-brand .cky-revisit-bottom-left { background-color: var(--conecta-verde) !important; }
/* El placeholder de video hereda line-height:0 del contenedor responsive. */
body.ia-conecta-brand #page-container .video-placeholder-text-youtube {
  line-height: 1.4 !important; height: auto !important;
  padding: 12px 16px !important; box-sizing: border-box;
  white-space: normal !important;
}
@media (max-width: 480px) {
  body.ia-conecta-brand #page-container .et_pb_button { white-space: normal; }
  body.ia-conecta-brand #main-footer .conecta-footer-logo { max-width: calc(100% - 32px); }
}

/* Ajustes propios de la plantilla clasica de Conecta IA. */
body.ia-conecta-brand #page-container #main-header { background:#fff !important; }
body.ia-conecta-brand #main-header .logo_container { justify-content:flex-start; top:40px !important; height:calc(100% - 40px) !important; }
body.ia-conecta-brand #main-header .logo_container img#logo { width:220px !important; max-width:100%; max-height:90px !important; }
body.ia-conecta-brand #page-container #top-menu > li > a { color:#284F39 !important; }
body.ia-conecta-brand #page-container :is(#top-header,#mobile-top-header) { background:#fff !important; }
body.ia-conecta-brand.et_secondary_nav_enabled #page-container #top-header { background:#fff !important; }
body.ia-conecta-brand #page-container :is(#top-header,#mobile-top-header) a { color:#284F39 !important; }
body.ia-conecta-brand #page-container :is(.et_mobile_menu,#mobile-menu .primary-menu-no-cta) { background:#DA48BC !important; border-color:#DA48BC !important; }
body.ia-conecta-brand #page-container :is(.et_mobile_menu,#mobile-menu .primary-menu-no-cta) a { color:#1a1a1a !important; }
body.ia-conecta-brand #page-container #mobile-menu .primary-menu-no-cta .sub-menu { background:#DA48BC !important; }
body.ia-conecta-brand #mobile-menu > div.menu { display:none !important; }
body.ia-conecta-brand #main-footer img.ia-conecta-footer-logo { width:220px !important; height:auto !important; filter:brightness(0) invert(1); background:transparent !important; }
body.ia-conecta-brand #page-container #footer-bottom { background:#e3e3e3 !important; }
body.ia-conecta-brand #page-container #main-content .seccio-som-fundesplai { background-image:none !important; }
body.ia-conecta-brand #page-container #main-content :is(.et_pb_button,a.et_pb_more_button,.gform_wrapper input[type=submit],.gform_wrapper button[type=submit]) {
 background:#C4F21D !important; border-color:#C4F21D !important; color:#284F39 !important;
}
body.ia-conecta-brand #page-container #main-content :is(.et_pb_button,a.et_pb_more_button,.gform_wrapper input[type=submit],.gform_wrapper button[type=submit]):hover {
 background:#284F39 !important; border-color:#284F39 !important; color:#fff !important;
}
body.ia-conecta-brand #page-container .et_pb_blurb .et-pb-icon { color:#CE0BA5 !important; }
body.ia-conecta-brand #page-container :is(.et_pb_slider,.et_pb_bg_layout_dark,.et_pb_text_light) :is(.et_pb_slide_title,.et_pb_slide_title a,.et_pb_slide_content p) { color:#fff !important; }
body.ia-conecta-brand #page-container :is(.et_pb_text_inner,.et_pb_blurb_description) { font-family:'Montserrat',Arial,sans-serif !important; }
body.ia-conecta-brand :is(.cky-btn-accept,.cky-btn-customize,.cky-btn-reject) { font-family:'Montserrat',Arial,sans-serif !important; }
body.ia-conecta-brand .cky-btn-accept { background:#284F39 !important; border-color:#284F39 !important; color:white !important; }
body.ia-conecta-brand :is(.cky-btn-customize,.cky-btn-reject) { color:#284F39 !important; border-color:#284F39 !important; }
body.ia-conecta-brand .cky-revisit-bottom-left { background:#284F39 !important; }
body.ia-conecta-brand #page-container :is(a,input,button,textarea,select):focus-visible { outline:3px solid #CE0BA5;outline-offset:3px; }
@media(max-width:980px) {
 body.home.ia-conecta-brand #page-container #main-content .et_pb_blurb { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box; }
 body.home.ia-conecta-brand #page-container #main-content .et_pb_blurb_content { width:auto !important; max-width:100% !important; }
 body.ia-conecta-brand #page-container #main-content .et_pb_slider .et_pb_slide_title { font-size:34px !important; line-height:1.2 !important; word-break:normal !important; overflow-wrap:normal !important; }
 body.ia-conecta-brand #mobile-main-header img#logo { width:190px !important; height:auto !important; max-height:100px !important; }
 body.ia-conecta-brand #page-container #main-header #logo { width:190px !important; height:auto !important; max-height:100px !important; }
 body.ia-conecta-brand #page-container :is(h1,h2.et_pb_module_header) { overflow-wrap:break-word; }
}

/* Cabecera con el logo oficial horizontal, sin rotulacion adicional. */
body.ia-conecta-brand #main-header .logo_container { justify-content:center; }
body.ia-conecta-brand #main-header .logo_container img#logo { width:240px !important; max-height:75px !important; }
body.ia-conecta-brand #main-header.reduit .logo_container img#logo { width:220px !important; }
body.ia-conecta-brand #page-container .seccio-som-fundesplai { background:#284F39 !important; background-image:none !important; }
body.ia-conecta-brand #page-container .seccio-som-fundesplai :is(h2,p,strong) { color:#fff !important; }
body.ia-conecta-brand .seccio-som-fundesplai .ia-conecta-footer-logo { width:280px !important; max-width:100% !important; height:auto !important; filter:brightness(0) invert(1); }
body.ia-conecta-brand .seccio-som-fundesplai .et_pb_row { align-items:center; }
body.ia-conecta-brand #page-container .seccio-som-fundesplai .et_pb_row { padding-top:35px !important; padding-bottom:35px !important; }
body.ia-conecta-brand #page-container .seccio-som-fundesplai .et_pb_column_1_3 { display:block !important; float:none !important; width:100% !important; margin:0 0 24px !important; text-align:center; }
body.ia-conecta-brand #page-container .seccio-som-fundesplai .et_pb_column_2_3 { float:none !important; width:100% !important; }
body.ia-conecta-brand #page-container #main-content .et_pb_slider :is(.et_pb_slide_title,.et_pb_slide_title a) { font-weight:700 !important; }
body.ia-conecta-brand #page-container .curso__title__tematica { opacity:1 !important; color:#fff !important; }
body.ia-conecta-brand #page-container .curso__title__title {
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='8' viewBox='0 0 100 8'%3E%3Cpath d='M2 5Q50 1 98 3' fill='none' stroke='%23CE0BA5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
@media(min-width:981px) { body.ia-conecta-brand #breadcrumbs { transform:translateY(12px); } }
@media(max-width:980px) {
 body.ia-conecta-brand #mobile-main-header img#logo { width:260px !important; max-height:75px !important; }
 body.ia-conecta-brand .seccio-som-fundesplai .et_pb_column_1_3 { text-align:center; }
 body.ia-conecta-brand .seccio-som-fundesplai .ia-conecta-footer-logo { margin:10px auto 24px; }
}