.elementor-611 .elementor-element.elementor-element-2f258d24:not(.elementor-motion-effects-element-type-background), .elementor-611 .elementor-element.elementor-element-2f258d24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#163059;}.elementor-611 .elementor-element.elementor-element-2f258d24{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:5px;margin-bottom:0px;padding:150px 0px 0px 0px;}.elementor-611 .elementor-element.elementor-element-2f258d24 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-611 .elementor-element.elementor-element-44e0eda0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-611 .elementor-element.elementor-element-44e0eda0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-611 .elementor-element.elementor-element-44e0eda0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-611 .elementor-element.elementor-element-44e0eda0 > .elementor-element-populated{padding:100px 100px 100px 100px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-611 .elementor-element.elementor-element-5b9d8b56{text-align:center;}.elementor-611 .elementor-element.elementor-element-5b9d8b56 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:55px;font-weight:bold;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-611 .elementor-element.elementor-element-44b09727 > .elementor-container{max-width:1300px;}.elementor-611 .elementor-element.elementor-element-44b09727{margin-top:50px;margin-bottom:50px;}.elementor-611 .elementor-element.elementor-element-44a1d68d > .elementor-element-populated{padding:050px 050px 050px 050px;}.elementor-611 .elementor-element.elementor-element-17c7c864 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:bold;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-611 .elementor-element.elementor-element-6453de28 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-weight:normal;}.elementor-611 .elementor-element.elementor-element-6453de28 .elementor-nav-menu--main .elementor-item{color:#757575;fill:#757575;padding-left:0px;padding-right:0px;}.elementor-611 .elementor-element.elementor-element-6453de28 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#559B03;}.elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-underline .elementor-item:after,
					 .elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-overline .elementor-item:before,
					 .elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-double-line .elementor-item:before,
					 .elementor-611 .elementor-element.elementor-element-6453de28 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-611 .elementor-element.elementor-element-57e96db2 > .elementor-element-populated{padding:50px 50px 50px 50px;}.elementor-611 .elementor-element.elementor-element-aeea6b2 .elementor-heading-title{font-weight:300;text-transform:uppercase;color:var( --e-global-color-f99599c );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-611 .elementor-element.elementor-element-7134349b > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-611 .elementor-element.elementor-element-c8e8481 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-611 .elementor-element.elementor-element-bde6579 .elementor-button{background-color:#FF3333;font-family:"Open Sans", Sans-serif;font-weight:bold;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-611 .elementor-element.elementor-element-bde6579 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-611 .elementor-element.elementor-element-9368ca9 .elementor-button{background-color:#FF3333;font-family:"Open Sans", Sans-serif;font-weight:bold;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-611 .elementor-element.elementor-element-9368ca9 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-611 .elementor-element.elementor-element-40903f5 > .elementor-background-overlay{background-color:var( --e-global-color-5f8d263 );opacity:0.5;}.elementor-611 .elementor-element.elementor-element-40903f5, .elementor-611 .elementor-element.elementor-element-40903f5 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-611 .elementor-element.elementor-element-40903f5{margin-top:30px;margin-bottom:30px;padding:10px 10px 10px 10px;}.elementor-611 .elementor-element.elementor-element-c1e0e4e{text-align:center;}.elementor-611 .elementor-element.elementor-element-c1e0e4e .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:700;font-style:italic;color:var( --e-global-color-f99599c );}.elementor-611 .elementor-element.elementor-element-dbed20d{padding:0px 100px 0px 100px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-611 .elementor-element.elementor-element-77b8468 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-611 .elementor-element.elementor-element-77b8468 img{border-style:solid;border-color:var( --e-global-color-43043f2 );border-radius:5px 5px 5px 5px;}.elementor-611 .elementor-element.elementor-element-77b8468 .widget-image-caption{color:var( --e-global-color-secondary );font-family:"Bristol", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;}.elementor-611 .elementor-element.elementor-element-24da1b1 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-611 .elementor-element.elementor-element-24da1b1 img{border-style:solid;border-color:var( --e-global-color-43043f2 );border-radius:5px 5px 5px 5px;}.elementor-611 .elementor-element.elementor-element-24da1b1 .widget-image-caption{color:var( --e-global-color-secondary );font-family:"Bristol", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;}.elementor-611 .elementor-element.elementor-element-4a81b96 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-611 .elementor-element.elementor-element-4a81b96 img{border-style:solid;border-color:var( --e-global-color-43043f2 );border-radius:5px 5px 5px 5px;}.elementor-611 .elementor-element.elementor-element-4a81b96 .widget-image-caption{color:var( --e-global-color-secondary );font-family:"Bristol", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;}.elementor-611 .elementor-element.elementor-element-801effa > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-611 .elementor-element.elementor-element-801effa img{border-style:solid;border-color:var( --e-global-color-43043f2 );border-radius:5px 5px 5px 5px;}.elementor-611 .elementor-element.elementor-element-801effa .widget-image-caption{color:var( --e-global-color-secondary );font-family:"Bristol", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;}.elementor-611 .elementor-element.elementor-element-afb7923 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-611 .elementor-element.elementor-element-afb7923 img{border-style:solid;border-color:var( --e-global-color-43043f2 );border-radius:5px 5px 5px 5px;}.elementor-611 .elementor-element.elementor-element-afb7923 .widget-image-caption{color:var( --e-global-color-secondary );font-family:"Bristol", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;}.elementor-611 .elementor-element.elementor-element-ea60e39{padding:0px 100px 0px 100px;}.elementor-611 .elementor-element.elementor-element-7804492:not(.elementor-motion-effects-element-type-background), .elementor-611 .elementor-element.elementor-element-7804492 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.joyfe.es/wp-content/uploads/aprendizaje-activo.jpeg");}.elementor-611 .elementor-element.elementor-element-7804492 > .elementor-container{min-height:720px;}.elementor-611 .elementor-element.elementor-element-7804492 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-611 .elementor-element.elementor-element-7804492{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}@media(max-width:1366px){.elementor-611 .elementor-element.elementor-element-44e0eda0 > .elementor-element-populated{padding:50px 50px 50px 50px;}.elementor-611 .elementor-element.elementor-element-5b9d8b56 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-611 .elementor-element.elementor-element-57e96db2 > .elementor-element-populated{padding:50px 20px 50px 20px;}.elementor-611 .elementor-element.elementor-element-dbed20d{padding:10px 10px 10px 10px;}.elementor-611 .elementor-element.elementor-element-ea60e39{padding:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-611 .elementor-element.elementor-element-44a1d68d{width:30%;}.elementor-611 .elementor-element.elementor-element-57e96db2{width:70%;}}/* Start custom CSS for text-editor, class: .elementor-element-2766450 *//* ------------------------------------------------------------
   Variables de Identidad Visual de Joyfe
   ------------------------------------------------------------ */
:root {
  --joyfe-yellow: #FCB900;
  --joyfe-red: #FF3433;
  --joyfe-green: #55601C;
  --joyfe-dark: #1a1a1a;
  --joyfe-text: #4a4a4a;
  --joyfe-bg-light: #f9f9f9;
  --joyfe-radius: 16px;
  --joyfe-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  --joyfe-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.1);
}

/* ------------------------------------------------------------
   Contenedor y Cabecera
   ------------------------------------------------------------ */
.joyfe-extraescolares-cta {
  font-family: inherit;
  max-width: 1100px;
  margin: 3rem auto;
  padding: 0 1.5rem;
  box-sizing: border-box;
}

.joyfe-cta-header {
  text-align: center;
  margin-bottom: 3rem;
}

.joyfe-cta-header h2 {
  font-size: 2rem;
  font-weight: 800;
  color: var(--joyfe-dark);
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}

.joyfe-cta-header p {
  font-size: 1.1rem;
  color: var(--joyfe-text);
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ------------------------------------------------------------
   Rejilla de Tarjetas
   ------------------------------------------------------------ */
.joyfe-cta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}

/* ------------------------------------------------------------
   Tarjeta Base
   ------------------------------------------------------------ */
.joyfe-cta-card {
  background: #ffffff;
  border-radius: var(--joyfe-radius);
  padding: 2rem;
  box-shadow: var(--joyfe-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border-top: 6px solid transparent;
  display: flex;
  flex-direction: column;
}

.joyfe-cta-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--joyfe-shadow-hover);
}

/* Modificadores de Tarjeta por Categoría */
.joyfe-cta-card--sports {
  border-top-color: var(--joyfe-red);
}

.joyfe-cta-card--languages {
  border-top-color: var(--joyfe-green);
}

/* ------------------------------------------------------------
   Cabecera de la Tarjeta (Icono + Título)
   ------------------------------------------------------------ */
.joyfe-cta-card-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.joyfe-cta-card-icon {
  font-size: 2.2rem;
  line-height: 1;
  background: var(--joyfe-bg-light);
  padding: 0.75rem;
  border-radius: 12px;
}

.joyfe-cta-card-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--joyfe-dark);
  margin: 0;
}

.joyfe-cta-card-desc {
  font-size: 0.95rem;
  color: var(--joyfe-text);
  line-height: 1.6;
  margin-bottom: 2rem;
  flex-grow: 1; /* Empuja los botones hacia abajo para alinear */
}

/* ------------------------------------------------------------
   Contenedor y Estilo de Botones
   ------------------------------------------------------------ */
.joyfe-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.joyfe-btn {
  display: block;
  width: 100%;
  padding: 1rem 1.25rem;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  border: 2px solid transparent;
  letter-spacing: 0.01em;
}

/* Botones para la tarjeta de Deportes (Rojo) */
.joyfe-btn--sports-primary {
  background-color: var(--joyfe-red);
  color: #ffffff;
  border-color: var(--joyfe-red);
}

.joyfe-btn--sports-primary:hover,
.joyfe-btn--sports-primary:focus {
  background-color: #c90900;
  border-color: #e05a54;
  transform: scale(1.02);
}

.joyfe-btn--sports-secondary {
  background-color: transparent;
  color: var(--joyfe-red);
  border-color: var(--joyfe-red);
}

.joyfe-btn--sports-secondary:hover,
.joyfe-btn--sports-secondary:focus {
  background-color: rgba(251, 105, 98, 0.08);
  transform: scale(1.02);
}

/* Botones para la tarjeta de Idiomas (Verde) */
.joyfe-btn--languages-primary {
  background-color: var(--joyfe-green);
  color: #ffffff;
  border-color: var(--joyfe-green);
}

.joyfe-btn--languages-primary:hover,
.joyfe-btn--languages-primary:focus {
  background-color: #44501a;
  border-color: #44501a;
  transform: scale(1.02);
}

/* Acento Amarillo: Un detalle sutil en el título de la tarjeta */
.joyfe-cta-card--sports .joyfe-cta-card-title::after,
.joyfe-cta-card--languages .joyfe-cta-card-title::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background-color: var(--joyfe-yellow);
  margin-top: 4px;
  border-radius: 2px;
}

a.joyfe-btn--sports-primary:hover {
    color: #fff;
}
a.joyfe-btn--languages-primary:hover {    color: #fff;
}

/* ------------------------------------------------------------
   Responsive
   ------------------------------------------------------------ */
@media (max-width: 650px) {
  .joyfe-cta-grid {
    grid-template-columns: 1fr;
  }
  .joyfe-cta-card {
    padding: 1.5rem;
  }
  .joyfe-cta-header h2 {
    font-size: 1.6rem;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ea60e39 */.flipbook-bookLayer.flipbook-move.flipbook-disable-text-selection {
    background-color: #193158;
    background: linear-gradient(180deg, #193158, black);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bristol';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.joyfe.es/wp-content/uploads/bristol.woff') format('woff');
}
/* End Custom Fonts CSS */