/*!
Theme Name: Orbitta Child
Theme URI: https://orbitta.es/
Author: Orbitta
Author URI: https://orbitta.es/
Template: orbitta
Description: Orbitta Theme Child
Version: 1.0
Text Domain: orbitta-child
*/

/* General (root) */

:root {
  --large: 1400px;
}

body {
  font-family: "Arimo", sans-serif;
  background-color: #F4EDE2;
  color: #414042;
}

/* Fonts */

@font-face {
  font-family: 'ArialRounded';
  src: url('assets/fonts/arialrounded.woff2') format('woff2'),
       url('assets/fonts/arialrounded.woff') format('woff');
  font-style: normal;
  font-weight: 400; /* Añade esto también */
}

.ArialRounded,
h1, h2, h3, h4 {
  font-family: 'ArialRounded';
}

h3 { font-size: var(--fs22); }

p {
  font-size: var(--fs16);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

@font-face {
  font-family: 'GoodDog';
  src: url('assets/fonts/gooddog.woff2') format('woff2');
  font-weight: 400;  /* Regular */
  font-style: normal;
}

.GoodDog {
  font-family: 'GoodDog';
}

.text-flags strong {
  font-family: "Noto Color Emoji", sans-serif;
  font-size: var(--fs34);
}

.f-orange {
  color: #F15A29;
}

.ls_-2_4 { letter-spacing: -2.4px; }
.ls_-1_3 { letter-spacing: -1.35px; }
.ls_-0_9 { letter-spacing: -0.9px; }

/* Icons */

/* Elements */

a.btn-orange, a.btn-purple, a.btn-darkpurple, a.btn-trans,
.btn-orange .wp-element-button,
.btn-purple .wp-element-button,
.btn-trans .wp-element-button {
  font-family: 'ArialRounded';
  font-size: var(--fs18);
  border-radius: 10px;
  letter-spacing: -0.9px;
  padding: 20px 25px;
}

a.btn-orange,
.btn-orange .wp-element-button {
  background-color: #F15A29 !important;
  color: white !important;
}

a.btn-purple,
.btn-purple .wp-element-button {
  background-color: #A086FD !important;
  color: white !important;
}

a.btn-darkpurple,
.btn-darkpurple .wp-element-button {
  background-color: #7F3F98 !important;
  color: white !important;
}

a.btn-trans,
.btn-trans .wp-element-button {
  background-color: transparent !important;
  color: #414042 !important;
  border: 1px solid #000;
}

.arrow-mix::after {
  content: "";
  width: 79px;
  height: 82px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='82' viewBox='0 0 79 82' fill='none'%3E%3Cpath d='M6 35.5C2.96243 35.5 0.5 37.9624 0.5 41C0.5 44.0376 2.96243 46.5 6 46.5L6 35.5ZM76.8891 44.8891C79.037 42.7412 79.037 39.2588 76.8891 37.1109L41.8873 2.10913C39.7394 -0.0387544 36.257 -0.0387547 34.1091 2.10913C31.9612 4.25701 31.9612 7.73942 34.1091 9.8873L65.2218 41L34.1091 72.1127C31.9612 74.2606 31.9612 77.743 34.1091 79.8909C36.257 82.0388 39.7394 82.0388 41.8873 79.8909L76.8891 44.8891ZM6 41L6 46.5L73 46.5L73 41L73 35.5L6 35.5L6 41Z' fill='url(%23paint0_linear_29_1082)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_29_1082' x1='30.5' y1='48.5' x2='25' y2='48.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.447115' stop-color='%237F3F98'/%3E%3Cstop offset='0.528846' stop-color='%23F15929'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.label-lesson {
  border-radius: 10px;
  background: #A086FD;
  color: #414042;
  text-transform: uppercase;
  padding: 5px 10px;
  font-weight: 700;
}

#videohome,
#videocompany {
  cursor: pointer;
}

.bloque-border-trans {
  border-radius: 10px;
  border: 1px solid #414042; 
}

/* Header */

#popup-13 .popup-container a {
  background: #453B57;
  color: white;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  letter-spacing: -0.7px;
}

#main.navbar,
#main-mobile.navbar {
  background-color: #F4EDE2;
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 0.3s ease, background-color 0.3s ease;
}

#main.navbar a.btn-orange, 
#main.navbar a.btn-trans {
    padding: 10px 20px;
}

/* Estado sticky - border visible */
#main.navbar.sticky,
#main-mobile.navbar.sticky {
  border-bottom: 1px solid #414042;
}

.hamburger-orbitta button span {
  border-radius: 5px;
  color: #F15A29;
}

.hamburger-orbitta button::before {
  border-radius: 5px;
  color: #A086FD;
}

.hamburger-orbitta button::after {
  border-radius: 5px;
  color: #414042;
}

.hamburger-orbitta .close-offcanvas {
  top: 25px;
  right: 20px !important;
}

.hamburger-orbitta .close-offcanvas::after,
.hamburger-orbitta .close-offcanvas::before {
  color: white !important;
}

#offcanvas-off-mobile .container-offcanvas {
  background-color: #F15A29;
  color: white;
  padding: 0 var(--padsecmob);
}

#offcanvas-off-mobile a.btn-trans {
  border-color: white !important;
  color: white !important;
}

/* Hero */

/* Bloques Guttenberg */

.table-cancellation table th,
.table-cancellation table td {
  border: 0;
}

.table-cancellation table thead tr th {
  font-family: "ArialRounded";
  font-size: var(--fs22);
  padding: var(--s30) var(--s15) !important;
}

.table-cancellation table tbody tr {
  border-bottom: 1px solid #7F3F98;
}

.table-cancellation table tbody tr td {
  padding: var(--s30) var(--s15) !important;
}

.grid-lessons .wp-block-group {
  overflow: hidden;
}

.grid-lessons .badge-lesson {
  text-transform: uppercase;
  box-shadow: 0 4px 4px 0 rgba(78, 48, 131, 0.80);
  position: absolute;
  right: -105px;
  top: 15px;
  rotate: 40deg;
  width: 300px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-lessons.plans .label-lesson {
  color: white;
}

.grid-lessons .lesson-plan {
  overflow: unset;
}

.grid-lessons.plans .num-plan {
  color: white;
  border-radius: 99px;
  background: #F15A29;
  font-family: 'ArialRounded';
  font-size: var(--fs19);
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.grid-lessons.plans .type-plan {
  color: white;
  border-radius: 10px;
  background: #F15A29;
  font-family: 'ArialRounded';
  font-size: var(--fs19);
  padding: 5px 10px 5px 20px;
  position: relative;
  left: -15px;
  z-index: 1;
  text-transform: uppercase;
}

.conditions-plans .wp-block-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cmask id='mask0_352_825' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='8' height='8'%3E%3Ccircle cx='4' cy='4.00012' r='4' transform='rotate(90 4 4.00012)' fill='%23F15A29'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_352_825)'%3E%3Ccircle cx='4' cy='4.00012' r='4' transform='rotate(90 4 4.00012)' fill='%23F15A29'/%3E%3Ccircle cx='7.42859' cy='7.23804' r='4' transform='rotate(90 7.42859 7.23804)' fill='%23%237F3F98'/%3E%3Crect x='7.7699' y='-2.28564' width='8.19048' height='13.7143' transform='rotate(31.661 7.7699 -2.28564)' fill='%23A086FD'/%3E%3C/g%3E%3C/svg%3E");
}

.conditions-plans .wp-block-list li {
  padding-left: 10px;
}

.text-lessons {
  position: sticky;
  top: 125px;
}

.grid-teachers .wp-block-image img {
  border-radius: 20px;
}

.grid-teachers .wp-block-separator {
  width: 100%;
}

/* Evita reanclado de scroll cuando cambia el layout */
.grid-teachers { 
  align-items: start;
  overflow-anchor: none;
  z-index: 1;
  position: relative;
}

/* No animes "all": quita margin de las transiciones */
.grid-teachers .wp-block-cover {
  cursor: pointer;
  transition: box-shadow .25s ease, transform .25s ease; /* sin margin-bottom */
  position: relative;
}

.wp-block-cover.expanded {
  position: relative;
  margin-bottom: -999%;   /* lo que necesitas */
  z-index: 1;
}

.grid-teachers .wp-block-cover:last-child {
  margin-bottom: auto!important;
}

.grid-teachers .wp-block-cover .wp-block-cover__image-background {
  object-fit: none;
  background: linear-gradient(to bottom, 
    #F15A29 0%, 
    #F15A29 20%, 
    #191128 20%, 
    #191128 100%
  );
}

.wp-block-cover.collapsing { margin-bottom: -999%; z-index: 2; }

/* Panel: solo anima lo visual */
.grid-teachers .desc-teacher {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity .25s ease, max-height .25s ease; /* no "all" */
  will-change: opacity, max-height;
}

.grid-teachers .desc-teacher.active {
  opacity: 1;
  max-height: 2000px;
}

/* Shortcodes */

.slider-opiniones-profesores img {
  border-radius: 999px;
  width: 150px;
  height: 150px;
}

.slider-opiniones-profesores .bubble {
  color: white;
  font-size: var(--fs18);
  font-family: 'GoodDog';
  text-transform: uppercase;
  background-color: #F15A29;
  padding: var(--s15);
  border-radius: 10px;
  position: relative;
}

.slider-opiniones-profesores .bubble.purple {
  background-color: #7F3F98;
}

.slider-opiniones-profesores .bubble::before {
  content: "";
  width: 18px;
  height: 17px; /* aproximadamente la altura del triángulo */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' fill='none'%3E%3Cpath d='M13 0V10.5L0 5.25L13 0Z' fill='%23F15A29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: -12px;
  rotate: -20deg;
}

.slider-opiniones-profesores .bubble.purple::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' fill='none'%3E%3Cpath d='M13 0V10.5L0 5.25L13 0Z' fill='%237F3F98'/%3E%3C/svg%3E");
}

.profesor-location::before {
  content: "";
  width: 11px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14' fill='none'%3E%3Cpath d='M11 5.6C11 8.69279 5.5 14 5.5 14C5.5 14 0 8.69279 0 5.6C0 2.50721 2.46243 0 5.5 0C8.53757 0 11 2.50721 11 5.6Z' fill='%23F15A29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
}

.slider-opiniones-home .splide__slide {
  border-radius: 20px;
  padding: var(--s50);
  padding-top: var(--s100);
  padding-right: var(--s300);
}

.slider-opiniones-home .bloque-ocre {
  border-radius: 20px;
  background: #F2BD9E;
  color: #19093B;
  padding: var(--s30);
}

.slider-opiniones-home .bloque-ocre .google {
  width: 100%;
}

.slider-opiniones-home .bloque-ocre .google span {
  color: #645954;
}

.slider-opiniones-home .splide__arrows {
  position: absolute;
  bottom: -45px;
  width: 125px;
}

.slider-opiniones-home .splide__arrows .splide__arrow {
  background-color: #7F3F98;
  border: 1px solid black;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.slider-opiniones-home .splide__arrows .splide__arrow:hover {
  background-color: #A086FD;
}

.slider-opiniones-home .splide__arrows .splide__arrow svg {
  display: none;
}

.slider-opiniones-home .splide__arrows .splide__arrow--prev::after {
  content: "";
  width: 14px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M2.50293 5.86133C0.894891 6.83406 0.894891 9.16594 2.50293 10.1387L9.45605 14.3447C11.1221 15.3524 13.2497 14.153 13.25 12.2061V3.79395C13.2497 1.84696 11.1221 0.647582 9.45605 1.65527L2.50293 5.86133Z' fill='%23F15A29' stroke='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.slider-opiniones-home .splide__arrows .splide__arrow--next::after {
  content: "";
  width: 14px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M11.4971 5.86133C13.1051 6.83406 13.1051 9.16594 11.4971 10.1387L4.54395 14.3447C2.87791 15.3524 0.750272 14.153 0.75 12.2061V3.79395C0.750273 1.84696 2.87791 0.647582 4.54395 1.65527L11.4971 5.86133Z' fill='%23F15A29' stroke='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.slider-opiniones-home .splide__arrows .splide__arrow--prev:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M2.50293 5.86133C0.894891 6.83406 0.894891 9.16594 2.50293 10.1387L9.45605 14.3447C11.1221 15.3524 13.2497 14.153 13.25 12.2061V3.79395C13.2497 1.84696 11.1221 0.647582 9.45605 1.65527L2.50293 5.86133Z' fill='%23F2BD9E' stroke='black'/%3E%3C/svg%3E");
}

.slider-opiniones-home .splide__arrows .splide__arrow--next:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M11.4971 5.86133C13.1051 6.83406 13.1051 9.16594 11.4971 10.1387L4.54395 14.3447C2.87791 15.3524 0.750272 14.153 0.75 12.2061V3.79395C0.750273 1.84696 2.87791 0.647582 4.54395 1.65527L11.4971 5.86133Z' fill='%23F2BD9E' stroke='black'/%3E%3C/svg%3E");
}

.faq-students h3 {
  font-size: var(--fs18);
}

.faq-students .faq-item {
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(270deg, #7F3F98 65%, #F15929 65%) 1;
  padding-bottom: var(--s25);
}

.faq-students .faq-title .icon:after {
  display: none !important; /* o simplemente eliminar toda esta regla */
}

/* Nueva implementación con SVG como background-image */
.faq-students .faq-title .icon {
  display: inline-block !important;
  width: 24px !important;
  height: 20px !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3e%3cpath d='M10.5 18C10.5 18.8284 11.1716 19.5 12 19.5C12.8284 19.5 13.5 18.8284 13.5 18L10.5 18ZM13.0607 0.939339C12.4749 0.353554 11.5251 0.353554 10.9393 0.939339L1.3934 10.4853C0.807611 11.0711 0.807611 12.0208 1.3934 12.6066C1.97918 13.1924 2.92893 13.1924 3.51472 12.6066L12 4.12132L20.4853 12.6066C21.0711 13.1924 22.0208 13.1924 22.6066 12.6066C23.1924 12.0208 23.1924 11.0711 22.6066 10.4853L13.0607 0.939339ZM12 18L13.5 18L13.5 2L12 2L10.5 2L10.5 18L12 18Z' fill='url(%23paint0_linear_122_1629)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_122_1629' x1='19.5' y1='12.1493' x2='19.5' y2='13.4627' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.447115' stop-color='%237F3F98'/%3e%3cstop offset='0.528846' stop-color='%23F15929'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 400ms !important;
}

/* Para mantener la funcionalidad de rotación cuando el FAQ está abierto */
.faq-students .faq-item.open .faq-title .icon {
  transform: rotate(180deg);
}

/* Pages */

.text-testimonial {
  max-height: 75px;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
}

.text-testimonial::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75%;
  background: linear-gradient(transparent, #F2BD9E);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.text-testimonial.expanded::after {
  opacity: 0;
}

.testimonial-readmore {
  margin-top: 15px !important;
  cursor: pointer;
  color: #F15929;
  font-weight: bold;
}

.testimonial-readmore mask {
  color: #7F3F98;
}


/* Contact Form 7 */

.wpcf7 .wpcf7-textarea,
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-select {
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid #414042;
  margin-top: 5px;
}

.wpcf7 input[type=checkbox] {
  background-color: white;
}

.wpcf7 .wpcf7-submit {
  width: auto;
  font-family: 'ArialRounded';
  font-size: var(--fs18);
  border-radius: 10px;
  letter-spacing: -0.9px;
  background-color: #F15A29 !important;
  color: white !important;
}

input.wpcf7-not-valid, select.wpcf7-not-valid {
    border: 1px solid #f15a29 !important;
}

.text-lessons .wpcf7 .wpcf7-textarea,
.text-lessons .wpcf7 .wpcf7-text,
.text-lessons .wpcf7 .wpcf7-select {
  border: 1px solid white;
  color: white;
}

.text-lessons select:not([multiple],[size]) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.text-lessons .wpcf7 .wpcf7-select option {
  color: #414042;
}

/* Archive y Post */

/* Categoria y Producto (woo) */

/* Footer */

footer .kitdigital {
  filter: brightness(0.25);
}
    
footer .fs14 p {
  font-size: var(--fs14) !important;
}


/*--------------------------------------------------------------
>>> MEDIA QUERYS:
---------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
  /* Estilos para dispositivos móviles (teléfonos y tablets en orientación vertical) */
  .wp-block-cover.expanded,
  .wp-block-cover.collapsing {
    margin-bottom: 0;
  }

  .text-lessons {
    position: initial;
  }

  .video-container iframe {
    width: 80vw !important;
  }

  .showcase-orbitta .splide__slide .slide_content {
    width: auto !important; 
  }

}

@media only screen and (min-width: 1024px)	{
  /* Estilos para pantallas de escritorio y dispositivos más grandes */

}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Estilos para pantallas medianas (por ejemplo, laptops pequeñas y tablets grandes) */

}

@media only screen and (min-width: 1280px)	{
  /* Estilos para pantallas grandes (por ejemplo, laptops grandes y monitores de escritorio) */

}