* {
    margin: 0;
   padding: 0;
    box-sizing: border-box;
}

body {


  font-family: 'Segoe UI', Arial, sans-serif;
  line-height: 1.7;
    color: #2c3e50;
   background :  #ffffff;

}

.principal-nav {
  background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
    padding: 1.2rem 0;
 position: sticky;
  top: 0;
   z-index   :   1000;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);


}

.nav-wrapper-content {
  max-width: 1280px;
    margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
}

.marca-logo img {
    height: 52px;
    width: auto;
}

.menu-principal {
   display: flex;
   list-style: none;
        gap: 2.5rem;
}

.menu-principal li a {
  color    :     #fff;
  text-decoration :     none;
    font-size: 1.05rem;
   font-weight: 500;
    transition  :color 0.3s ease;
   position: relative;
}  

.menu-principal li a:hover {

    color:     #fbbf24;

}

.menu-principal li a::after		{
  content: '';
      position: absolute;
    bottom: -5px;
  left: 0;
                    width: 0%;
   height: 2px;
    background:     #fbbf24;
   transition: width 0.3s ease;
}

.menu-principal li a:hover::after {
  width: 100%;
}  

.burger-menu {
	 display :      none;
    flex-direction: column;
     cursor: pointer;
   gap: 5px;
}

.burger-menu span {
   width     :        28px;
  height: 3px;
  background: #fff;
  transition: all 0.3s;
   border-radius    :2px;
}

.hero-principal {
  background: linear-gradient(to bottom right, #f0f4f8 0%, #e2e8f0 100%);
    padding: 5rem 2rem;
   display: grid;
  grid-template-columns    :        1.2fr 1fr;
     gap: 4rem;
   align-items :     center;
    max-width: 1280px;
  margin: 0 auto;
} 

.hero-contenido h1 {
  font-size :   3.2rem;
   color: #1a365d;
          margin-bottom: 1.5rem;
    line-height: 1.2;
  font-weight: 700;
}

.hero-subtitulo {
  font-size: 1.3rem;
	color: #4a5568;
    margin-bottom: 2.5rem;
   line-height: 1.6;
	
}

.hero-acciones {
   display: flex;
   gap: 1.5rem;
}

.boton-primario   {

	  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    color: white;
   padding: 1rem 2.2rem;
  text-decoration: none;
	 border-radius: 8px;
    font-weight: 600;
  font-size:    1.05rem;
    transition: transform 0.2s, box-shadow 0.3s;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);


}

.boton-primario:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

.boton-secundario {
  background: white;
   color: #2563eb;
   padding: 1rem 2.2rem;
   text-decoration: none;
  border-radius     :  8px;
		 border: 2px solid #2563eb;
          font-weight: 600;
   font-size    : 1.05rem;
   transition: all 0.3s;
}

.boton-secundario:hover {
   color: white;
   background: #2563eb;
}

.hero-imagen img {
  width  :  100%;
   border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.presentacion-rapida {
    padding: 5rem 2rem;
   background: white;
}

.contenedor-info {
    max-width: 1280px;

	   margin     :      0 auto;
}

.contenedor-info h2
	{
   text-align :   center;
  font-size: 2.5rem;
               color: #1a365d;
    margin-bottom: 3rem;
   font-weight: 700;
}

.tarjetas-beneficios {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.tarjeta-item   {
  background: linear-gradient(to bottom, #f7fafc 0%, #edf2f7 100%);
  padding: 2.5rem;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
	 transition: transform 0.3s, box-shadow 0.3s;
}

.tarjeta-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.tarjeta-item h3 {
   font-size: 1.5rem;
   color     :#2563eb;
  margin-bottom: 1rem;
}

.tarjeta-item p {
    color: #4a5568;
	 line-height: 1.7;
}

.servicios-completos {
  padding: 5rem 2rem;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}

.contenedor-servicios {
   max-width  :     1280px;
  margin: 0 auto;
}

.contenedor-servicios h2 {
    text-align    : center;
  font-size: 2.5rem;
   color: #1a365d;
	margin-bottom: 3rem;
}

.lista-servicios {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2.5rem;
}

.servicio-box {
 background: white;
   border-radius: 12px;
    overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s;
	
}

.servicio-box:hover {
  transform: translateY(-5px);
}

.servicio-box img {
	   width: 100%;
  height: 240px;
   object-fit: cover;
     }



.servicio-box h3 {
   padding:    1.5rem 1.5rem 1rem;
   font-size: 1.6rem;
    color: #1a365d;
}

.servicio-box p {
    padding: 0 1.5rem 1.5rem;
   color:     #4a5568;
    line-height :    1.7;
}

.link-servicio {
   display: inline-block;
    margin: 0 1.5rem 1.5rem;
   color: #2563eb;
    font-weight: 600;
  text-decoration: none;
    transition: color 0.3s;
}

.link-servicio:hover {

	    color:#1e40af;
     }

.seccion-cta   {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
       padding: 5rem 2rem;
   text-align: center;
    color: white;
}

.cta-contenido {
   max-width: 900px;
    margin: 0 auto;
}

.cta-contenido h2 {
   font-size: 2.8rem;
    margin-bottom    :  1.5rem; 

}

.cta-contenido p {
	  font-size: 1.2rem;
	 margin-bottom    :      2.5rem;
  line-height  :        1.7;
	opacity: 0.95;


}

.boton-cta-grande {
	  background: #fbbf24;
   color: #1a365d;
    padding: 1.2rem 3rem;
      text-decoration: none;
    border-radius: 8px;
	 font-weight: 700;
    font-size: 1.15rem;
  display: inline-block;
  transition: transform 0.2s, box-shadow 0.3s;
  box-shadow: 0 4px 16px rgba(251, 191, 36, 0.4);
	}

.boton-cta-grande:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(251, 191, 36, 0.6);
}


.historia-empresa {
    background: white;
	padding: 5rem 2rem;
} 

.contenedor-historia {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
    margin  :   0 auto;
    align-items: center;
   gap     :4rem;
  max-width: 1280px;
}

.texto-historia h2 {
    font-size: 2.5rem;
  color: #1a365d;
    margin-bottom: 2rem;
}

.texto-historia p {
    margin-bottom :       1.5rem;
         color: #4a5568;
    line-height   :        1.8;
	 font-size: 1.05rem;
}

.imagen-historia img {
   width: 100%;
	border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

.conferencias-eventos {
    padding: 5rem 2rem;
      background: #f7fafc;


}

.contenedor-eventos {
  max-width: 1280px;
  margin: 0 auto;
}

.contenedor-eventos h2 {
  text-align: center;
   font-size: 2.5rem;
 color: #1a365d;
   margin-bottom: 1.5rem;


}

.intro-eventos {
  text-align: center;
	  font-size: 1.15rem;
	   color: #4a5568;
	      margin-bottom :3rem;
	  max-width: 800px;
	  margin-left: auto;
	        margin-right: auto;
}

.grid-eventos {

	   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;

}

.evento-card {
    background: white;
                    padding: 2rem;
   border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
       border-left: 4px solid #2563eb;
  transition: box-shadow 0.3s;
}

.evento-card:hover {


  box-shadow: 0 8px 24px rgba(0,0,0,0.12); 
	


}

.evento-card h3 {
   color: #1a365d;
    font-size:  1.4rem;
          margin-bottom: 0.8rem;
}

.fecha-evento {
  color: #2563eb;
	font-weight: 600;
   margin-bottom: 1rem;
}

.evento-card p {
   color: #4a5568;
  line-height: 1.6;
}

.formulario-contacto {
   padding: 5rem 2rem;
  background: linear-gradient(to bottom, #ffffff 0%, #f0f9ff 100%);
}

.contenedor-form


{
  max-width: 700px;
    margin: 0 auto;
}

.contenedor-form h2 {


          text-align: center;
  font-size: 2.5rem;
   color: #1a365d;
   margin-bottom: 1rem;


}

.descripcion-form {
	margin-bottom: 3rem;
   color: #4a5568;
                    text-align: center;
  font-size: 1.1rem;
}

.form-principal {
	 background: white;
    padding: 3rem;
   border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

.campo-form {
  margin-bottom: 1.8rem;
}

.campo-form label  {
  display: block;
   margin-bottom: 0.5rem;
    color: #2c3e50;
    font-weight: 600;
}

.campo-form input,
.campo-form select,
.campo-form textarea {
    width: 100%;
    padding: 0.9rem;
	border: 2px solid #e2e8f0;
   border-radius: 6px;
               font-size: 1rem;
  font-family: inherit;
  transition: border-color 0.3s;
}

.campo-form input:focus,
.campo-form select:focus,
.campo-form textarea:focus {
	outline: none;
  border-color: #2563eb;
}

.campo-form textarea {
   resize: vertical;
}

.boton-enviar   {
	 width: 100%;
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    color: white;
  padding: 1.1rem;
   border: none;
   border-radius: 8px;
  font-size: 1.1rem;
   font-weight: 700;
    cursor: pointer;
  transition: transform 0.2s, box-shadow 0.3s;
}

.boton-enviar:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

.pie-pagina {
  background: #1a202c;
  color: white;
	padding: 3.5rem 2rem 1.5rem;
}

.contenedor-footer {
      max-width: 1280px;
 margin:    0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
   gap: 3rem;
    margin-bottom: 2.5rem; 
	

}

.columna-footer h4 {
    font-size: 1.3rem;
   margin-bottom:       1.2rem;
  color   :     #fbbf24;
}

.columna-footer ul {


	list-style: none;


}

.columna-footer ul li {
   margin-bottom: 0.7rem;
}

.columna-footer a {
	 color: #cbd5e0;
   text-decoration: none;
	transition: color 0.3s;
}

.columna-footer a:hover {
  color: #fbbf24;
}

.columna-footer p		{
         color: #cbd5e0;
   line-height: 1.7;
    margin-bottom: 0.7rem;
}

.logo-footer img {
       height: 48px;
   margin-bottom   :       1rem;
}

.logo-footer p {

    font-size: 0.95rem;

}

.copyright {
   text-align: center;
  padding-top: 2rem;
    border-top: 1px solid #2d3748;
  color: #a0aec0;
  font-size: 0.9rem;
}@media (max-width: 768px) {
    .burger-menu {
        display: flex;
    }

    .menu-principal {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #1a365d;
        flex-direction: column;
        gap: 0;
        padding: 1rem 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .menu-principal.activo {
        max-height: 300px;
    }

    .menu-principal li {
        padding: 0.8rem 2rem;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .menu-principal li a::after {
        display: none;
    }

    .hero-principal {
        grid-template-columns: 1fr;
        padding: 3rem 2rem;
        gap: 2rem;
    }

    .hero-contenido h1 {
        font-size: 2.2rem;
    }

    .hero-subtitulo {
        font-size: 1.1rem;
    }

    .hero-acciones {
        flex-direction: column;
        gap: 1rem;
    }

    .boton-primario,
    .boton-secundario {
        text-align: center;
    }

    .tarjetas-beneficios {
        grid-template-columns: 1fr;
    }

    .contenedor-historia {
        grid-template-columns: 1fr;
    }

    .contenedor-footer {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .form-principal {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 480px) {
    .hero-contenido h1 {
        font-size: 1.8rem;
    }

    .contenedor-info h2,
    .contenedor-servicios h2,
    .cta-contenido h2,
    .contenedor-eventos h2 {
        font-size: 1.9rem;
    }

    .nav-wrapper-content {
        padding: 0 1rem;
    }
}.policySection {
    padding: 80px 2rem;
         background   :    #f8f9fa;
}


.policyContainer {
               max-width: 800px;
   margin: 0 auto;
   text-align: left;
}

.policyContainer h2 {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 1.5rem;
	font-weight: 700;
}

.policyContainer p
{
   color: #7f8c8d;
    margin-bottom: 1.5rem;
  line-height: 1.7;
    font-size: 1.1rem; 

}@media (max-width: 768px) {
    .policyContainer h2 {
        font-size: 2rem;
    }

    .policyContainer p {
        font-size: 1rem;
    }

    .policySection {
        padding: 60px 1rem;
    }
}.encabezado-about {
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
  padding  : 4.5rem 2rem;
  text-align: center;
	 color: white;
}

.contenedor-encabezado {
  max-width: 900px;
    margin :     0 auto;
}

.encabezado-about h1 {
   font-size: 3rem;
	margin-bottom   :    1.2rem;
  font-weight: 700;
}

.subtitulo-about  
  {
  font-size: 1.25rem;
  opacity: 0.95;
  line-height: 1.6;
}

.mision-vision-seccion {
    padding: 5rem 2rem;
	   background: white;


}

.contenedor-mision-vision {
	        max-width: 1280px;
	 margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap: 3.5rem;
	}


.bloque-mision,
.bloque-vision {
  background: linear-gradient(to bottom, #f8fafc 0%, #f1f5f9 100%);
  padding: 2.5rem;
   border-radius: 10px;
    border-left: 5px solid #2563eb;
}

.bloque-mision h2,
.bloque-vision h2 {

   color: #1a365d;
  font-size: 2rem;
   margin-bottom: 1.5rem;
     }

.bloque-mision p,
.bloque-vision p {
   line-height: 1.8;
  margin-bottom    :    1.2rem;
  color: #4a5568; 

}

.historia-completa {
    padding: 5rem 2rem;
               background: #f7fafc;
}

.contenedor-historia-completa {
   max-width: 1280px;
    margin: 0 auto;
    display: grid;
  grid-template-columns: 1.4fr 1fr;
   gap: 4rem;
   align-items: center;
}

.texto-historia-completa h2 {
   font-size: 2.5rem;
    color: #1a365d;
    margin-bottom: 2rem;
}

.texto-historia-completa p {
    color: #4a5568;
	line-height: 1.8;
  margin-bottom: 1.5rem;
  font-size: 1.05rem;
}

.imagen-historia-completa img {
   width   :   100%;
		 border-radius: 12px;
	  box-shadow: 0 10px 35px rgba(0,0,0,0.15);
}

.valores-principales {
    padding: 5rem 2rem;
    background: white;
}

.contenedor-valores {
    max-width: 1280px;
    margin: 0 auto;
}

.contenedor-valores h2    {
    text-align: center;
  font-size: 2.5rem;
	 color:  #1a365d;
                    margin-bottom: 3rem;


}

.grid-valores  {

  display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap     :2rem;

}

.valor-tarjeta {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    padding: 2rem;
   border-radius: 10px;
  transition: transform 0.3s, box-shadow 0.3s;
   border-top: 3px solid #2563eb;
}

.valor-tarjeta:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.valor-tarjeta h3  {
    color: #1a365d;
   font-size  :   1.4rem;
  margin-bottom: 1rem;
}

.valor-tarjeta p {
  color: #4a5568;
               line-height: 1.7;
}

.metodologia-trabajo {
    padding: 5rem 2rem;
  background: linear-gradient(to bottom, #f8fafc 0%, #f0f4f8 100%);
}

.contenedor-metodologia {
    max-width: 1280px;
   margin: 0 auto;
}

.contenedor-metodologia h2 {
    text-align: center;
    font-size: 2.5rem;
  color :#1a365d;
   margin-bottom: 1.5rem;
}

.intro-metodologia {
  text-align: center;
					font-size: 1.15rem;
    color: #4a5568;
  max-width: 800px;
    margin: 0 auto 3.5rem;
}

.fases-metodologia {
	display: grid;
    grid-template-columns: 1fr;
       gap: 2rem;
}

.fase-item
	{
     background     :     white;
    padding: 2rem 2.5rem;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  display: grid;
	 grid-template-columns: auto 1fr;
         gap: 2rem;
  align-items: start;
   transition: box-shadow 0.3s;
	}

.fase-item:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);

}

.numero-fase {
	 font-size: 3rem;
   font-weight: 700;
    color: #2563eb;
	line-height   :   1;
}

.fase-item h3 {
   color: #1a365d;
   font-size: 1.5rem;
  margin-bottom: 0.8rem;
}

.fase-item p {
   color: #4a5568;
   line-height: 1.7;
}

.diferenciadores {
    background: white;
	 padding   :        5rem 2rem;
}

.contenedor-diferenciadores {
   max-width: 1280px;
   margin: 0 auto;
}

.contenedor-diferenciadores h2 {

	   text-align: center;
   font-size   :    2.5rem;
          color: #1a365d;
  margin-bottom: 3rem;


}

.lista-diferenciadores {
    display: grid;
  grid-template-columns: 1fr;
   gap: 2.5rem;
}

.diferenciador-box  
  {


    display:        grid;
         grid-template-columns: 1fr 1.5fr;
    gap: 2.5rem;
  align-items: center;
	background: #f8fafc;
    border-radius: 12px;
    overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.diferenciador-box:nth-child(even) {
    grid-template-columns: 1.5fr 1fr;
} 

.diferenciador-box:nth-child(even) img {
   order: 2;
}

.diferenciador-box img {


    width :        100%;
    height: 100%;
    object-fit: cover;
     }

.contenido-diferenciador {
    padding: 2rem;


}

.contenido-diferenciador h3 {
    color: #1a365d;
   font-size: 1.6rem;
  margin-bottom: 1rem;
}

.contenido-diferenciador p  
  {
  color: #4a5568;
    line-height: 1.8;
  font-size: 1.05rem;
}

.compromiso-final {
    padding: 5rem 2rem;
  background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
}

.contenedor-compromiso {
  max-width    :       900px;

	  margin: 0 auto;

		 text-align    :       center;
} 

.contenedor-compromiso h2 {
	font-size: 2.5rem;
    color: #1a365d;
   margin-bottom: 2rem;
}

.contenedor-compromiso p   {
  color: #4a5568;
   line-height: 1.8;
   font-size: 1.1rem;
    margin-bottom     :1.5rem;
}

.cta-final-about {

    margin-top: 2.5rem;


}

.boton-cta-about {
  display    :    inline-block;
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    color: white;
      padding: 1.2rem 3rem;
    text-decoration: none;
   border-radius: 8px;
   font-weight: 700;
	font-size: 1.15rem;
    transition   :    transform 0.2s, box-shadow 0.3s;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.3);
}

.boton-cta-about:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(37, 99, 235, 0.5);
}

.thankyou-principal{
   padding: 5rem 2rem;
  background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 100%);
	 min-height: 60vh;
}  

.contenedor-thankyou {
    max-width    :    900px;
    margin    : 0 auto;
    text-align:        center;
}

.icono-exito {
    margin-bottom   :   2rem;
}

.circulo-exito {
          width: 120px;
    height    :      120px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
   border-radius: 50%;
  display: flex;
	 align-items: center;
               justify-content :      center;
  margin: 0 auto;
  box-shadow: 0 8px 30px rgba(16, 185, 129, 0.3);
  animation: pulso 2s infinite;
}

.circulo-exito svg {

	    color: white;

}@keyframes pulso {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}.contenedor-thankyou h1 {
   font-size: 2.8rem;
  color: #1a365d;
    margin-bottom: 1rem;
}

.mensaje-principal {
  font-size: 1.3rem;
  color: #4a5568;
	margin-bottom: 3rem;
}

.info-siguiente-paso


{
  background     : white;
    padding: 3rem;
	border-radius: 12px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.08);
	 margin-bottom :   3rem;
}

.info-siguiente-paso h2 {
      font-size: 2rem;
   color: #1a365d;
   margin-bottom: 2.5rem;
}

.pasos-siguientes {
   gap: 2rem;
  text-align: left;
   display: grid;
          grid-template-columns: 1fr;
}

.paso-siguiente {
  display: grid;
   grid-template-columns  :      auto 1fr;
    gap: 1.5rem;
  align-items: start;
}

.numero-paso 
 {
   width: 50px;
   height :        50px;
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
   color: white;
   border-radius: 50%;
	 display: flex;
    align-items: center;
    justify-content: center;
  font-size :    1.5rem;
    font-weight: 700;
  flex-shrink: 0;
}

.texto-paso h3 {
  color     :       #1a365d;
    font-size    :     1.3rem;
    margin-bottom: 0.5rem;
}

.texto-paso p {
  color: #4a5568;
  line-height: 1.7;
}

.recursos-mientras {
     background: #f0f9ff;
    padding: 2.5rem;
  border-radius: 12px;
          margin-bottom :        3rem;
}

.recursos-mientras h2 {
    font-size: 1.8rem;
	color: #1a365d;
   margin-bottom: 2rem;
}

.lista-recursos {
               display: grid;
  grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
    text-align: left;
}

.recurso-item {
  background: white;

	                    padding    :1.5rem;

	  border-radius: 8px;
}

.recurso-item h3 {
    color: #2563eb;
   font-size: 1.2rem;
   margin-bottom: 0.8rem;
}

.recurso-item p {
	  color: #4a5568;
   line-height :  1.6;
    font-size: 0.95rem;
	

}

.recordatorio-contacto {
  border-radius:       10px;
   margin-bottom: 3rem;
  border: 2px solid #2563eb;
  background: white;
    padding: 2rem;
}

.recordatorio-contacto h3
	{
     margin-bottom: 1rem;
  font-size: 1.5rem;
    color: #1a365d;
}

.recordatorio-contacto p {
  color  :   #4a5568;
  margin-bottom: 0.5rem;
}


.telefono-destacado {

	    font-size  :1.8rem;
   font-weight: 700;
	 color: #2563eb;
    margin: 1rem 0;
}

.horario-info {
		 font-size: 0.95rem;
  color: #6b7280;
	}

.acciones-thankyou {
  display: flex;
   gap: 1.5rem;
   justify-content: center;
}

.boton-principal-thank {
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); 
  color: white; 
    padding  :       1rem 2.5rem; 
   text-decoration: none; 
    border-radius: 8px; 
  font-weight: 600; 
   transition  :     transform 0.2s, box-shadow 0.3s; 
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);


}

.boton-principal-thank:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

.boton-secundario-thank {
    background: white;
  color: #2563eb;
  padding: 1rem 2.5rem;
    text-decoration: none;
  border-radius: 8px;
  border: 2px solid #2563eb;
   font-weight: 600;
    transition: all 0.3s;
}

.boton-secundario-thank:hover {
    background : #2563eb;
    color: white;
}

.motivacion-final {
                    padding: 4rem 2rem;
    background     :      white;
}

.contenedor-motivacion {
  max-width: 800px;
   margin   :      0 auto;

}

.contenedor-motivacion h2 {
  font-size: 2rem;

	   color: #1a365d;

	   margin-bottom: 1.5rem;

	  text-align: center;
}

.contenedor-motivacion p {
       color: #4a5568;
    line-height: 1.8;
    font-size   :     1.05rem;
  margin-bottom    :       1.2rem;

}@media (max-width: 768px) {
    .encabezado-about h1 {
        font-size: 2.2rem;
    }

    .subtitulo-about {
        font-size: 1.1rem;
    }

    .contenedor-mision-vision {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .contenedor-historia-completa {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .grid-valores {
        grid-template-columns: 1fr;
    }

    .fase-item {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .numero-fase {
        font-size: 2.5rem;
    }

    .diferenciador-box,
    .diferenciador-box:nth-child(even) {
        grid-template-columns: 1fr;
    }

    .diferenciador-box:nth-child(even) img {
        order: 0;
    }

    .contenedor-thankyou h1 {
        font-size: 2rem;
    }

    .mensaje-principal {
        font-size: 1.1rem;
    }

    .lista-recursos {
        grid-template-columns: 1fr;
    }

    .acciones-thankyou {
        flex-direction: column;
    }

    .info-siguiente-paso {
        padding: 2rem 1.5rem;
    }
}