div{
    border:solid 0px red;
}
body {
 font-family: 'MyriadPro', sans-serif; /* base legible para textos */
  margin: 0;
  background-color: white;
  color: #333;

}
     #nosotro{
         display:none;
}
      #nosotro2{
          display:block;
}
.seccion_dec
{
    width:100%;
    display:block;
}
.seccion_dec_mb {
display:none;
width:100%;
}
 .checkbox-align-top
          {
              margin-top:-20px;
          }
          .checkbox-align-top input[type="checkbox"] {
    vertical-align: top;
    margin-top: -0px; /* ajusta si lo ves un poco descentrado */
    font-size:11px;
}
          .checkbox-align-top a {
              color:black;
}
.bportada{
    padding-bottom:20px;border-bottom:solid 5px #ff4817;padding-top:0px;
}
/* Fuente Inter Tight */
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; /* porque es variable */
  font-style: normal;
}

/* Fuente Myriad Pro */
@font-face {
  font-family: 'MyriadPro';
  src: url('fonts/MyriadPro-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


h1, h2, h3, h4, .boton, .menu, .titulo-principal {
  font-family: 'InterTight', sans-serif; /* títulos y elementos clave */
}
/* === BARRA DE CONTACTO SUPERIOR === */
.barra-contacto {
  background-color: #ff4817;
  color: white;
  padding: 0.75rem 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.b90{
    width:90%;margin:auto;
        font-weight:lighter;
        line-height:24px;
        color:#333;


}
.boton-solicitar2 {
  background-color: #b6dcc6;
  color: black;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: 999px;
  display: inline-block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
/* === BARRA DE CONTACTO SUPERIOR === */
.barra-contacto img {
  width: 32px;
  vertical-align: middle;
  margin-right: 0.5rem;
}


/* === BARRA DE CONTACTO SUPERIOR === */
.barra-contacto .info-izquierda,

/* === BARRA DE CONTACTO SUPERIOR === */
.barra-contacto .info-derecha {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 1rem;
}
    .info-izquierda, h1 {
        font-size:15px;
        font-weight:normal;
    }
.info-derecha a{ 
    color:white; text-decoration:none;

}

/* === CABECERA === */
.cabecera {
  background-color: black;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
}


/* === CABECERA === */
.cabecera .logo img {
  height: 70px;
}

.menu ul {
  list-style: none;
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0;
  background-color:black;
}

.menu a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}


/* === BLOQUE INICIAL CON TEXTO Y FORMULARIO === */
.bloque-inicial {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3rem 2rem;
  background-color: #f5f8fb;

}



.texto-izq {
  display: flex;                        /* 🔹 Esto es clave */
  flex-direction: column;              /* 🔹 Para que los hijos se apilen verticalmente */
  flex: 1 1 45%;
  margin-right: 2rem;
  height: 400px;
  padding-left:3rem;
  padding-bottom:20px;
  justify-content: flex-end;           /* 🔹 Alinea los hijos al fondo */


}
.texto-izq_sec
{
    height:200px;
    color: red;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);

}


.texto-izq h1 {
    
  font-size: 1.8rem;
  font-weight:bolder;
  width: 400px;
  max-width:90%;
  color: #ff4817;
  margin-bottom: 1.5rem;

       color: #fff;


  
}
.texto-izq h2 {
    
  font-size: 1.2rem;
  font-weight: 500;
  width: 400px;
  max-width:90%;
 
  margin-bottom: 1.5rem;
 color: #fff;


  
  
}



form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

form label {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

form input {
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}
button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none; /* Evita contorno al hacer clic */
  display: flex;
  align-items: center;
  justify-content: center;
}
form button {
  background-color: #002d5d;
  color: white;
  padding: 0.75rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.icono-texto {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.icono-texto img {
  height: 40px; /* ajusta según diseño */
  width: auto;
}
.icono-texto a {
  font-size:20px;
  color:black;
  text-decoration:none;
}
.titulo-cursos {
  font-size: 42px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.titulo-cursos .naranja {
  color: #ff4817;
}
.a negro{
 color: #000000;
 text-decoration:none
}
.titulo-cursos .negro {
  color: #000000;
}
/* Imagen flotante adhesivos */
.img-adhesivos {
  width: 300px;
  margin-top: -200px;
  float: right;
  margin-right: 50px;
}
.img-adhesivos2 {
 max-width: 200px; height: auto; display: block;
}
.img-adhesivos3 {
  width: 200px;
  margin-top: -100px;
  float: right;
  margin-right: 50px;
}

/* Bloque principal con fondo blanco y márgenes laterales */
.bloque-blanco {
  width: 80%;
  background-color: transparent;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 20px;
  margin-top:40px;
     border-bottom:solid 10px #ff4817;
}
.bloque-blanco2 {
  width: 80%;
  background-color: white;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 80px;
  margin-top:0px;
  padding-top:30px;

  overflow:auto;
  
 
}
.col50
        {
            width:calc(50% - 42px);float:left;padding:0px;
            line-height:22px;
                
        }
.dere
{ float:right}
.col50 h2
{
    color:#ff4817;
    line-height:1.4;
}
.col50 ul {
    font-size:1.1em;
    line-height:1.7
}
.col50 ul li {
  list-style: none;       /* ❌ Elimina el bullet por defecto */
  position: relative;
  padding-left: 1.5em;    /* Espacio para el visto */
}
.col50 ul li::before {
  content: "·";
 list-style: none;
 padding-right:12px;
  left: 0;
}
.col50 li a
{
     color:black;
     text-decoration:none;
}

/* === SLIDER DE CURSOS === */
.slider-section {
      background-color: #000;
      color: #fff;
      padding: 3rem 1rem 2rem;
      text-align: center;
      padding-bottom:160px;
     
    }
.titulo-subtitulo {
  display: flex;
  align-items: center; /* Centra verticalmente */
  gap: 2rem; /* Espacio entre h2 y p */
  flex-wrap: wrap; /* Opcional: para que se apilen en móvil */
  padding-left:35px;
}

/* Título */
.titulo-subtitulo h2 {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0;
}

/* Subtítulo */
.titulo-subtitulo p {
  font-size: 1.5rem;
  font-weight: 300;
  margin: 0;
}

/* === SLIDER DE CURSOS === */
    .slider-section h2 {
      font-size: 2.5rem;
      font-weight: 800;
      margin-bottom: 0.25rem;
    }


/* === SLIDER DE CURSOS === */
    .slider-section p {
      font-size: 1.4rem;
      font-weight: 300;
      margin: 0;
    }

    .carousel-container {
      position: relative;
      padding: 0rem 3rem;
   
      margin-top:-150px;
      padding-bottom:100px;
      height:auto;
    }

   .carousel {
         border:solid 0px blue;
  overflow-x: auto;
  scroll-behavior: smooth;
  display: flex;
  gap: 2rem;
  padding-bottom: 1rem;
  padding:0px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.carousel::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

    .card {
      flex: 0 0 calc(25% - 2rem);
      background-color: #b9ddc8;
      border-radius: 20px;
      padding: 0rem;
      min-height: 260px;
      box-sizing: border-box;




      scroll-snap-align: start;
    }

.card img{

  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}


    .card h3 {
      font-size: 1.4rem;
      font-weight: bold;
      margin-bottom: 1rem;
      color:black;
      padding-left:2rem;
      padding-right:2rem;
      padding-bottom:0px;
    }

    .card p {
      font-size: 1rem;
      line-height: 1.4;
       color:black;
       padding:2rem;
       padding-top:0px;
    }

    .card a {
      
      margin-top: 0;
      text-decoration: none;
      font-weight: bold;
      color: #000;
        display: block;
    }

    .card:last-child a {
      color: #ff4817;
    }
   
    .nav-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2rem;
      background: none;
      border: none;
      cursor: pointer;
      z-index: 2;
      color: #000;
    }

    .nav-left {
      left: 1rem;
    }

    .nav-right {
      right: 1rem;
    }

 .franja-naranja {
  width: 100%;
  height: 100px;
  background-color: #ff4817;
  overflow: auto;
  position: relative;
  margin-top: -20px; /* 🔸 solapa hacia arriba (ajustable) */
} 
/* ==============  BLOG */
#carouselBlog .card {
  background-color: #e6f0ea; /* Más claro que el de cursos */
  padding:0px;
  padding-bottom:2rem
}
#carouselBlog p,
#carouselBlog h3,
#carouselBlog a {
  padding-left: 2rem;
  padding-right: 2rem;
}


#carouselBlog .card h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
}

#carouselBlog .card a {
  color: #000000; /* negrp */
}

/* === BLOQUE DE VENTAJAS (ROJO) === */
    .ventajas-fraunhofer {
  margin: 0;
  padding: 0;
}
    .img-blog {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 20px 20px 0 0; /* solo las esquinas superiores redondeadas */
  object-fit: cover;
}

/* Bloque rojo */

/* === BLOQUE DE VENTAJAS (ROJO) === */
.ventajas {
  background-color: #ff4817;
  color: white;
  display: flex;
  justify-content: space-around;
  text-align: center;
  padding: 2rem 1rem;
  flex-wrap: wrap;
}

.ventaja {
  max-width: 300px;
  margin: 1rem;
}

.ventaja img {
  height: 90px;
  margin-bottom: 1rem;
}
.ventaja a {
  
text-decoration:none;
color:white;
}

/* Bloque blanco */

/* === BLOQUE FRAUNHOFER (BLANCO) === */
.fraunhofer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0rem 5%;
  padding-right:0%;
  background-color: white;
  align-items: center;
  
  
  
}

.texto2
{
    width:70%;
}
/* === BLOQUE FRAUNHOFER (BLANCO) === */
.fraunhofer .texto {
  flex: 1 1 50%;
  max-width: 500px;
}


/* === BLOQUE FRAUNHOFER (BLANCO) === */
.fraunhofer .texto h2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}


/* === BLOQUE FRAUNHOFER (BLANCO) === */
.fraunhofer .texto p {
  margin-bottom: 1rem;
  line-height: 1.5;
}


/* === BLOQUE FRAUNHOFER (BLANCO) === */
.fraunhofer .texto .partner {
  font-size: 0.9rem;
  font-style: italic;
}


/* === BLOQUE FRAUNHOFER (BLANCO) === */
.fraunhofer .imagen {
  flex: 1 1 40%;
  text-align: right;
}


/* === BLOQUE FRAUNHOFER (BLANCO) === */
.fraunhofer .imagen img {
  width: 100%;
  max-width: 570px;
  
}

/* Bloque verde */

/* === BLOQUE CTA VERDE === */
.cta {
  background-color: #b9ddc8;
  text-align: center;
  padding: 2rem 1rem;
  color: black;
}


/* === BLOQUE CTA VERDE === */
.cta p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.flechas {
  font-size: 2rem;
  letter-spacing: 0.2rem;
  margin-bottom: 1rem;
}

.boton-negro {
  background-color: black;
  color: white;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  border-radius: 30px;

   

}

.boton-verde {
  background-color:#b9ddc8;
  color: black;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  border-radius: 30px;
  max-width:80%;
   

}
/* === PIE DE PÁGINA === */
.footer {
  background-color: white;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 0rem;
  text-align: center;
}
.footer-bottom img.iso {
  height: 60px;
  align-self: center 
}

/* === PIE DE PÁGINA === */
.footer-icono-central img {
  width: 120px;
  margin-bottom: -60px;
}


/* === PIE DE PÁGINA === */
.footer-contenido {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: left;
  padding: 0 2rem;
  margin-bottom: 0rem;
  gap: 1rem;
  background-color:black;
  padding-top:50px;
      
}


/* === PIE DE PÁGINA === */
.footer-col {
  flex: 1 1 220px;
  max-width: 250px;
  margin: 1rem 0;
}


/* === PIE DE PÁGINA === */
.footer-col h4 {
  font-size: 1rem;
  margin-bottom: 1rem;
}


/* === PIE DE PÁGINA === */
.footer-col p,

/* === PIE DE PÁGINA === */
.footer-col li {
  font-size: 0.9rem;
  line-height: 1.5;
}


/* === PIE DE PÁGINA === */
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


/* === PIE DE PÁGINA === */
.footer-col ul li a {
  color: #fff;
  text-decoration: none;
}
.footer-col  a {
  color: #fff;
  text-decoration: none;
}

/* === PIE DE PÁGINA === */
.footer-col.redes .iconos-redes  {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.iconos-isos
{
    display: flex;
  gap: 1rem;
  margin-top: 1rem;

}
/* === PIE DE PÁGINA === */
.iconos-redes img {
  width: 46px;
}
.iconos-isos img {
  width: 146px; height:50px;
}

/* === PIE DE PÁGINA === */
.footer-col.boton-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  color:red;
}


/* === PIE DE PÁGINA === */
.boton-footer {
  background-color: #b9ddc8;
  color: #000;
  font-weight: bold;
 
  text-decoration: none;
  font-size: 0.95rem;
  display: inline-block;
  text-align:center
}

/* Línea inferior con logos */

/* === PIE DE PÁGINA === */
.footer-bottom {
  border-top: 1px solid white;
  margin-top: 0rem;
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 3rem;
  flex-wrap: wrap;
  background-color:black
}


/* === PIE DE PÁGINA === */
.footer-bottom img {
  height: 100px;
}
.footer-bottom iso {
    height: 60px !important;

}

/* === FORMULARIO DE CONTACTO PEQUEÑO === */
#form_cerrar{
    font-weight:bold;float:right;padding-top:20px;font-size:20px;
    
}
.formulario-contacto {
  max-width: 400px;
  background-color: #ffffff;
  border-radius: 24px;
  padding: 2rem;
  padding-bottom:0px;
  padding-top:0px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.30); /* más marcada */
  
  position: absolute;
  right: 100px;
  z-index:1000;
}


/* === FORMULARIO DE CONTACTO PEQUEÑO === */
.formulario-contacto h2 {
  color: #ff4817;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}


/* === FORMULARIO DE CONTACTO PEQUEÑO === */
.formulario-contacto p {
  color: #000;
  font-size: 0.85rem;
  margin-bottom: 1rem;
  margin:0px;
}

.input-text {
  width: 100%;
  padding: 0.9rem 1rem;
  margin-bottom: 0rem;
  border: 1px solid #000;
  border-radius: 99px;
  font-size: 1rem;
  font-family: inherit;
  outline: none;
  box-sizing: border-box;
}
.input-textarea2 {
  width: 100%;
  padding: 0.9rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid #000;
  border-radius: 20px;
  font-size: 1rem;
  font-family: inherit;
  outline: none;
  box-sizing: border-box;
}

.fila {
  display: flex;
  gap: 1rem;
}

.fila .input-text {
  flex: 1;
}


/* === PIE DE PÁGINA === */
.boton-footer {
  width: 100%;
  background-color: #b9ddc8;
  color: #000;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.9rem;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  font-family: inherit;
}

.cabecera-movil
{
    display:none;
}
.bloque-fraunhofer
{
    display:none;
}
.bloque-contacto
{
    display:none;
}
.diploma
{
   
    width:70px;max-width:70px;
   
    
}
.diploma_p {
margin-bottom:0px;
padding:2rem; padding-bottom:0px;

margin-bottom:0px;
}

/*seccion propia*/
   .col100{
            width:90%;margin:auto;font-size:18px;font-weight:200;padding-top:40px;padding-bottom:90px;color:black;
        }
        .col75{
            width:calc(55% - 40px);float:left;text-align:justify; padding-bottom:0px;
            padding-right:40px;
        }
        .col25{
            width:45%;float:left

        }
        .h1_gener{
            font-size:2rem;color:#ff4817
        }
        .banner
        {
            width:75%;float:right;margin-bottom:40px;max-width:800px;
        }
        .gris_url{
            color:#737373
        }
        .gris_url a{
            color:#737373;
            text-decoration:none

        }
/** fin seccion propia*/
/**podcast*/
.adh-container {
 
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px 20px;
  color: #111;
  background-color: #fff;
  padding-bottom:150px;
}

    .adh-breadcrumb {
      color: #999;
      font-size: 14px;
    }
        .breadcrumb2 {
      color: #999;
      font-size: 14px;
      width:100%;
      padding-top:40px;
    }
    .adh-title {
      font-size: 36px;
      margin: 10px 0;
    }

    .adh-title-highlight {
      color: #ff4500;
      font-weight: bold;
    }

    .adh-subheading {
      font-size: 18px;
      font-weight: bold;
      margin: 20px 0 30px 0;
    }

    .adh-podcast-block {
      width:100%;
      padding-bottom:0px;
      overflow:auto;
    }

    .adh-podcast-video {
     
      width: 45%;
 
      float:left;
    }

    .adh-podcast-video img,
    .adh-podcast-video iframe {
      width: 100%;
      border-radius: 20px;
      background-color: #ccc;
    }

    .adh-podcast-details {
     width:50%;float:right;
    }

    .adh-podcast-date {
      font-size: 14px;
      color: #999;
      margin-bottom: 10px;
    }

    .adh-episode-title {
      font-size: 24px;
      color: #ff4500;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .adh-episode-description {
      font-size: 16px;
      line-height: 1.5;
      color: #222;
    }
    /*fin podcast*/
    /*noticias*/
        .blog-adh-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Helvetica Neue', sans-serif;
  color: #111;
}

.blog-adh-breadcrumb {
  color: #aaa;
  font-size: 14px;
  margin-bottom: 10px;
}

.blog-adh-title {
  font-size: 36px;
  margin: 0;
}

.blog-adh-title .naranja {
  color: #ff4817;
  font-weight: bold;
}

.blog-adh-subtitle {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 40px;
}

.blog-adh-columns {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* Columna principal */
.blog-adh-main {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.blog-adh-entry {
  background-color: white;
  border-radius: 20px;
  overflow: hidden;
}

.blog-adh-entry.destacado {
  background-color: #d8f0df;
  padding: 30px;
  border-radius: 20px;
}

.blog-adh-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.blog-adh-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}

.blog-adh-badge {
  position: absolute;
  top: -20px;
  left: -20px;
  
  background-size: contain;
  width: 100px;
  height: 100px;
  content: '';
}

.blog-adh-date {
  font-weight: bold;
  margin: 15px 0 10px;
}

.blog-adh-text {
  line-height: 1.6;
  font-size: 16px;
  color: #222;
}

.blog-adh-more {
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  color: #000;
}

/* Columna lateral */
.blog-adh-sidebar {
  flex: 1 1 30%;
}

.blog-adh-sidebar h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.blog-adh-sidebar-entry {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.blog-adh-sidebar-thumb {
  flex: 0 0 80px;
  background-color: #ccc;
  width: 80px;
  height: 80px;
  border-radius: 10px;
}

.blog-adh-sidebar-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.blog-adh-sidebar-text {
  flex: 1;
  font-size: 14px;
}

.blog-adh-divider {
  border-bottom: 2px solid #ff4817;
  margin: 10px 0 20px;
}
.blog_a
{
    color:black;text-decoration:none
}
/*fin noticias*/
/*paginador*/
     .paginacion-adh {
  text-align: center;
  margin: 40px 0;
}

.paginacion-adh-lista {
  display: inline-flex;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 32px;
  align-items: center;
}

.paginacion-adh-lista a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

.paginacion-adh-lista .activo {
  color: #ff4817;
  position: relative;
}

.paginacion-adh-lista .activo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 4px;
  background-color: #ff4817;
  border-radius: 2px;
}

.paginacion-adh-lista .puntos {
  pointer-events: none;
  color: black;
}

.paginacion-adh-lista .flecha {
  font-size: 32px;
  font-weight: bold;
}

/* fin paginador*/

/* curso lista*/
.curso_lista
{
    height:auto; display:flex; justify-content:center; gap:5%; flex-wrap:wrap;
}
.cdcursos
{
    width:50%;float:left;margin-bottom:40px;
}
/* fin cursor */

/*cursos*/
 .valoracion-card {
  background-color:transparent;
  text-align: center;
  padding: 2rem 1rem;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0,0,0,0.05);
  flex: 0 0 calc(25% - 2rem);

}

.foto-valoracion {

 width: auto !important;
  height: 100px;
  margin-top:50px !important;
  
 
 
}

.nombre-valoracion {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.estrellas {
  width:20px !important;
  margin-bottom:20px !important;
}

.separador {
  width: 40px;
  border: 1px solid black;
  margin: 0 auto 1rem;
}

.texto-valoracion {
  font-size: 1rem;
  line-height: 1.5;
  color: #222;
  margin-bottom: 1rem;
  text-align:justify
}

.fecha-valoracion {
  font-size: 0.9rem;
  color: #999;
}
.valoraciones
{
    background-color:white;

 
    
}
.valoraciones-titulo
{
    color:black
}
.valoraciones-subtitulo
{
    color:black
}
/*fin cursos*/
/*nosotros*/

 .p_nosotros
            {
                font-size:22px;
                padding-bottom:60px;
            }
            .equipo-persona {
  background: none;
  color: black;
  border-radius: 20px;
  padding: 1.5rem;
  width: 280px;
  text-align: left;
 
}
            .img-equipo {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 1rem;
}

.boton-leer {
  background: none;
  color: #f44b00;
  border: none;
  cursor: pointer;
  font-weight: bold;
  margin-top: 1rem;
}
.color-acento
{
    color:#ff4817;
    font-size:22px;
}
.info-oculta {
  display: none;
  background: white;
  color: black;
  margin: 2rem auto;
  padding: 1.5rem;
  max-width: 600px;
  border-top: 2px solid #f44b00;
  border-bottom: 2px solid #f44b00;
}

.info-oculta ul {
  padding-left: 1rem;
}
/*fi nosotros*/
/*contacto*/
    .contacto-container {
  padding:2rem 1rem;
  max-width: 1100px;
  margin: 0 auto;
}

.contacto-bloque {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 0rem;
  padding-top:0px;margin-top:0px;

}

.contacto-texto {
  flex: 1 1 600px;
  color:black;
  margin-top:0px;
}

.ruta-texto {
  font-size: 0.9rem;
  color: #888;
  margin-bottom: 1rem;
}

.titulo-seccion {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color:black;
}

.naranja {
  color: #ff4a1c;
}

.subtitulo-contacto {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.parrafo-contacto {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  color:black
}

.contacto-datos {
  margin-top: 2rem;
}

.contacto-linea {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.contacto-linea a{
    color:black;
    text-decoration:none
}
.icono-contacto {
  width: 36px;
  height: 36px;
  margin-right: 1rem;
}

.contacto-boton {
  flex: 0 0 auto;
  display: flex;
  align-items: start;
}

.boton-verde {
  background-color: #c3e4cf;
  color: black;
  font-weight: bold;
  padding: 1rem 2rem;
  border-radius: 30px;
  text-decoration: none;
  display: inline-block;
}

.ubicacion-bloque {
  margin-top: 2rem;
}

.mapa-ubicacion {
  position: relative;
  margin-top: 2rem;
}

.img-mapa-contacto {
  width: 100%;
  border-radius: 12px;
}

.sello-contacto {
  position: absolute;
  top: -1rem;
  right: 1rem;
  width: 120px;
  transform: rotate(-10deg);
}
/*fin contacto*/
/*seccion*/
.col100{
            width:90%;margin:auto;font-size:18px;font-weight:200;padding-top:40px;padding-bottom:90px;
        }
        .col75{
            width:calc(55% - 40px);
           float:left;text-align:justify; padding-bottom:110px;
        }
        .col25{
            width:45%;float:left

        }
        .h1_gener{
            font-size:2rem;color:#ff4817
        }
        .banner
        {
            width:75%;float:right;margin-bottom:40px;max-width:800px;
        }
        .gris_url{
            color:#737373
        }
        .gris_url a{
            color:#737373;
            text-decoration:none

        }
/*fin seccion*/
/*vercurso*/
  .curso-detalle-container {
  background-color: white;
  padding: 3rem 1rem;
  max-width: 900px;
  margin: auto;
  font-family: 'Inter', sans-serif;
}

.curso-detalle-titulo {
  background-color: black;
  color: white;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: bold;
}

.curso-detalle-lista {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 0;
}

.curso-detalle-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;

  border-bottom: 1px solid #e06648;
  padding-bottom: 1rem;
  color:black;
}

.curso-detalle-icono {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.curso-detalle-etiqueta {
  font-weight: bold;
  min-width: 150px;
  color: #111;
}

.curso-detalle-valor {
  flex: 1;
  font-weight: 300;
  line-height: 1.6;
  vertical-align:top;
}

.curso-detalle-listado {
  list-style: disc;
  padding-left: 1.2rem;
  margin: 0;
}

.curso-opiniones {
  margin-top: 4rem;
  text-align: center;
  color:black;
}

.curso-opiniones-titulo {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

.curso-opiniones-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.curso-opinion {
  width: 200px;
  font-size: 0.95rem;
  text-align: left;
}

.curso-opinion-estrellas {
  color: #88c5a7;
  margin: 0 0 0.5rem 0;
}

.curso-opiniones-paginador {
  margin-top: 1rem;
  font-size: 1.5rem;
  color: #333;
}

.curso-boton-centro {
  text-align: center;
  margin-top: 3rem;
}

.curso-boton-info {
  background-color: #b6dcc6;
  color: black;
  padding: 1rem 2rem;
  font-weight: bold;
  font-size: 1.1rem;
  border-radius: 999px;
  text-decoration: none;
  display: inline-block;
}
.curso-detalle-titulo-wrapper {
  background-color: black;
  width: 100%;
  padding-top:20px;
  padding-bottom:20px;
  
}

.curso-detalle-titulo {
  color: white;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 auto;
  max-width: 900px; /* o el ancho que uses */
}
/* fin vercurso*/
  @media (max-width: 768px) {
      .curso-detalle-item {
  display:block;
  align-items: flex-start;
  gap: 1rem;

  border-bottom: 1px solid #e06648;
  padding-bottom: 1rem;
  color:black;
}
      .curso-detalle-icono
      {
          text-align:center;
           min-width: 100%;
      }
      .curso-detalle-etiqueta {
  font-weight: bold;
  min-width: 100%;
  text-align:center;
  color: #111;
}
      .curso-detalle-valor {
          
          width:100% !important;
          float:right;
 
  font-weight: 300;
  line-height: 1.6;
  vertical-align:top;
}
      /*seccion*/
      #nosotro{
         display:none;
}
      #nosotro2{
          display:block;
}
      .seccion_dec
{
    width:100%;
    display:none;
}
.seccion_dec_mb {
display:block;
width:100%;
}
.col100{
            width:90%;margin:auto;font-size:18px;font-weight:200;padding-top:40px;padding-bottom:90px;
        }
        .col75{
            width:100%;
        }
        .col25{
            width:100%;

        }
        .h1_gener{
            font-size:2rem;color:#ff4817
        }
        .banner
        {
            width:100%;float:right;margin-bottom:40px;max-width:800px;
        }
        .gris_url{
            color:#737373
        }
        .gris_url a{
            color:#737373;
            text-decoration:none

        }
/*fin seccion*/
      /*contacto*/
      contacto-texto {
  flex: 1 1 100px;
  color:black;
  margin-top:0px;
}

  .contacto-texto {
    width: 100%;
  }

  .contacto-boton {
    width: 100%;
    justify-content: center;
    margin-top: 1.5rem;
  }

  .boton-verde {
    width: 100%;
    text-align: center;
  }

  .titulo-seccion {
    font-size: 1.6rem;
  }

  .subtitulo-contacto,
  .parrafo-contacto {
    font-size: 1rem;
  }

  .icono-contacto {
    width: 28px;
    height: 28px;
  }

  .sello-contacto {
    width: 80px;
    bottom: 0.5rem;
    right: 0.5rem;
  }

      /*fin contacto*/
      /* noticias*/
      .blog-adh-columns {
    flex-direction: column;
  }
      .img-adhesivos3 {
  width: 100px;
  margin-top: -100px;
  float: right;
  margin-right: 50px;
}
      .texto2
{
    width:100%;
}
  .blog-adh-main,
  .blog-adh-sidebar {
    flex: 1 1 100%;
  }
  /*fin noticias*/
     .cabecera
      {
          display:block;
      }
      #menuweb {
          display:none;
    position: fixed;
    top: 60px; /* Ajusta según la altura de tu cabecera */
    left: 0;
    width: 100%;
    background-color: black;
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 999;
    display:block;
   
  }
      .col50
        {
            width:100%;float:left;padding:0px;            
            padding-top:0px;
            line-height:22px;
            color:black;
                
        }
.texto-izq {
  
  max-width:80%;

}
  #menuweb.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
      .bloque-blanco {
  
  margin-top:20px;
}
  .titulo-subtitulo {
  display: flex;
  align-items: center; /* Centra verticalmente */
  gap: 2rem; /* Espacio entre h2 y p */
  flex-wrap: wrap; /* Opcional: para que se apilen en móvil */
  padding-left:35px;
  
  margin-top:20px;
  text-align:center; 
}
      .card 
      {
        flex: 0 0 80%;
      }
      /* Título */
.titulo-subtitulo h2 {
  
  margin: 0;
}

/* Subtítulo */
.titulo-subtitulo p {

  margin-top: -20px;
}
      /* === SLIDER DE CURSOS === */
    .slider-section {
          
          padding: 3rem 1rem 2rem;
          text-align: center;
          padding-bottom:150px;
          background-color:black;
          
        }
        /* === SLIDER DE CURSOS === */
              .slider-section h2 {
                font-size: 1.8rem;
              }


        /* === SLIDER DE CURSOS === */
              .slider-section p {
                font-size: 1.1rem;
              }

              /* ==== cabecera movil === */
              body {
         
         
          color: white;
        }
    
 
    .carousel-container
    {
        margin-top:-120px;
        background-color: transparent;
    }
        /* Cabecera móvil */
        .cabecera-movil {
          background-color: black;
          padding: 4px;
          display: flex;
          justify-content: space-between;
          align-items: center;
         position:fixed;
         z-index:2000;
         width:100%;
         
        }
      

        .logo_mobil img {
          height: 40px;
        }

        .iconos-header {
         
          
          align-items: center;
           
        }
        /* Imagen flotante adhesivos */
        .img-adhesivos {
          width: 200px;
          margin-top: -140px;
          float: right;
          margin-right: 0px;
        }
        .iconos-header img {
          width: 40px;
          height: 40px;
          margin:0px;
          float:left;
        }

        /* Imagen principal con overlay */
        .bloque-fraunhofer {
          position: relative;
          width: 100%;
          overflow: hidden;
        }

        .imagen-fondo img {
          width: 100%;
          display: block;
        }

        .overlay-texto {
          position: absolute;
          bottom: 1rem;
          left: 1rem;
          color: white;
        }

        .overlay-texto p {
          font-size: 0.9rem;
          margin-bottom: 0.5rem;
          line-height: 1.3;
         
        }

        .overlay-texto img {
          height: 30px;
        }
        .barra-contacto
        {
            display:none;
        }
        .logo
        {
         display:none
        }
        .formulario-contacto
        {
            display:none;
          
        }
       .menu {

  position:fixed;         /* 🔹 Lo hace flotar */
  top: 80px;                 /* 🔹 Distancia desde arriba */
  right: 0;                   /* 🔹 Pegado al borde derecho */
  background-color: black;    /* 🔹 Fondo negro */
  padding: 1rem;
  width: 200px;               /* Puedes ajustar el ancho si quieres */
  z-index: 2999;               /* Asegura que esté por encima de otros elementos */
  border-radius: 0 0 0 10px;  /* (opcional) redondeado en la esquina inferior izquierda */
 
}

.menu ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.menu a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1rem;
  display: block;
  padding: 0.5rem 0;
}

/* Estilos por defecto: oculto y animable */


.bloque-inicial {nosotro
 display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:0rem 0rem;
  background-color: #f5f8fb;

  background-size: cover;           /* Escala para cubrir el contenedor */
  background-position: center;      /* Centra la imagen */
  background-repeat: no-repeat;     /* Evita que se repita */
  
 
 
}
.titulo-cursos {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.icono-texto {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  color:black;
}


.fraunhofer {

  padding: 0rem 0%;
    
}
.fraunhofer .texto {
    flex: 1 1 100%;
 width: 100%;
 color:black;
 max-width: 100%;
 padding-bottom:30px;
 padding:5%;
}
.fraunhofer .imagen {
   
  flex: 0  0 100%;
  text-align: center;
  width:100%;
}
.fraunhofer .imagen img {
  width: 100%;
  max-width: 100%;
  height: auto; /* mantiene la proporción */
  display: block; /* elimina espacios blancos debajo de la imagen */
 border-radius: 0; 
}
 .card {
      flex: 0 0 calc(50% - 2rem);
      background-color: #b9ddc8;
     
    }
  .card-blog {
      background-color:red;
     
    }


 .ventaja img {
  height: 200px;
  margin-bottom: 1rem;
}

 /* === PIE DE PÁGINA === */
 .footer-icono-central img
 {
     width:200px;
      margin-bottom: -100px;
 }
.footer-contenido {
    
    padding-top:100px;
  
}
.footer-col.redes img 
{
    width:50px;
}
.boton-footer
{
    display:none;
}
/* Contenedor general */
.bloque-contacto {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: #f0f0f0; /* Fondo gris claro del bloque */
  padding: 2rem;
}

/* Icono circular (WhatsApp) */
.icono-contacto {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #FF4713; /* Por si la imagen es PNG sin fondo */
  object-fit: contain;
}

/* Botón grande estilo píldora */
.boton-solicitar {
  background-color: #b6dcc6;
  color: black;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: 999px;
  display: inline-block;
  margin-left: auto; /* 🔹 Esto lo empuja a la derecha en flex */
}


.boton-solicitar3,
input.boton-solicitar3 {
  background-color: #b6dcc6;
  color: black !important;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: 999px;
  display: inline-block;
  margin-left: auto;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.formulario-contacto {

    
  
  border-radius: 0px;
 
  
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.30); /* más marcada */
  
  position: absolute;
  right: 100px;
  z-index:1000;

  max-width: 80%;
  margin-left:2%;
  margin-top:50px;
  background-color: #ffffff;
 
  padding: 2rem;
  
  
  position: fixed;
  z-index:9999;
  right: auto;
  border:solid 0px red;
  height:700px;
  
}
.bloque-inicial
{
    height:600px;
    
}

#btnEnviar
{
    display:block;
}

    }

@media (max-width: 600px) {
  .card {
    width: 98% !important;
    min-width: 98% !important;
    max-width: none !important;
    margin: 1rem auto; /* centra las cards */
  }
  .logo_mobil img {
          height: 50px;
        }
  .adh-podcast-details,
      .adh-podcast-video {
        width: 100%;
        float:left;
        
      }
}

/*podcast*/
      

      .
/*fin podcsat*/

 /* =================== animacion=====    */
.scroll-animado {
  opacity: 0;
  transform: translateY(15px); /* 🔸 antes 40px */
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  will-change: opacity, transform;
  position: relative;
  z-index: 1;
}

.scroll-animado.visible {
  opacity: 1;
  transform: translateY(0);
}
.no-animar {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ===== Carrusel de fondo en .bloque-inicial ===== */
.bloque-inicial{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3rem 2rem;
  background-color: #f5f8fb; /* mantenemos color de base */
  /* IMPORTANTE: elimina el background-image fijo anterior */
  /* background-image: none; */
  overflow: hidden;
}

/* Capa contenedora del carrusel de fondo */
.bloque-inicial .bg-rotator{
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Dos capas que se cruzan por opacidad para el fade */
.bloque-inicial .bg-rotator .slide{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .8s ease;
  will-change: opacity;
}

/* Estado visible */
.bloque-inicial .bg-rotator .slide.on{
  opacity: 1;
}

/* Aseguramos que el contenido quede por encima del fondo */
.bloque-inicial .texto-izq,
.bloque-inicial .formulario-contacto{
  position: relative;
  z-index: 1;
}
a.nada {
  color: inherit;          /* hereda el color del padre */
  text-decoration: none;   /* quita el subrayado */
  background: none;        /* sin fondo raro */
  font: inherit;           /* misma fuente que el texto alrededor */
        /* que no parezca enlace, opcional */
}
/* Si necesitas mejorar legibilidad sobre fotos claras, activa un velo:
.bloque-inicial .bg-rotator::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,.15));
  z-index: 2;
}
*/
.triangulo {
  display:inline-block;
  width: 0;
  height: 0;
  margin-right: 12px;              /* separación */
  border-left: 20px solid black;   /* tamaño + color */
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
/* Mini carrusel */
.mini-carousel { position: relative; overflow: hidden; }
.mini-carousel .mc-viewport { width:100%; overflow:hidden; }
.mini-carousel .mc-track { display:flex; transition: transform .5s ease; }
.mini-carousel .mc-track > * { flex:0 0 100%; }