/*
Theme Name: Zephyr Child
Template: Zephyr
Version: 1.0
Author:	UpSolution
Theme URI: http://zephyr.us-themes.com/
Author URI: http://us-themes.com/
*/

/*MENU:*/
#page-header .l-subheader.at_middle {
    background: transparent !important;
	box-shadow: none;
}

#page-header .l-subheader-cell.at_center nav.w-nav {
    background: #FF6900;
    border-radius: 60px;
}

#page-header .l-subheader-cell.at_center nav.w-nav a.w-nav-control:hover {
    color: #ffffff !important;
    opacity: 0.7;
}

#page-header .l-subheader-cell.at_center nav.w-nav a.w-nav-control span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 35px;
    padding-left: 10px;
}

#page-header .l-subheader-cell.at_center nav.w-nav .w-nav-icon.style_hamburger_6>div:after {
    width: 50%;
    transition: inherit;
}

#page-header .l-subheader-cell.at_center nav.w-nav .w-nav-icon.style_hamburger_6>div:before {
    width: 75%;
    transition: inherit;
}

#page-header .l-subheader-cell.at_center nav.w-nav .w-nav-control.active .w-nav-icon.style_hamburger_6>div:before {
    width: 50%;
}

#page-header .l-subheader-cell.at_center li.current_page_item .w-nav-anchor.level_1,
#page-header .l-subheader-cell.at_center li.current_page_item .w-nav-anchor.level_2,
#page-header .l-subheader-cell.at_center li.current-menu-ancestor .w-nav-anchor.level_1,
#page-header .l-subheader-cell.at_center li.menu-item:hover > .w-nav-anchor {
    color: #ffffff;
    font-weight: 700;
}

#page-header .l-subheader-cell.at_center .w-nav-icon>div {
	border-radius: 0px;
}

#page-header .w-cart .w-cart-link {
	line-height: 1em;
}

/*HEADER:*/
#Hd.l-section.height_huge {
    padding-top: 20rem;
    padding-bottom: 20rem;
}

#innHd.l-section.height_huge {
    padding-top: 12rem;
    padding-bottom: 12rem;
}

#Hd.l-section.height_huge .l-section-img:after,
#innHd.l-section.height_huge .l-section-img:after  {
	content: '';
    background: linear-gradient(90deg, #FF6900 0%, #FFFFFF 40%);
    opacity: 0.8;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    mix-blend-mode: multiply;
}

#Hd .l-section-overlay,
#innHd .l-section-overlay,
#Agn .l-section-overlay{
	mix-blend-mode: multiply;
}

#Hd h1 {
    font-size: 90px;
}

#Hd h1,
#innHd h1 {
	color: #FF6900;
    mix-blend-mode: color-dodge;
}

body.home #Hd h4 {
	text-transform: initial !important;
}

#Hd h4 {
	text-transform: uppercase;
}

#Hd p,
#innHd p {
	font-size: 20px;
}

/*AFTER HEADER:*/
#AfHd {
    padding-top: 2px;
}

#AfHd .w-ibanner {
    background: #FF6900;
}
#AfHd .agencia .w-ibanner {
    background: #0399AD;
}
#AfHd .productora .w-ibanner {
    background: #1DAD7F;
}
#AfHd .estudis .w-ibanner {
    background: #FF245B;
}

#AfHd .w-ibanner-h .w-ibanner-content {
    padding: 4%;
    text-align: center;
    text-transform: uppercase;
    transition: 0.2s;
    color: #ffffff !important;
}

#AfHd .w-ibanner-h .w-ibanner-content .w-ibanner-title {
    text-transform: uppercase;
}

 #AfHd .w-ibanner:hover .w-ibanner-content {
    opacity: 0;
    transition: 0.2s;
}

#AfHd  .w-ibanner-h:after {
    content: '';
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/Logoiboix-escola.svg) no-repeat;
    width: 150px;
    height: 74px;
    display: block;
    position: absolute;
    left: calc(50% - 75px);
    top: calc(50% - 37px);
    opacity: 0;
    transition: 0.2s;
    background-size: cover;
}

#AfHd .agencia .w-ibanner-h:after { 
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/talent-logo.svg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 61px;
    left: calc(50% - 75px);
    top: calc(50% - 30.5px);
}

#AfHd .productora .w-ibanner-h:after { 
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/Iboiximpuls-logo.svg) no-repeat;
    background-size: cover;
    width: 210px;
    height: 47px;
    left: calc(50% - 105px);
    top: calc(50% - 23.5px);
}

#AfHd .estudis .w-ibanner-h:after { 
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/estudiibooix-icon.svg) no-repeat;
    background-size: cover;
    width: 220px;
    height: 47px;
    left: calc(50% - 110px);
    top: calc(50% - 23.5px);
}

#AfHd .w-ibanner:hover .w-ibanner-h:after {
    opacity: 1;
}

/*CARRUSEL:*/
.NRgt {
    padding-left: 5vmin;
}

.NRgt .w-grid {
    width: calc(100% + ((100vw - 100%) / 2));
    margin-right: calc(((100vw - 100%) / 2) * -1);
}

#Prtf .post_content {
    width: 60%;
}

#Prtf .post_content p {
    color: #ffffff;
}

#Prtf .usg_vwrapper_1 {
	align-items: center;
	justify-content: center;
}

#Prtf .w-grid.type_carousel .w-grid-item {
	padding: 0 !important;
}

#Prtf .usg_hwrapper_1 .Duracion_txt {
    background: #ffffff;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 12px;
    margin-bottom: 0;
}

#Prtf .usg_hwrapper_1 .Duracion_txt .w-post-elm-value {
    color: #FF6900;
    font-weight: bold;
}

#Prtf .usg_hwrapper_1 .w-btn {
    color: #ffffff !important;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 11px 21px;
}

#Prtf .usg_hwrapper_1 .w-btn i.fa-arrow-right {
    display: inline-flex;

}

#Prtf .usg_hwrapper_1 .w-btn i.fa-arrow-right:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/read_more.svg);
    width: 21px;
    height: 12px;
    content: '' !important;
    display: inline;
}

.owl-nav {
    top: 60px !important;
    left: -40px !important;
    flex-direction: column;
    grid-gap: 10px;
}

.owl-nav .owl-prev:after,
.owl-nav .owl-next:after {
    content: '' !important;
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/arrow_forward.svg) no-repeat;
    height: 18px;
    width: 18px;
    transition: 0.3s;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background: #FF6900 !important;
}

.owl-nav .owl-prev:after {
    transform: rotate(180deg);
}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled,
#Prtf .owl-nav .owl-prev.disabled,
#Prtf .owl-nav .owl-next.disabled {
    background: #EDEDED;
    background: #EDEDED;
    opacity: 1;
}

#Prtf .owl-nav .owl-prev.disabled,
#Prtf .owl-nav .owl-next.disabled  {
    opacity: 0.5 !important;
}

.owl-nav .owl-prev.disabled:after,
.owl-nav .owl-next.disabled:after {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/arrow_forwardhover.svg) no-repeat;
}

#Prtf .owl-dots {
	position: absolute;
	padding-top: 0;
	text-align: center;
	left: 0;
    right: 0;
    bottom: 4rem;
}

.owl-dots {
    text-align: left;
}

.owl-dots .owl-dot.active span {
    width: 50px;
    height: 12px;
    border-radius: 20px;
}

.owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: #ffffff;
    margin: 0px 4px;
    opacity: 0.5;
}

#Prtf .w-grid-item-h {
	position: relative;
}

#Prtf .w-grid-item-h:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #d5d5d5;
	mix-blend-mode: multiply;
}

#Prtf .owl-nav {
	top: -6% !important;
}

#Prtf .owl-nav button.owl-prev {
	top: 24px;
    right: 38%;
}

#Prtf .owl-nav button.owl-next {
	bottom: 24px;
    right: -38%;
}

#Prtf .owl-nav button {
	background: #FF6900;
}

/*PUERTAS ABIERTAS:*/
#PAbr,
#Prllx {
	padding-top: 25rem;
	padding-bottom: 0;
}

#PAbr .cols_2,
#PAbr .cols_1,
#Prllx .cols_1 {
    background: rgba(0, 0, 0, 0.8);
    padding: 45px 70px 20px;
    width: 90%;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    margin: 0 auto;
}

#PAbr .cols_2 {
	background: rgba(0, 0, 0, 1) !important;
}

#PAbr h6 strong {
	font-weight: 600;
	color: #FF6900;
}

#PAbr.No-Frm .cols_1 {
    width: 75%;
}
 
#PAbr.No-Frm .cols_1 > .cols_1 {
    width: 100%;
}

#PAbr.No-Frm .w-hwrapper {
    justify-content: center;
}

#PAbr.No-Frm li {
    color: #FF6900;
    font-weight: 600;
}

#PAbr.No-Frm li::marker {
  color: #ffffff;
}

.Frm .wpcf7 .hlf,
.Frm .wpcf7 .one {
    margin-bottom: 10px;
}

.Frm .wpcf7 .hlf p {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 10px;
}

.Frm .wpcf7 .hlf .wpcf7-form-control-wrap {
    margin-top: 0;
}

.Frm .wpcf7 .legal_sb {
    display: flex;
    margin-top: 20px;
    grid-gap: 10px
}

.Frm .wpcf7 .legal_sb .send input {
    padding: 0.6em 2.0em;
    width: 100%;
}

#Prllx.Frm .wpcf7 .legal_sb .send  {
    width: 300px;
}

#Prllx.Frm .wpcf7 .legal_sb {
    grid-gap: 70px !important;
}

#Prllx.Frm .wpcf7 .legal_sb a {
	text-decoration: underline;
}

.Frm .wpcf7 .legal_sb .legal {
    display: flex;
}

.Frm .wpcf7 .legal_sb .legal p {
    font-size: 10px;
    line-height: 1.6em;
    font-style: italic;
    grid-gap: 5px;
}

.Frm .wpcf7 .legal_sb .legal .wpcf7-form-control-wrap {
    margin-top: 0;
}

.Frm .wpcf7 .legal_sb .legal .wpcf7-form-control-wrap input {
    border-radius: 3px;
}

.Frm .wpcf7-spinner {
    display:  none;
}

.Frm  .wpcf7 .wpcf7-form-control-wrap{
  position: relative;
  display: block;
}

/* Select */
.Frm .wpcf7 .wpcf7-form-control-wrap{
  position: relative;
  display: block;
}

.Frm .wpcf7 select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Flecha custom */
.Frm  .wpcf7 .wpcf7-form-control-wrap:has(select)::after{
  content: "";
  position: absolute;
  width: 16px;
  height: 10px;
  background: url(https://escolaiboix.com/wp-content/uploads/2026/01/keyboard_arrow_down.svg) no-repeat;
  pointer-events: none; /* que no bloquee el click */
  opacity: 0.95;
  border: none;
}

.Frm .wpcf7 .wpcf7-not-valid-tip {
    font-size: 13px;
}

#Prllx .w-hwrapper .w-image {
    margin-right: 30px;
}

#Prllx .w-hwrapper h5 {
    font-weight: 500;
}

#Prllx .w-hwrapper h5 strong {
    font-weight: 600;
    color: #FF6900;
}

/*DOBLE:*/
.us-btn-style_2.icon_atleft {
    display: flex;
    align-items: center;
}

.us-btn-style_2.icon_atleft i.fa-arrow-right,
.us-btn-style_2.icon_atleft i.fa-user-circle,
.us-btn-style_2.icon_atleft i.fa-download {
    background: #FF6900;
    border: 1px solid #FF6900;
    padding: 10px;
    border-radius: 50px;
    height: 41px;
    width: 41px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    transition: 0.2s;
}

.us-btn-style_2.icon_atleft i.fa-arrow-right:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/read_more.svg) no-repeat;
    width: 21px;
    height: 12px;
    content: '' !important;
    display: inline;
    transition: 0.2s;
}

.us-btn-style_2.icon_atleft i.fa-user-circle:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/account_circle.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    content: '' !important;
    display: inline;
    transition: 0.2s;
}

.us-btn-style_2.icon_atleft i.fa-download:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/file_save-1.svg) no-repeat;
    width: 22px;
    height: 22px;
    background-size: cover;
    content: '' !important;
    display: inline;
    transition: 0.2s;
}

.us-btn-style_2.icon_atleft:hover i.fa-arrow-right,
.us-btn-style_2.icon_atleft:hover i.fa-user-circle,
.us-btn-style_2.icon_atleft:hover i.fa-download{
    background: #ffffff;
}

.us-btn-style_2.icon_atleft:hover i.fa-arrow-right:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/read_more-hover.svg) no-repeat;
}

.us-btn-style_2.icon_atleft:hover i.fa-user-circle:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/account_circle.hvr_.svg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}

.us-btn-style_2.icon_atleft:hover i.fa-download:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/file_savehover.svg) no-repeat;
}

.nfCl .w-tabs .w-tabs-section-header:hover,
.nfCl .w-tabs .w-tabs-section-header:focus {
    background-color: transparent !important;
}

.nfCl .w-tabs .w-tabs-section {
    background-color: #FBF8F4;
    margin-bottom: 20px;
}

.nfCl .w-tabs .w-tabs-section h6.w-tabs-section-title {
    font-weight: bold;
    text-transform: uppercase;
}

/*HALL OF FAME:*/
#Hllf.width_full .wpb_text_column,
#Prtf.width_full .wpb_text_column {
    padding-inline: 5vmin;
}

#Hllf  .w-filter-item {
    margin-bottom: 30px;
}

#Hllf .w-filter-item-content {
    padding: 15px;
}

#Hllf .w-filter-item-content .w-filter-item-value {
    flex-grow: inherit;
    padding: 0 10px;
}

#Hllf .w-filter-item-values {
	justify-content: center;
}

#Hllf .w-filter-item-content .w-filter-item-values label {
    color: #000000;
	font-weight: 500;
}

#Hllf .cols_3-1 .w-btn {
    padding: 1.0em 3em;
}

#Hllf .owl-dots {
	max-width: 1400px;
    padding-left: var(--padding-inline, 2.5rem);
    padding-right: var(--padding-inline, 2.5rem);
    margin: 0 auto;
}

#Hllf .owl-dots .owl-dot span,
#Tst .owl-dots .owl-dot span{
	background: #EDEDED;
}

#Hllf .owl-dots .owl-dot.active span,
#Tst .owl-dots .owl-dot.active span {
	background: #ff6900;
}

#Hllf .owl-nav button {
	background: #ff6900; 
}

#Hllf .owl-nav button.disabled {
	background: #EDEDED;
	opacity: 0.3;
} 

/*ACORDEON:*/
.Acr .w-tabs-section-control {
    height: auto;
    width: auto;
    padding: 7px 10px;
    background: #EEEBE8;
}

.Acr .w-tabs-section-control:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/wrap_text.svg) no-repeat;
    content: '' !important;
    width: 17px;
    height: 16px;
    border: none !important;
}

.Acr .w-tabs-section.active>.w-tabs-section-header .w-tabs-section-control {
    transform: none;
}

.Acr .w-tabs-section.active .w-tabs-section-control:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/chevron_line_up.svg);
    width: 13px;
    height: 12px;
}

.Acr .w-tabs-section-header.active h6 {
    color: #000000;
}

.Acr .w-tabs-sections .w-tabs-section-content {
    padding-top: 0 !important;
    padding-right: 70px !important;
}

/*FAQS:*/
#FaQ .w-tabs .w-tabs-section-header:hover,
#FaQ .w-tabs .w-tabs-section-header:focus {
    background-color: transparent !important;
}

#FaQ .w-tabs .w-tabs-section {
    background-color: #ffffff;
    margin-bottom: 20px;
}

/*FOTTER:*/
#Ftr h6 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
}

#Ftr p,
#Ftr ul li {
    font-size: 12px;
    line-height: 1.7em;
}

#Ftr p strong,
#Ftr .w-socials a.w-socials-item-link  {
    color: #FF6900;
}

/*PUNTOS CLAVES:*/
#KeyPoints .l-section-overlay {
    mix-blend-mode: multiply;
}

#KeyPoints .tarjeta-key h2 {
    color: #FF6900;
    font-size: 60px;
}

#KeyPoints .tarjeta-key h3 {
    color: #ffffff;
    text-transform: none;
    font-size: 26px;
    width: 290px;
}

#KeyPoints .header-estatico,
#KeyPoints .tarjeta-key {
	max-width: 75%;
	margin: 0 auto;
}

/*PORTES OBERTES:*/
#PAbr {
    overflow: hidden;
}

#PAbr.PApg {
    background: transparent !important;
    padding-top: 0 !important;
    margin-top: -400px;
}

#PAbr.PApg .wpcf7 .checkbox {
	margin-top: 15px;
}

#PAbr.PApg .wpcf7 .checkbox p { 
	    margin-bottom: 10px;
    line-height: 1em;
    font-size: 14px;
}

#PAbr.PApg .wpcf7 .checkbox .wpcf7-checkbox span.wpcf7-list-item {
	display: inline-block;
	margin-right: 10px;
}

#PAbr.PApg .wpcf7 .checkbox .wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 12px;
	line-height: 1.2em;
}

#PAbr.PApg .legal_sb a {
	text-decoration: underline;
}

#PAbr.PApg.Frm .wpcf7 .legal_sb .legal .wpcf7-form-control-wrap {
	display: inline-block;
}

.Dbl.PApg .nfCl {
    margin-top: -290px;
}

.Dbl .mgCl .Cta .wpb_text_column {
    padding: 15px 51.6px;
    background: rgba(255, 255, 255, 0.9);
	min-width: 231px;
}

.Dbl .mgCl .Cta .w-btn-wrapper {
    margin: 0;
    width: 100%;
}

.Dbl .mgCl .Cta button.w-popup-trigger {
    padding: 15px 15px 15px 45px;
}

.Dbl .mgCl .Cta .w-btn-wrapper .w-btn.us-btn-style_4{
    width: 100%;
}

.us-btn-style_4.icon_atright i.fa-play:before  {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/playvideo.svg) no-repeat;
    width: 14px;
    height: 17px;
    content: '' !important;
    transition: 0.2s;
    display: block;
    background-size: contain;
    margin-left: 5px;
}

/* LEER MÁS:*/ 
.Rdmr.w-tabs .w-tabs-section {
    background: transparent;
}

.Rdmr.w-tabs .w-tabs-section {
	border-width: 0px;
}

.Rdmr.w-tabs .w-tabs-section-content,
.Rdmr.w-tabs .w-tabs-section-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.Rdmr.w-tabs .w-tabs-section-header.active,
.Rdmr.w-tabs .w-tabs-section-header:focus,
.Rdmr.w-tabs .w-tabs-section-header:hover {
    background: transparent;
}

.Rdmr.w-tabs .w-tabs-section-header i.fa-stream:before  {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/llegir-icon.svg) no-repeat;
    width: 30px;
    height: 30px;
    content: '' !important;
    display: block;
    transition: 0.2s;
}

/*CONTACTE:*/
#CnInf p a {
    color: #FF6900;
    font-weight: 600;
}

#CnInf  .w-socials.style_colored .w-socials-item-link,
#CnInf  .w-socials.color_brand.style_colored .instagram .w-socials-item-link {
    background: #EFEBE6;
}

#CnInf .w-socials.style_colored .w-socials-item-link>i {
    color: #444444;
}

#Cnt .cols_1 {
    background: #EFEBE6;
    padding: 45px 70px;
    width: 90%;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    margin: 0 auto;
}

#Cnt.Frm .wpcf7 .wpcf7-form-control-wrap:has(select)::after{
    background: url(https://escolaiboix.com/wp-content/uploads/2026/02/keyboard_arrow_downB.svg);
}

/*TESTIMONIS:*/
#Tst article .post_content iframe {
    margin-bottom: 0;
    display: block;
}

#Tst article .post_content {
    display: flex;
}

/*GRAUS:*/
#innHd.l-section.height_huge.Wlbl {
    padding-bottom: 17rem;
}

#lablGr {
    margin-top: -170px;
    height: 170px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

#lablGr .wpb_text_column {
    background-color: #933600;
    padding: 10px 30px;
    border-radius: 60px;
    display: inline-block;
    margin: 3px 7px;
}

#lablGr .wpb_text_column p strong {
    color: #FF6900;
}

#lablGr .wpb_text_column p {
    color: #ffffff;
}

/*TEAM:*/
#Tm .w-btn-wrapper {
    position: absolute;
    top: 35px;
    right: 0;
}

#Tm article .us-btn-style_2.icon_atleft {
	color: #ffffff !important;
}

#Tm article .us-btn-style_2.icon_atleft i.fa-user-circle {
	background: #000000;
	border: #000000;
}

#Tm article .us-btn-style_2.icon_atleft:hover i.fa-user-circle {
	background: #ffffff;
	border: #ffffff;
}

/*MENU FOOTER:*/
#MBtm {
	width: 90% !important;
}

#MBtm .menu {
    align-items: center;
}

#MBtm .menu .w-btn.us-btn-style_1 {
    font-size: 14px;
    position: absolute;
    right: 40px;
}

/*FOOTER:*/
#Ftr .w-socials-item i.fa-youtube:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/youtube-icon.svg) no-repeat;
    width: 12px;
    height: 14px;
    background-size: contain;
    content: '' !important;
    display: block;
}

#Ftr .w-socials-item i.fa-linkedin:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/lnkn-ico.svg) no-repeat;
    width: 14px;
    height: 14px;
	background-size: contain;
    content: '' !important;
    display: block;
}

/*POPUP:*/
body.single-us_portfolio,
body.testimonios-template-default,
body.single-us_portfolio #page-content,
body.testimonios-template-default #page-content,
body.single-us_portfolio .l-canvas.type_wide,
body.testimonios-template-default .l-canvas.type_wide,
.l-popup-box-content,
#HlPop {
    background: transparent;
}

#HlPop h4,
#HlPop p {
    color: #ffffff;
}

body.testimonios-template-default #HlPop h4 {
    margin-bottom: 10px;
}

#HlPop .w-btn.us-btn-style_1 {
    padding-left: 55px;
    font-size: 14px;
}

#HlPop .w-btn.us-btn-style_1 i.fa-user-circle {
    background: #000000;
    border: 1px solid #000000;
    padding: 9px;
    border-radius: 50px;
    height: 35px;
    width: 35px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 13px;
    top: 6px;
}

#HlPop .w-btn.us-btn-style_1 i.fa-user-circle:before {
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/account_circle.svg) no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain;
    content: '' !important;
    display: block;
    transition: 0.2s;
}

.l-popup-wrap  .l-popup-closer {
    top: 6rem;
    left: 75%;
    opacity: 1 !important;
}

.l-popup-wrap  .l-popup-closer:hover {
    background: transparent !important;
}

.l-popup-wrap .l-popup-closer:before,
.w-popup-wrap button.w-popup-closer:before,
.mfp-fade.mfp-wrap.mfp-ready .mfp-container:after{
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/close.svg) no-repeat;
    width: 50px;
    height: 50px;
    background-size: contain;
    content: '' !important;
    display: block;
}

.l-popup-wrap button.l-popup-arrow.to_prev {
    left: 22%;
    transform: rotate(180deg);
    opacity: 1;
	right: 0;
	left: initial;
	top: 50%;
}

.l-popup-wrap button.l-popup-arrow.to_next {
    right: 22%;
    opacity: 1;
	left: 0;
    top: 50%;
}

.l-popup-wrap button.l-popup-arrow.to_prev:hover,
.l-popup-wrap button.l-popup-arrow.to_next:hover {
    background: transparent;
}

.l-popup-wrap button.l-popup-arrow.to_prev:before,
.mfp-arrow.mfp-arrow-left:before {
    content: '' !important;
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/arrow_forward.svg) no-repeat;
    height: 30px;
    width: 30px;
    display: block;
    background-size: contain;
}

.l-popup-wrap button.l-popup-arrow.to_next:before,
.mfp-arrow.mfp-arrow-right:before {
    content: '' !important;
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/arrow_forward.svg) no-repeat;
    height: 30px;
    width: 30px;
    display: block;
    background-size: contain;
}

.mfp-arrow.mfp-arrow-left:before {
	 transform: rotate(180deg);
	opacity: 1;
}

.mfp-arrow.mfp-arrow-right:before {
	opacity: 1;
	
}

.w-popup-wrap button.w-popup-closer {
    top: 20%;
    right: 7%;
    position: absolute;
}

.w-popup-box-h .w-popup-box-content {
	 position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.w-popup-box-h .w-popup-box-content iframe {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.l-popup-box .ht-ctc-chat {
	display: none;
}

/*GALERIA:*/
.Dbl .w-slider-h .rsArrow {
    background: rgba(255, 105, 0, 0.9);
}

.Dbl .w-slider-h .rsArrow {
    width: 8rem;
}

.Dbl .w-slider-h .rsArrow.rsArrowRight {
    left: 8rem;
}

.Dbl .w-slider-h .rsArrow.rsArrowRight:before,
.Dbl .w-slider-h .rsArrow.rsArrowLeft:before {
    content: '' !important;
    background: #000000;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: block;
    background-size: contain;
    position: absolute;
    top: calc(50% - 12.5px);
    left: calc(50% - 31.5px);
}

.Dbl .w-slider-h .rsArrow.rsArrowRight:after,
.Dbl .w-slider-h .rsArrow.rsArrowLeft:after {
    content: '' !important;
    background: url(https://escolaiboix.com/wp-content/uploads/2026/01/arrow_forward.svg) no-repeat;
    height: 13px;
    width: 13px;
    display: block;
    background-size: contain;
    top: calc(50% - 7.5px);
    left: calc(50% - 25.5px);
}

.Dbl .w-slider-h .rsArrow.rsArrowRight:after {
    left: calc(50% - -15.5px);
}

.Dbl .w-slider-h .rsArrow.rsArrowRight:before {
    left: calc(50% - -9px);
}

.Dbl .w-slider-h .rsArrow.rsArrowLeft:after {
    transform: rotate(180deg);
}

.Dbl .w-slider-h .rsArrow.rsArrowRight:hover:before,
.Dbl .w-slider-h .rsArrow.rsArrowLeft:hover:before {
    background: #F08336;
}

.Dbl .w-slider-h .rsArrow.rsArrowLef .rsArrowIcn:before {
    content: 'Veure galeria';
    display: inline-block;
    font-size: 20px;
    display: block;
    position: relative;
}

.Dbl .glCl .Cta .wpb_text_column {
	padding: 15px 18.1px;
	min-width: 248px
}

.Dbl .mgCl img {
	width: 100%;
}

/* Asegura un contexto para posicionar */
.Dbl .w-slider-h .rsOverflow{
  position: relative;
}

/* Texto entre flechas */
.Dbl .w-slider-h .rsOverflow::after{
  content: "Veure galeria";
  position: absolute;
  /* centro entre las dos flechas */
  left: 8rem;
  transform: translateX(-50%);

  /* alinea verticalmente con la zona de las flechas (ajusta si hace falta) */
  top: 50%;
  transform: translate(-50%, -50%);

  z-index: 9999;
  pointer-events: none;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  white-space: nowrap;
}

/* ADMISIONS */
#Adms #InsCl .w-tabs .w-tabs-section h6.w-tabs-section-title {
	font-size: 18px;
	text-transform: initial;
	font-weight: 600;
}

#Adms #InsCl .woocommerce .woocommerce-product-gallery,
#Adms #InsCl .woocommerce h1.product_title,
#Adms #InsCl .woocommerce .product_meta,
#Adms #InsCl .woocommerce .price,
#Adms #InsCl .woocommerce .woocommerce-breadcrumb,
#Adms #InsCl .woocommerce .variations th.label,
#Adms #InsCl .woocommerce .related.products{
	display: none;
}

#Adms #InsCl .woocommerce  .entry-summary {
	width: 100%;
	    float: inherit;
}


#Adms #InsCl .woocommerce .variations tr {
    display: flex;
    flex-direction: column;
}

#Adms #InsCl .woocommerce .variations .woocommerce-select select {
    border-radius: 0px;
    background: #FBF8F4;
    border-color: #FBF8F4;
    color: #000000;
}

/* Ocultamos el texto original */
#Adms #InsCl .woocommerce table.variations th.label label[for="pa_torn"] {
    font-size: 0;
    display: flex;
    align-items: center;
}

#Adms #InsCl .woocommerce .w-post-elm.add_to_cart.btn_fullwidth .button {
    flex-grow: initial;
    margin-top: 26px;
}

/* ========================================
   ANIMACIÓN TARJETAS APILADAS CON SCROLL
   Las tarjetas se apilan al hacer scroll
   ======================================== */

/* Contenedor principal debe tener altura suficiente para el scroll */
.l-section#KeyPoints {
    position: relative;
    /* La altura se calcula dinámicamente con JS */
}

/* Contenedor wrapper para las tarjetas */
.l-section#KeyPoints .l-section-h {
    position: relative;
}

/* Cada tarjeta individual */
.tarjeta-key {
    position: sticky;
    top: 100px; /* Distancia desde el top cuando se hace sticky */
    margin-bottom: 0;
    transition: all 0.3s ease-out;
    will-change: transform;
}

/* Ajustar el top progresivamente para crear el efecto de apilamiento */
.tarjeta-key:nth-child(1) { top: 100px; }
.tarjeta-key:nth-child(2) { top: 120px; }
.tarjeta-key:nth-child(3) { top: 140px; }
.tarjeta-key:nth-child(4) { top: 160px; }
.tarjeta-key:nth-child(5) { top: 180px; }
.tarjeta-key:nth-child(6) { top: 200px; }
.tarjeta-key:nth-child(7) { top: 220px; }
.tarjeta-key:nth-child(8) { top: 240px; }
.tarjeta-key:nth-child(9) { top: 260px; }

/* El contenedor de la tarjeta (KeyPoint) */
.KeyPoint {
    background-color: #444444;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center center;
    position: relative;
    z-index: 1;
}

/* Estado activo - tarjeta en foco */
.tarjeta-key.is-active .KeyPoint {
    background-color: #1F1F1F;
    transform: scale(1.02);
    box-shadow: 15px 12px 18px rgba(0, 0, 0, 0.5) !important;
    z-index: 10;
	border-radius: 30px;
}

/* Tarjetas que ya pasaron (están arriba) */
.tarjeta-key.is-passed .KeyPoint {
    background-color: #444444;
    transform: scale(0.95);
    opacity: 1;
	border-radius: 30px;
}

/* Tarjetas que aún no llegaron (están abajo) */
.tarjeta-key.is-upcoming .KeyPoint {
    background-color: #444444;
    transform: scale(0.98);
    opacity: 1;
	border-radius: 30px;
}

/* Efecto de elevación en la tarjeta activa */
.tarjeta-key.is-active .KeyPoint::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%);
    border-radius: 30px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Ajuste del número en la tarjeta activa */
.tarjeta-key.is-active .KeyPoint h2 {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* Espaciado entre tarjetas para permitir scroll */
.tarjeta-key {
    margin-bottom: 2rem;
}

.tarjeta-key:last-child {
    margin-bottom: 100vh; /* Espacio al final para que la última tarjeta pueda hacer scroll */
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .tarjeta-key {
        position: relative;
        top: auto !important;
        margin-bottom: 1.5rem;
    }
    
    .tarjeta-key:last-child {
        margin-bottom: 2rem;
    }
    
    .KeyPoint,
	.tarjeta-key.is-passed .KeyPoint{
        background-color: #444444;
    }
    
    .tarjeta-key.is-active .KeyPoint {
        background-color: #1F1F1F;
    }
}

/* Mejoras visuales adicionales */
.tarjeta-key.is-active {
    z-index: 100;
}

.tarjeta-key.is-passed {
    z-index: 50;
}

.tarjeta-key.is-upcoming {
    z-index: 1;
}

#Mst.Dbl .nfCl .w-tabs .w-tabs-section h6.w-tabs-section-title {
    font-weight: 600;
    text-transform: inherit;
    font-size: 15px;
}

/* ----------------------------------------------------------------
    MOBILE STYLE
---------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

    #Hd.l-section.height_huge { padding-top: 7rem; padding-bottom: 7rem;}
    #Hd h1 { font-size: 60px; margin-bottom: 10px;}
    #Hd h1, #innHd h1 { hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; word-break: normal; overflow-wrap: break-word; }

    #innHd.l-section.height_huge {  padding-top: 6rem; padding-bottom: 6rem;}
    #innHd.l-section.height_huge.Wlbl {  padding-bottom: 8rem;}
    #innHd p br { display: none; }

    #AfHd .cols_4 { grid-template-columns: 1fr 1fr; }

    #PAbr.No-Frm .cols_1 { width: 100%;}
    #PAbr, 
    #Prllx { padding-top: 13rem;}
    #PAbr .cols_2, 
    #PAbr .cols_1, #Prllx .cols_1 { width: 100%; padding: 45px 20px 20px;}
    #PAbr.No-Frm .w-vwrapper { align-items: center; }

    #Prllx .w-hwrapper { flex-direction: column; align-items: flex-start; grid-gap: 10px; }
    #Prllx .w-hwrapper .w-vwrapper { grid-gap: 10px; }
    #Prllx.Frm .wpcf7 .legal_sb { grid-gap: 20px !important; flex-direction: column;}
    #Prllx.Frm .wpcf7 .legal_sb .send { width: 100%;}
    #Prllx .w-hwrapper .w-image { margin-right: 0;}
    #Prllx .w-hwrapper h5 strong { display: block; }

    .Frm .wpcf7 .hlf p { grid-template-columns: 1fr;}
    .Frm .wpcf7 .legal_sb { flex-direction: column;}

    #PAbr.No-Frm .w-hwrapper { flex-direction: column;}
    #PAbr.No-Frm .w-hwrapper .wpb_text_column { margin-right: 0 !important; }
    #PAbr.No-Frm .w-hwrapper .w-btn-wrapper { margin-right: 0 !important; }
    #PAbr ul { margin-left: 0; }
    #PAbr h6 { text-align: center;}

    #Cnt .cols_1 { padding: 45px 25px; width: 100%;}
    #CnInf p { text-align: center !important; }

    .Dbl .nfCl { order: 2; padding-top: 2rem !important; padding-bottom: 2rem !important; }
    .Dbl .mgCl { order: 1; }
    .Dbl .nfCl .us_custom_b5860734 { width: 150px !important;}
    .Dbl .mgCl .Cta .wpb_text_column { padding: 15px 25px; min-width: auto;}

    #Prtf { padding-top: 2.5rem !important; }
    #Prtf .w-grid-list article.w-grid-item img { min-height: 200px; object-fit: cover;}
    #Prtf .post_content { width: 90%; margin-bottom: 0;}
    #Prtf .usg_hwrapper_1 { margin-top: 15px !important; margin-bottom: 0 !important;}
    #Prtf h4.post_title { margin-bottom: 15px !important; text-align: center !important; }

    #Agn p { line-height: 1.4em; }

    #Prtf .usg_hwrapper_1 .Duracion_txt { display: none; }
    #Prtf .owl-dots { bottom: 1rem;}

    #FaQ .w-tabs-section-header { padding: 1em; }

    .Acr .w-tabs-sections .w-tabs-section-content { padding: 1rem !important; }
    .Acr .w-tabs-section-header h6 { font-size: 17px; }

    #Prtf .usg_hwrapper_1 .w-btn { font-size: 12.5px; padding: 5px 17px;}
    .owl-dots .owl-dot span { width: 10px; height: 10px;}
    .owl-dots .owl-dot.active span { height: 10px;}

    .KeyPoint { padding: 1.5rem;}
    #KeyPoints .header-estatico, 
    #KeyPoints .tarjeta-key { max-width: 100%;}
    .tarjeta-key .KeyPoint { flex-direction: column;}
    #KeyPoints .tarjeta-key h3 { font-size: 18px; line-height: 1.4em;}
     #KeyPoints .tarjeta-key p { line-height: 1.5em;}

    .Dbl .nfCl ul { margin-left: 16px; }

    #Tst .w-grid-item-h .post_content p { line-height: 1.6em;}

    #Hllf { padding-top: 2.5rem !important; }

    header#page-header nav.w-nav ul.w-nav-list.level_1 { padding: 30px !important;}

    #PAbr.PApg .cols_2 { height: auto;}
    #PAbr.PApg { margin-top: 0;}
    .Dbl.PApg .nfCl { margin-top: 0;}

    #MBtm { display: none; }

    #lablGr { margin-top: auto; margin: 5px; height: auto}
    #lablGr .wpb_text_column {  padding: 10px;  margin: 3px;}

    .Dbl .glCl .Cta .wpb_text_column { min-width: 248px; padding: 15px 10px !important;}

    #Tst { padding-top: 2.5rem !important; }
    #Tm .w-btn-wrapper { position: relative; top: 0;}

    #FaQ .Acr { margin-top: 20px !important; }
    #FaQ .w-tabs .w-tabs-section {  margin-bottom: 10px;}

    #Ftr .w-socials-list { text-align: center; }
    #Ftr .cols_2 { grid-template-columns: 1fr 1fr; }
    #Ftr p, 
    #Ftr ul li { font-size: 11px; line-height: 1.5em;}

    #PAbr h6 br { display: none; }

    #Hllf .cols_2-1 .w-btn-wrapper.align_right { text-align: left !important; }

    #Agn p br { display: none; }

    .Dbl .stretched { margin-inline-end: var(--margin-inline-stretch); margin-inline-start: var(--margin-inline-stretch); }

    #Ftr .l-section-img { background-position: center 5%;}

    /* ---------- CONTENEDOR DEL MENÚ ---------- */
  header#page-header nav.w-nav ul.w-nav-list.level_1 {
    width: 100% !important;
    min-height: auto !important;
    padding: 20px 20px 10px !important;
    border-radius: 20px !important;
    left: 0;
    right: 0;
  }

  header#page-header nav.w-nav ul.w-nav-list.level_2,
  header#page-header nav.w-nav ul.w-nav-list.level_3 { background: transparent; }

  header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 > a { font-size: 18px; line-height: 1em; text-transform: uppercase;}
  header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 > a { font-size: 16px; line-height: 1em; text-transform:  uppercase;}
  header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3 > a { font-size: 14px; line-height: 1em; min-height: 35px; text-transform: uppercase;}

  header#page-header .w-nav.type_mobile .menu-item-has-children.opened>.w-nav-anchor .w-nav-arrow { transform: rotate(150deg);}

  .w-nav.type_mobile .w-nav-anchor:not(.w-btn) .w-nav-arrow:before {
  content: "" !important;
  display: block;
  width: 14px;
  height: 16px;
  background: url("https://escolaiboix.com/wp-content/uploads/2026/01/youtube-icon.svg") no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
}



}

/* ----------------------------------------------------------------
    TABLET STYLE
---------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #Prtf .usg_hwrapper_1 .Duracion_txt {  display: inline; }
    #Prtf .usg_hwrapper_1 .Duracion_txt { padding: 2px 14px; font-size: 12px;}
    #Prtf .post_content p { font-size: 13px; line-height: 1.4em;}
    #Prtf .usg_hwrapper_1 .w-btn { padding: 8px 17px; }

    #PAbr.No-Frm .w-hwrapper .wpb_text_column { margin-bottom: 0 !important; }
    #PAbr.No-Frm .w-hwrapper .w-vwrapper { flex-direction: row !important; grid-gap: 12px !important; align-items: center !important; }
    #PAbr h6 { text-align: left !important; }
    #PAbr h6 br { display: block; }

    #Ftr .l-section-img { background-position: center 13%;}
    #Ftr .us_custom_334fe052 { padding-top: 8rem !important;}

    .Frm .wpcf7 .hlf p {  grid-template-columns: 1fr 1fr; }

    #Hd.l-section.height_huge {  padding-top: 8rem; padding-bottom: 9rem;}
    #innHd.l-section.height_huge { padding-top: 8rem; padding-bottom: 8rem;}
    #innHd.l-section.height_huge.Wlbl {  padding-bottom: 9rem;}

    .Dbl .mgCl .Cta .wpb_text_column { padding: 15px 30px;}
	
	.Dbl .glCl .Cta .wpb_text_column { min-width: 240px;}

    header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 > a { font-size: 20px; padding: 10px 0 !important;}
    header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 > a { font-size: 18px;}
    header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3 > a { font-size: 16px;}

}

@media only screen and (min-width: 601px) and (max-width: 767px) {

    #Hd h1 {  font-size: 70px;}

    .Dbl .g-cols.cols_2 { grid-template-columns: 100%; }

    .tarjeta-key .KeyPoint { flex-direction: row;}
    #KeyPoints .tarjeta-key h3 { width: 140px; }

    #CnInf .cols_4 { grid-template-columns: 1fr 1fr; }

    #Prtf .post_content p { font-size: 14px;}
    #Prtf .w-grid-list article.w-grid-item img {  min-height: 250px;}

    #PAbr.PApg .cols_2 { grid-template-columns: 1fr; }
    .Frm .wpcf7 .legal_sb .legal p { display: flex;}

    #innHd.l-section.height_huge.Wlbl {  padding-bottom: 10rem;}
	
	


}

/* ----------------------------------------------------------------
    LAPTOP STYLE
---------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 900px) {

    #PAbr .cols_2, 
    #PAbr .cols_1, 
    #Prllx .cols_1 {; padding: 45px 30px 20px;}
    #PAbr.No-Frm .cols_1 { width: 90%;}
    #PAbr, #Prllx { padding-top: 15rem;}

    #Hd.l-section.height_huge { padding-top: 13rem; padding-bottom: 13rem;}


    #Ftr .l-section-img { background-position: center 13%;}

    .Dbl .nfCl ul { margin-left: 16px; }

    .Dbl .cols_2 { grid-gap: 1.5rem; }
    .nfCl .w-tabs .w-tabs-section h6.w-tabs-section-title { font-size: 17px; line-height: 1.4em;}
    .nfCl .w-tabs .w-tabs-section-content p,
    .nfCl .w-tabs .w-tabs-section-content li,
    .Dbl .nfCl p,
    .Dbl .nfCl li { line-height: 1.5em;}
    .Dbl .nfCl p:not(:last-child) { margin-bottom: 10px; }
    .Dbl .nfCl li { margin-bottom: 2px; line-height: 1.4em; }  

    .KeyPoint { padding: 1.6rem;}
    #KeyPoints .header-estatico, 
    #KeyPoints .tarjeta-key { max-width: 100%;}
    #KeyPoints .tarjeta-key h3 {  font-size: 23px; width: 220px;} 

    .Dbl .glCl .Cta .wpb_text_column { min-width: 240px; padding: 15px 12px;}
    .Dbl .nfCl { padding-top: 2.5rem; padding-bottom: 2.5rem; }

    header#page-header nav.w-nav ul.w-nav-list.level_1 { padding: 25px 40px !important;}

    #Prtf .post_content { width: 80%;}

    #PAbr.PApg {  margin-top: 0;}
    #PAbr.PApg.Frm .wpcf7 .legal_sb { flex-direction: column;}
    .Dbl.PApg .nfCl { margin-top: -90px;}
    #PAbr.PApg .cols_2 { height: auto;}

    #lablGr { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    #lablGr .wpb_text_column { padding: 10px 20px; margin: 2.5px 5px;}
    #lablGr .wpb_text_column p { font-size: 12px;}
    #lablGr { margin-top: auto; margin: 5px; height: auto;}
    #lablGr .wpb_text_column p { line-height: 1.3em;}

    #innHd.l-section.height_huge.Wlbl {  padding-bottom: 15rem;}

    #MBtm { display: none; }
	
	header#page-header nav.w-nav ul.w-nav-list.level_1 { width: 100% !important; padding: 10px 30px !important;}
	
	/* ---------- CONTENEDOR DEL MENÚ ---------- */
  header#page-header nav.w-nav ul.w-nav-list.level_1 {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }

  header#page-header nav.w-nav ul.w-nav-list.level_2,
  header#page-header nav.w-nav ul.w-nav-list.level_3 { background: transparent; }

  header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 > a { font-size: 20px; line-height: 1em; text-transform: uppercase;}
  header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 > a { font-size: 17px; line-height: 1em; text-transform: uppercase;}
  header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3 > a { font-size: 15px; line-height: 1em; min-height: 35px; text-transform: uppercase;;}

  /* ---------- SUBMENÚS EN MODO ACORDEÓN ---------- */
  header#page-header nav.w-nav ul.w-nav-list.level_2,
  header#page-header nav.w-nav ul.w-nav-list.level_3,
  header#page-header nav.w-nav ul.w-nav-list.level_4 {
    padding: 0 0 0 18px !important;
  }

  header#page-header .w-nav.type_mobile .menu-item-has-children.opened>.w-nav-anchor .w-nav-arrow { transform: rotate(150deg);}

  .w-nav.type_mobile .w-nav-anchor:not(.w-btn) .w-nav-arrow:before {
  content: "" !important;
  display: block;
  width: 14px;
  height: 16px;
  background: url("https://escolaiboix.com/wp-content/uploads/2026/01/youtube-icon.svg") no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
}

}

@media only screen and (min-width: 901px) and (max-width: 9999999px) {
    /*MENU DESPLEGABLE:*/
header#page-header nav.w-nav ul.w-nav-list.level_1 {
    width: 969px !important;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 30px;
    padding: 30px 40px !important;
    min-height: 375px !important;
}

header#page-header nav.w-nav ul.w-nav-list.level_2,
header#page-header nav.w-nav ul.w-nav-list.level_3,
header#page-header nav.w-nav ul.w-nav-list.level_4 {
    background: transparent;
}

header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 {
    display: grid;
    grid-template-columns: 1fr 3fr;
    height: 55px;
    z-index: 2;
}

header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    background: transparent;
    height: 55px;
    z-index: 3;
}

header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3 {
    display: grid;
    background: transparent;
    height: 40px;
    z-index: 4;
}

header#page-header nav.w-nav ul.w-nav-list a.w-nav-anchor {
    text-transform: uppercase;
    position: relative;
    height: 55px;
}

header#page-header nav.w-nav .opened > a.w-nav-anchor {
    font-weight: 700;
    color: #ffffff !important;
}

header#page-header nav.w-nav .w-nav-arrow{
  display: none !important;
}

header#page-header nav.w-nav ul.w-nav-list.level_1 > li.level_1 > a.w-nav-anchor.level_1::after,
header#page-header nav.w-nav ul.w-nav-list.level_2 > li.level_2.menu-item-has-children > a.w-nav-anchor.level_2::after {
  content: '';
  background: url(https://escolaiboix.com/wp-content/uploads/2026/01/youtube-icon.svg) no-repeat;
  position: absolute;
  display: block;
  width: 14px;
  height: 16px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) translateX(-5px);
  opacity: 0;
  transition: all .25s ease;
  pointer-events: none;
}

header#page-header nav.w-nav ul.w-nav-list.level_1 > li.level_1:hover > a.w-nav-anchor.level_1::after,
header#page-header nav.w-nav ul.w-nav-list.level_2 > li.level_2.menu-item-has-children:hover > a.w-nav-anchor.level_2::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  right: calc(-1 * var(--gap, -20px));
}

/* El LI no debe comerse el click */
header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1,
header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2,
header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2.NoLink{
  pointer-events: none;
}

/* Pero los enlaces y flechas sí deben ser clicables */
header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 > a,
header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 .w-nav-arrow,
header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 > a,
header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 .w-nav-arrow {
  pointer-events: auto;
}

/* Asegura que submenús sean clicables */
header#page-header nav.w-nav ul.w-nav-list.level_2,
header#page-header nav.w-nav ul.w-nav-list.level_3,
header#page-header nav.w-nav ul.w-nav-list.level_4{
  pointer-events: auto;
  position: relative;
  z-index: 50;
}

header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1,
header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2,
header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3{
  position: relative;
}

header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2.NoLink a {
    pointer-events: none;
    font-weight: 400;
    cursor: default;
}

/* DESKTOP: abrir subniveles al hover */
@media (hover: hover) and (pointer: fine) {

  /* Nivel 1 -> muestra nivel 2 */
  header#page-header nav.w-nav ul.w-nav-list.level_1 > li.level_1:hover > ul.w-nav-list.level_2{
    opacity: 1;
    visibility: visible;
    transform: none;
    display: block;
    pointer-events: auto;
  }

  /* Nivel 2 -> muestra nivel 3 */
  header#page-header nav.w-nav ul.w-nav-list.level_2 > li.level_2:hover > ul.w-nav-list.level_3{
    opacity: 1;
    visibility: visible;
    transform: none;
    display: block;
    pointer-events: auto;
  }

  /* (si tienes nivel 4) */
  header#page-header nav.w-nav ul.w-nav-list.level_3 > li.level_3:hover > ul.w-nav-list.level_4{
    opacity: 1;
    visibility: visible;
    transform: none;
    display: block;
    pointer-events: auto;
  }
    
}


/* ----------------------------------------------------------------
    BIG DEVICES STYLE
---------------------------------------------------------------- */
@media only screen and (min-width: 901px) and (max-width: 1199px) {

    #Hd.l-section.height_huge { padding-top: 14rem; padding-bottom: 14rem;}
    #innHd.l-section.height_huge { padding-top: 9rem; padding-bottom: 9rem;}
    #Hd h1 { font-size: 75px;}

    #Agn p { line-height: 1.5em; }

    #PAbr, #Prllx { padding-top: 20rem;}
    #PAbr .cols_2, 
    #PAbr .cols_1, 
    #Prllx .cols_1 { padding: 20px 40px 15px; width: 100%;}

    .Dbl.height_auto { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
    .Dbl .nfCl .us_custom_b5860734 { width: 140px !important; margin-bottom: 20px !important;}
    .nfCl .w-tabs .w-tabs-section { margin-bottom: 0px;} 

    #Ftr  { padding-top: 2rem; }
    #Ftr  .l-section-img { top: -15%;}
    #Ftr .cols_4 { grid-gap: 2rem; }
    #Ftr p, 
    #Ftr ul li { font-size: 11px; line-height: 1.6em;}

    .KeyPoint { padding: 1.6rem;}
    #KeyPoints .header-estatico, 
    #KeyPoints .tarjeta-key { max-width: 100%;}
    #KeyPoints .tarjeta-key h3 {  font-size: 23px; width: 220px;}

    .Acr .w-tabs-sections .w-tabs-section-content { padding-right: 30px !important;}

    .Dbl .cols_2 { grid-gap: 1.5rem; }

    .nfCl .w-tabs .w-tabs-section h6.w-tabs-section-title { font-size: 17px; line-height: 1.4em;}
    .nfCl .w-tabs .w-tabs-section-content p,
    .nfCl .w-tabs .w-tabs-section-content li,
    .Dbl .nfCl p,
    .Dbl .nfCl li { line-height: 1.6em;}
    .nfCl .w-tabs .w-tabs-section-content p:not(:last-child),
    .Dbl .nfCl p:not(:last-child) { margin-bottom: 10px; }
    .Dbl .nfCl li { margin-bottom: 2px; line-height: 1.4em; }

    #Prtf { padding-top: 3rem; }

    #CnInf .cols_4 { width: 100% !important; grid-gap: 1.2rem !important; }
    #CnInf  .l-section.height_medium { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    #Cnt .cols_1 { width: 100%}

    #PAbr.PApg .cols_2 { height: auto;}
    #PAbr.PApg.Frm .wpcf7 .legal_sb .legal p { display: flex;}

    #Adms #InsCl .w-tabs .w-tabs-section h6.w-tabs-section-title { font-size: 15px;}

    #lablGr .wpb_text_column { padding: 10px 15px; margin: 3px 5px;}
    #lablGr .wpb_text_column p { font-size: 14px; line-height: 1.3em;}
    #lablGr { margin-top: -140px; height: 140px; padding-top: 0; padding-bottom: 0; display: flex; align-items:center; }


    #PAbr h2 br { display: none; }
    #PAbr h2 { font-size: 30px;}

    .Dbl.PApg .nfCl h3 { font-size: 35px; }

    #MBtm .w-menu { padding: 20px 30px 25px 30px !important; }
    #MBtm .w-menu .menu li { margin-right: 9px; font-size:11.5px; }
    #MBtm .menu .w-btn.us-btn-style_1 { font-size: 12px; right: 30px;}

    .Dbl .nfCl ul { margin-left: 16px; }

    #Tm .w-btn-wrapper { top: 45px;}

    #Prtf .post_content { width: 70%;}
	
	header#page-header nav.w-nav ul.w-nav-list.level_1 { padding: 20px 30px !important; width: 100% !important; min-height: 350px !important;}
	#page-header .l-subheader-cell.at_center li.menu-item > .w-nav-anchor { line-height: 1em;}
    header#page-header nav.w-nav ul.w-nav-list.level_3 a.w-nav-anchor { line-height: 1em; height: 40px;}
	header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 { height: 50px;}
	header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 { height: 45px;}
    header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3 { height: 40px;}
header#page-header nav.w-nav ul.w-nav-list a.w-nav-anchor { height: 40px;}
	header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 { grid-template-columns: 1fr 3.6fr;}
	header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 { grid-template-columns: 1fr 2.3fr;}
	header#page-header nav.w-nav ul.w-nav-list.level_1 li.level_1 > a { font-size: 20px;}
	header#page-header nav.w-nav ul.w-nav-list.level_2 li.level_2 > a,
	header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3 > a { font-size: 15px;}
	header#page-header nav.w-nav ul.w-nav-list.level_3 li.level_3 > a { padding-left: 1.5rem;}
	
    #PAbr.PApg.Frm .wpcf7 .legal_sb { flex-direction: column;}

}


@media only screen and (min-width: 1381px) and (max-width: 9999px) {
	.Dbl .glCl .Cta .wpb_text_column { min-width: 264px;}
	
}