:root{
	--gris: #eff3f8;
	--azul-primario:#002b4c;
	--azul-secundario:#4095ff;
	--text:#e8f2f7;    /* texto claro */
	
}

.has-slideshow #sp-header .sp-megamenu-parent >li >a{
	
	color:var(--azul-primario)!important;
	font-weight: 400 !important;;
}

#offcanvas-toggler{
	color: var(--azul-primario);
}

.has-sub-image #sp-header.menu-fixed#sp-header, .has-sub-image #sp-header.menu-fixed#sp-header .logo, .has-slideshow #sp-header.menu-fixed#sp-header, .has-slideshow #sp-header.menu-fixed#sp-header .logo, #sp-header.menu-fixed#sp-header, #sp-header.menu-fixed#sp-header .logo {
	height: 100px !important;
}

.sp-megamenu-wrapper {
	
	margin-top: 20px !important;;

}



.custom-card{

    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    overflow:hidden;
    text-align:center;
}

  .custom-card img{
    width:100%;
    height:auto;
    display:block;
  }

  .custom-card__body{
    padding:28px 22px 34px;
  }

  .custom-card__title{
    margin:0 0 18px;
    font-size:1.6rem;
    font-weight:bold;
    color:#0f2f4d;
  }

  .custom-card__btn{
    display:inline-block;
    padding:14px 34px;
    background:#0b2a41;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
    transition:background .2s ease;
  }

  .custom-card__btn:hover{
    background:#092033;
  }
  
  .text1{
	  color: white;
    font-size: 2.4rem;
    text-align: center;
  }
    .text2{
		
		color:var(--azul-primario);
	}
  

.sec-nuestros-valores img{ 

	width:128px !important;

}  
.sp-menu-item>.link-inicio{

	/*  display: none; */
  	
}


  /*Pie de página*/
  
  #sp-section-4, #sp-footer  {
	  display: none;
  }
  
  #sp-bottom {
    background-color: var(--azul-primario);
  }
  
  #sp-bottom h1, #sp-bottom p, #sp-bottom a {
	  
	  color:white;
	  
  }


/*Centro de Idiomas*/
    .feature-box {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 6px 18px rgba(0,0,0,.1);
      padding: 20px;
      margin: 40px auto;
      max-width: 960px;
    }
    .feature-box img {
      width: 100%;
      height: auto;
      border-radius: 8px;
    }
    .feature-title {
      color: #0f2f4d;
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 15px;
    }
    .feature-text {
		color:var(--azul-primario);
      line-height: 1.6;
      margin-bottom: 15px;
	  font-weight: 300;
    }
    .btn-feature {
      background: #0b2a41;
      color: #fff;
      padding: 2px 30px;
      font-weight: 600;
      transition: background .2s ease;
    }
    .btn-feature:hover {
      background: #092033;
      color: #fff;
    }
	
	    .steps-section{
      background:var(--azul-primario);
      color:#e8f1f8;
      padding:50px 0 36px;
    }
    .step{
      text-align:center;
      padding:10px 18px;
    }
    .step svg{
      width:68px;
      height:68px;
      margin-bottom:16px;
      stroke:#ffffff;
      fill:none;
      stroke-width:2.3;
    }
    .step p{
      margin:0;
      line-height:1.6;
      font-size:16px;
    }
    .steps-note{
      margin-top:26px;
      text-align:center;
      color:#d9e3eb;
      font-size:16px;
    }
	
	
	.orientacion-texto {
    background: #3d94ff;
    color: #fff;
    padding: 40px 50px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    height: 419px;
}

    /* ====== Estilos Orientación Laboral ====== */
    .orientacion{
      display:grid;
      grid-template-columns: 1fr 1fr;   /* 2 columnas */
      width:100%;
      min-height:370px;                 /* altura aproximada */
    }
    .orientacion-texto{
             /* azul */
      color:#fff;
      padding:40px 50px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
	
	.orientacion-texto-primario{
			
		background:var(--azul-primario);
			
	}
	
	
	.orientacion-texto-secundario{
			
		background:var(--azul-secundario);
			
	}
	
    .orientacion-texto h2{
      margin:0 0 16px;
      font-size: clamp(22px, 3vw, 36px);
      font-weight:600;
      line-height:1.3;
    }
    .orientacion-texto p{
      font-size:15px;
      line-height:1.6;
      margin:0;
      max-width:550px;
    }
    .orientacion-img img{
      width:100%;
      height:100%;
      object-fit:cover;                  /* cubre el área sin deformarse */
    }

	
	
	.divider-blanco{
		border-right: white 0.5px solid;
	}
	
	.divider-azul-primario{
		border-right: var(--azul-primario) 0.5px solid;
	}
	
	.divider-gris{
		border-right: gray 0.5px solid;
	}
	
	
	 /* ===== Sección ===== */
  .two-columns{
    display:grid;
    grid-template-columns: 50% 50%;     /* panel / imagen */
    width:100%;
    min-height:520px;
  }

  /* Panel izquierdo */
  .fora-panel{

    padding:56px 0px 44px 109px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
  }
    .fora-panel h2,   .fora-panel p{
		      color:white;
	}
  
	.pt-10{
		padding-top: 100px;
		
	}
 

  .fora-panel-azul-primario{
    background:var(--azul-primario);
  }

  .fora-panel-azul-secundario{
    background:var(--azul-secundario);
  }

  .fora-panel-gris{
    background:var(--gris);
  }

  .text-gris{
	  
	  color:var(--gris) !important;
	  
  }
  .text-azul-primario{
	  
	  color:var(--azul-primario) !important;
	  
  }
	.font-size-20px{

	font-size: 20px;
	}
  
  /* Panel izquierdo */
  .fora-panel-blanco{
    background:white;

  }
  
  .fora-panel-blanco p, .fora-panel-blanco h2{
	color:var(--azul-primario);
	font-weight: 400;
  }
  
  .fora-inner{max-width:640px; width:100%;}
  .fora h2{
    margin:0 0 8px;
    font-size: clamp(22px, 3.3vw, 34px);
    font-weight:700;
    line-height:1.25;
  }
  .fora small{
    display:block;
    margin-bottom:22px;
    opacity:.9;
    letter-spacing:.03em;
  }
  .fora h3{
    margin:0 0 10px;
    font-size:16px;
    font-weight:700;
  }
  .fora ul{
    list-style:none;
    margin:0;
    padding:0;
  }
  .fora li{
    position:relative;
    padding-left:18px;
    margin:12px 0;
    line-height:1.5;
  }
  .fora li::before{
    content:"-";
    position:absolute;
    left:0; top:0;
    color:var(--text);
  }

  /* Columna imagen */
  .fora-img{
    position:relative;
    overflow:hidden;
  }
  .fora-img img{
    width:100%;
    height:100%;
    object-fit:cover;    /* llena sin deformar */
    display:block;
  }


      /* ===== Estilos de la sección ===== */
    .why-sec{ padding:40px 0 50px; color:#0e2f45; }
    .why-sec h2{
      margin:0 0 30px;
      font-weight:600;
      text-align:center;
      line-height:1.3;
    }

    /* Tarjeta cuadrada */
    .q-card{
      background:#0c3750;          /* azul oscuro */
      color:#fff;
      text-align:center;
      padding:22px;
      border-radius:2px;
      box-shadow:0 2px 10px rgba(0,0,0,.08);
      transition:transform .18s ease, box-shadow .18s ease;
      /* mantener apariencia cuadrada */
      width:100%;
      position:relative;
      overflow:hidden;
    }
    /* hacerla aproximadamente cuadrada respetando el ancho */
    .q-card:before{
      content:"";
      display:block;
      padding-top:100%;            /* 1:1 */
    }
    .q-body{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      padding:22px;
    }
    .q-card:hover{
      transform:translateY(-4px);
      box-shadow:0 8px 24px rgba(0,0,0,.18);
    }

    /* Bloque interior más oscuro como en la imagen */
    .q-inner{
      width:68%;
      height:42%;
      margin-bottom:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:2px;
    }

    /* Iconos (SVG de línea) */
    .q-icon{
      width:56px; height:56px;
      stroke:#ffffff; fill:none; stroke-width:2.5;
      stroke-linecap:round; stroke-linejoin:round;
    }

    .q-text{
      font-size:15px;
      line-height:1.35;
      max-width:260px;
      margin:0 auto;
	      font-weight: 400;
    }