body {
    font-family: Arial, sans-serif;
    overflow-x: hidden; /* Para evitar el scroll horizontal */
    margin: 0;
    padding: 0;
}

.roboto-condensed {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.titulo-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 22px;
}

.text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 330.71px;
    height: 187px;
    z-index: 2; 
}

.sub-container {
    display: flex;
}

.h1-title {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-style: italic;
    letter-spacing: 3.84px;
    font-weight: 500;
    line-height: 37.5px;
    margin: 0;
}
.h1-title-acerca{
    font-size: 25px;
    text-align: left;
}
.h1-title-nuestra{
    font-size: 25px;
}
.container-arg {
    width: 98%;
}

.arg-p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    font-size: 9px;
    letter-spacing: 0.882px;
    text-align: right;
    margin-right: 10.29px;
}

.centro-1 {
    box-sizing: border-box;
}

h1, h5 {
    text-align: center;
}

.h2-1 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}

.meta {
    width: 221.445px;
    height: 168.114px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    
}

.estrella-azul {
    width: 12.733px;
    height: 12.733px;
}

.contenedor-p {
    width: 256px;
    height: 188px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin: 0 auto;
    
}

.p-textos {
    color: #000000;
    text-align: left;
    font-family: "Roboto";
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
        /* 12px */
    letter-spacing: 0.838px;
}
.hr{
    
    width: 28.09px;/* Ajusta el ancho de la línea según tus necesidades */
    height: 1.494px;/* Grosor de 2px */
    background-color: #000000;/* Color negro */
    border: none;/* Elimina cualquier borde predeterminado */
    transform: translateX(-113px);
}
/* Definición de la animación */
@keyframes blink {
    0%, 100% {
        opacity: 1; /* Visible */
    }
    50% {
        opacity: 0; /* Completamente invisible */
    }
}

.parallax-container {
    width: 100%;
    height: 200px; /* Altura fija del contenedor */
    overflow: hidden; /* Oculta el exceso de la imagen */
    position: relative;
}

.responsive-cartel {
    width: 100%;
    height: auto; /* La altura se ajusta automáticamente */
    transform: scale(5.2); /* Zoom inicial del 20% */
    transform-origin: top center; /* Asegura que el zoom se aplique desde la parte superior */
    transition: transform 0.3s ease-out; /* Suaviza el movimiento */
}

.titulo-flex .h1-title {
    margin-left: 10px;
}

.responsive-cartelp {
    height: 389px; 
    width: 300px; 
    max-width: 100%; 
    object-fit: cover; 
    position: relative; 
    transform: none; 
    transition: transform 0.5s ease-in-out;
}

.contenedor-negro {
    background-color: #000000;
    color: #fff;
    position: relative; 
    z-index: 1; 
    overflow: visible;
    
}

.contenedor1 {
    position: relative;
    overflow: hidden;
    
}

.responsive-estrella {
    width: 32.88px;
    height: 32.88px;
    margin-left: 1px;
    animation: girar 3s linear infinite;
}
@keyframes girar {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.fixed-size {
    overflow: hidden; 
    position: relative;
    width: 100%; 
}

.center-img {
    position: relative;
    left: 0; 

    max-width: 100%; 
    padding: 0; 
    margin-bottom: 200px;

}
.text-design {
  animation: glowing 3s infinite; /* Aplica la animación a las letras */
  font-size: 32px;
  letter-spacing: 3.84px;
  font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-weight: 400;
  margin: 10px 0;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8); /* Inicialmente, un poco de brillo */
}


.palabras {
    position: absolute;
    flex-direction: column;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.container-confianza {
    margin-top: 140px;
    margin-left: 20px;
    margin-bottom: 30px;
}
.container-calidad {
    position: relative;
    transform: translateX(35%);
    margin-bottom: 30px;
}

.container-excelencia {
    margin-left: 2px;
}


.estrella-blanca {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-left: 260.5px;
    top: 266px;
    transform: translateX(90%); 
    z-index: 3;
}

.contenedor-estrellasgrises {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    
}
.estrellagris1,
.estrellagris2 {
    width: 300px;  /* Aumenta el tamaño */
    height: 300px; /* Aumenta el tamaño */
    align-items: center;
    margin: 30px auto; /* Ajusta el margin para centrar en ambos lados */
}

.estrella-gris {
    width: 300px;  /* Ajusta también aquí el tamaño */
    height: 300px;
}

/* Texto en las estrellas */
.texto-proyectos1,
.texto-experiencia1 {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -20%);
    font-size: 40px;
    text-align: center;
    z-index: 2;
    color: #ffffff;
    font-family: "Roboto condensed", sans-serif;
    font-style: italic;
    font-weight: 400;
    line-height: 43.705px; /* 99.54% */
    letter-spacing: 3.6px;
    text-transform: uppercase;
}

.flip-container {
    perspective: 1000px;
    width: 100%;
    height: 100%;
}

.flipper {
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
    width: 100%;
    height: 100%;
}

.flip-container.flipped .flipper {
    transform: rotateY(180deg);
}

.front,
.back {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    backface-visibility: hidden;
}
.back {
    transform: rotateY(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;  /* Centra el texto horizontalmente */
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    position: relative;
}
.texto-proyectos {
    position: absolute;
    margin-right: 142.25px;
    text-align: center;
    margin-left: 141.75px;
    color: #000000;
    font-size: 23px;
    letter-spacing: 2.4px;
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
}

.text-estre{
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    font-style: italic;
    font-weight: 100;
    letter-spacing: 1.334px;
    transform: translateY(380px);
}

.text-estrella{
    display: none;
}
.text-est{
    display: none;
}
.texto-experiencia {
    position: absolute;
    margin-right: 142.25px;
    text-align: center;
    margin-left: 141.75px;
    color: #000000;
    font-size: 23px;
    letter-spacing: 2.4px;
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: italic;
}
.texto-proyectos1,.texto-experiencia1{
    font-size: 32px;
    margin-top: 25px;
    
}

.container-p-click {
    display: none;
}

.container-textos {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.texto-h5 {
    margin-top: 51.37px;
    margin-bottom: -10px;
    color: #FFF;
    text-align: center;
    font-family: "Roboto";
    font-size: 8px;
    font-style: italic;
    font-weight: 100;
    line-height: 120%;/* 9.6px */
    letter-spacing: 1.084px;
}


.texto-largo {
    width: 203.438px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 1.084px;
}

.responsive-img {
    display: flex;
    justify-content: space-between;
    gap: 2.8px; 
    margin-top: 10px;
  }
  
.columna {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 200px;
}

.caja {
    position: relative;
    height: auto;
    width: 100%; 
}
  
.img {
    width: 100%; 
    height: auto; 
    max-width: 301px;
}
.messi-img{
    border-radius: 3%;
}
.messi-img,.messi-img-2,.lapicera{
    width:100%;
    height: 115px; 
}
  
.termo {
    width: 100%;
    height: 74px;
}

.mini-termo {
    height: 80px;
}
.columna:nth-child(2){
    margin-top: 90px;
}
.columna:nth-child(3){
    margin-top: 100px;
}
.scroll-up-down {
    transition: transform 0.7s ease;
  }
  
.scroll-down-up {
    transition: transform 0.6s ease;
}

@keyframes glowing {
    0% {
        filter: blur(0);
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    }

    50% {
        filter: blur(0.2px);
        text-shadow: 0 0 20px rgba(255, 255, 255, 1), 0 0 30px rgba(255, 255, 255, 0.8);
    }

    100% {
        filter: blur(0);
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    }
}

.texto-h5, .texto-largo {
    opacity: 0; 
    transform: translateY(20px); 
    transition: opacity 0.5s ease, transform 0.5s ease; 
}

.estrella-azul {
    opacity: 0; 
    transform: scale(0.5); 
    transition: opacity 0.5s ease, transform 0.5s ease; 
}


.texto-h5.animate, .texto-largo.animate {
    opacity: 1; 
    transform: translateY(0); 
}


.estrella-azul.animate {
    opacity: 1; 
    transform: scale(1); 
}
.p-textos {
    opacity: 0; 
    transform: translateX(50px); 
    transition: opacity 1s ease, transform 1s ease; 
}


.p-textos.animate {
    opacity: 1; 
    transform: translateX(0); 
}
@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.text-container, .sub-container, .container-arg {
    animation: slideInLeft 1s ease-in-out forwards;
}


.text-container {
    animation-delay: 0.2s;
}

.sub-container {
    animation-delay: 0.4s;
}

.container-arg {
    animation-delay: 0.6s;
}

@media (min-width: 435px){
    .messi-img,.messi-img-2,.lapicera{
    width:100%;
    height: 135px; 
}
}
@media (min-width: 500px){
    .messi-img,.messi-img-2,.lapicera{
    width:100%;
    height: 150px; 
}
}

@media (min-width:590px){
    .text-estre{
        display: none;
    }
    .text-est{
        display: block;
        color: #FFF;
        text-align: center;
        font-family: "Roboto";
        font-size: 12px;
        font-style: italic;
        font-weight: 200;
        line-height: 120%;/* 14.4px */
        letter-spacing: 1.334px;
        text-align: center;
        transform: translateY(385px);
    }
    .messi-img,.messi-img-2,.lapicera{
    width:100%;
    height: 175px; 
}
.responsive-img {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    margin-top: 62px;

}

.columna {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 200px;
}
}

@media (min-width: 690px) {
    .texto-proyectos1,
    .texto-experiencia1 {
        position: absolute;
        top: 38%;
        left: 50%;
        transform: translate(-50%, -0%);
        font-size: 40px;
        text-align: center;
        z-index: 2;
        color: #ffffff;
        font-family: "Roboto condensed", sans-serif;
        font-style: italic;
        font-weight: 400;
        line-height: 43.705px;
        /* 99.54% */
        letter-spacing: 3.6px;
        text-transform: uppercase;
    }

    .text-est {
            display: block;
            color: #FFF;
            text-align: center;
            font-family: "Roboto";
            font-size: 12px;
            font-style: italic;
            font-weight: 200;
            line-height: 120%;
            /* 14.4px */
            letter-spacing: 1.334px;
            text-align: center;
            transform: translateY(485px);
        }
    .h1-title-acerca,
    .h1-title-nuestra {
        font-size: 55px;
        width: 600px;
        text-align: left;
        font-family: "Roboto Condensed", sans-serif;
            font-optical-sizing: auto;
            font-style: italic;
            letter-spacing: 3.84px;
            font-weight: 400;
            line-height: 77.5px;
            margin: 0;
            margin-right: -120px;
        transform: translateX(30px);
        transform: translateY(50px);
    }

    .responsive-estrella {
        width: 68px;
        height: 68px;
        margin-top: 50px;
        transform: translateX(-135px);
    }

    .arg-p {
        font-size: 18px;
        margin-top: 100px;
    }
    .parallax-container {
    width: 100%;
    height: 400px; /* Altura fija del contenedor */
    overflow: hidden; /* Oculta el exceso de la imagen */
    position: relative;
}


    .responsive-cartel {
        height: 607px;
    }

    .meta {
        width: 498px;
        height: 378px;
        margin-bottom: 110px;
        margin-top: 110px;
    }

    .p-textos {
        font-size: 18px;
        width: 524px;
        line-height: 21.6px;
        letter-spacing: 2.3px;
    }

    .contenedor-negro {
        margin-top: 147px;
    }
    
    .contenedor-p{
        height: 250px;
    }

  .hr {
    width: 39.502px;
    stroke-width: 2.102px;
    border: none; /* Elimina cualquier borde predeterminado */
    color: black;
    transform: translateX(-240px);
    animation: blink 1.5s infinite ease-in-out; /* Animación de parpadeo */
}

@keyframes blink {
    0%, 100% {
        opacity: 1; /* Visible */
    }
    50% {
        opacity: 0; /* Casi invisible */
    }
}

    .center-img {
        position: relative;
        left: 0;
        width: 500px;
        max-width: 100%;
        padding: 0;
        margin-bottom: 200px;

    }

    .responsive-cartelp {
        width: 341px;
        height: 792px;
        margin-left: 100px;
    }

    .container-confianza {
        margin-left: 0;
        width: 350px;
    }
    .container-calidad{
        width: 250px;
    }
    .confianza {
        font-size: 55px;
        height: 86px;
        margin-left: 90px;
    }

    .calidad {
        font-size: 55px;
        width: 326px;
        height: 86px;
        margin-right: 0;
        margin-left: 200px;
        text-align: center;
    }

    .excelencia {
        font-size: 55px;
        height: 86px;
        margin-left: 45px;
    }

    .container-excelencia {
        margin-left: 0;
    }

    .estrella-blanca {
        width: 74px;
        height: 74px;
        margin-top: 120px;
        margin-left: 424px;
    }

    .estrella-gris {
        width: 407px;
        height: 407px;
    }

    .texto-proyectos,
    .texto-experiencia {
        font-size: 30px;
    }

    .texto-h5 {
        font-size: 14px;
        margin-bottom: -10px;
    }

    .texto-largo {
        font-size: 18px;
        width: 294px;
    }

    .estrella-azul {
        width: 28px;
        height: 28px;
    }

    .img {
        max-width: 200px;
        gap: 1px;
    }

    .pendrive,
    .reconocimiento,
    .mochila,
    .merchandising {
        width: 100%;
        height: 261px;
    }

    .messi-img,
    .lapicera {
        height: 261px;
        width:  100%;
    }

    .messi-img-2 {
        width: 100%;
        height: 261px;
    }

    .termo {
        height: 181px;
    }

    .mini-termo {
        height: 152px;
    }

    .columna:nth-child(1),
    .columna:nth-child(4) {
        margin-top: 50px;
    }

    .columna:nth-child(2) {
        margin-top: 74px;
    }

    .columna:nth-child(3) {
        margin-top: 99px;
    }
}

@media (min-width: 834px) {
    .h1-title-acerca,.h1-title-nuestra{
        font-size: 67.5px;
        width: 680px;
        text-align: left;
        transform: translateY(50px);
    }

    .responsive-estrella{
        width: 68px;
        height: 68px;
        margin-top: 55px;
        transform: translateX(-120px);
    }
    .text-container{
        width: 680px;
        margin-left: 30px;
    }
    .arg-p{
        font-size: 18px;
        margin-top: 100px;
    }
    .responsive-cartel{
        height: 607px;
    }
    .meta{
        width: 498px;
        height: 378px;
        margin-bottom: 110px;
        margin-top: 110px;
    }
    .p-textos{
        font-size: 18px;
        width: 524px;
        line-height: 21.6px;
        letter-spacing: 2.3px;
    }
    .contenedor-negro{
        margin-top: 147px;
    }
    .hr{
        width: 39px;
        transform: translateX(-240px);
        height: 1.5px;
        background-color: #000;
    }

    .center-img {
        position: relative;
        left: 0;
        width: 500px;
        max-width: 100%;
        padding: 0;
        margin-bottom: 200px;
    }
    .responsive-cartelp{
        width: 341px;
        height: 792px;
        margin-left: 100px;
    }
    .container-confianza{
        margin-left: 0;
   
    }
    .confianza{
        font-size: 55px;
        height: 86px;
    }
    .calidad{
        font-size: 55px;
        width: 326px;
        height: 86px;
        margin-right: 0;
        margin-left: 150px;
        text-align: center;
    }
    .excelencia{
        font-size: 55px;
        height: 86px;
        margin-left: 45px;
    }
    .container-excelencia{
        margin-left: 0;
    }
    .estrella-blanca{
        width: 74px;
        height: 74px;
        margin-top: 120px;
        margin-left: 424px;
    }
    .estrella-gris{
        width: 407px;
        height: 407px;
    }
    .texto-proyectos,.texto-experiencia{
        font-size: 30px;
    }
    .texto-h5{
        font-size: 14px;
        margin-bottom: -10px;
    }
    .texto-largo{
        font-size: 18px;
        width: 294px;
    }
    .estrella-azul{
        width: 28px;
        height: 28px;
    }
    .columna {
        display: flex;
        flex-direction: column;
        gap: 4.8px;
         width: 1000px;
    }
    .img{
        max-width: 352px;
        gap: 8px;
        width: 100%;
    }
    .pendrive,.reconocimiento,.mochila,.merchandising{
        width: 100%;
        height: 261px;
    }
    .messi-img,.lapicera{
        height: 261px;
        width: 100%;
    }
    .messi-img-2{
        width: 100%;
        height: 261px;
    }
    .termo{
        height: 181px;
    }
    .mini-termo{
        height: 152px;
    }
    .columna:nth-child(1),.columna:nth-child(4){
        margin-top: 50px;
    }
    .columna:nth-child(2){
        margin-top: 74px;
    }
    .columna:nth-child(3){
        margin-top: 99px;
    }

}
@media (min-width: 1194px) {
    .text-est {
        display: block;
        font-size: 12px;
        font-family: "Roboto Condensed", sans-serif;
        text-align: center;
        transform: translateY(510px);
    }

    .img {
        width: 100%; 
        height: auto; 
        max-width: 336px;
    }
    .columna,.responsive-img{
        gap: 8px;
    }
    .responsive-img{
        margin-top: 67px;
    }
    .lapicera,.pendrive,.reconocimiento,.merchandising,.mochila {
        width: 100%;
        height: 348px; 
        border-radius: 12px;
    }
    .messi-img,.messi-img-2{
        height: 348px;
        width: 100%;
    }
    .termo,.mini-termo {
        width: 100%;
        height: 208px; 
    }
    .columna:nth-child(2){
        margin-top: 32px;
    }
    .columna:nth-child(3){
        margin-top: 65px;
    }


    .h1-title-acerca {
        width: 700px;
        font-size: 70px;
        text-align: left;
    }

    .h1-title-nuestra {
        width: 700px;
        font-size: 70px;
        text-align: left;
    }

    .responsive-estrella {
        width: 71.55px;
        height: 71.55px;
    }
    .arg-p{
        font-size: 20px;
    }
    .text-container {
        margin-bottom: 244px;
    }
.parallax-container {
    width: 100%;
    height: 510px; /* Altura fija del contenedor */
    overflow: hidden; /* Oculta el exceso de la imagen */
    position: relative;
}


    .responsive-cartel {
        width: 100%;
        height: 810px;
    }

    .meta {
        width: 531px;
        height: 400px;
        margin-left: 34px;
    }

    .p-textos {
        font-size: 18px;
        letter-spacing: 2.515px;
        line-height: 120%;
        width: 559px;
    }
    .hr{
        width: 42px;
        height: 2.242px;
        color: #ff0000;
        margin-left: 243px;
    }
    .contenedor-de-cosas {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 203px;
        margin-bottom: 203px;
        width: 100%;
    }

    .img-contenedor {
        justify-content: center;
        align-items: center;
        flex: 1;
    }

    .contenedor-p {
        flex: 2;
        align-items: flex-start;
        flex-direction: column;
        padding-left: 65px;
    }
    

    .responsive-cartelp {
        height: 856px;
        width: 455px;
        object-fit: cover; 
        position: relative;
        margin-top: 0; 
        z-index: 2;
         
    }
    .contenedor-negro {
        background-color: #000;
        color: #fff;
        position: relative; 
        z-index: 1; 
        overflow: visible; 
    }

    .contenedor1 {
        position: relative;
        overflow: hidden;  
    }
    .text-design {
        font-size: 85.25px;
        line-height: 124px;
    }
    .confianza{
        margin: 347px 0 50px 200px;
        width: 300px;
        height: 115px;
    }
    .calidad{
        margin: 0 0 50px 0;
        width: 435px;
        height: 115px;
    }
    .container-calidad{
       margin-left: 410px;
    }
    .excelencia{
        width: 400px;
        height: 115px;
    }
    .estrella-blanca{
        width: 99.5px;
        height: 99.5px;
        margin: 460px 0 0 738px;
    }

    .estrella-gris{
        width: 500px;
        height: 432px;
    }
    .estrellagris1,.estrellagris2{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .texto-proyectos, .texto-experiencia{
        font-size: 40px;
    }
    .texto-experiencia1,.texto-proyectos1{
        font-size: 40px;
        margin-top: 30px;
    }
    .texto-h5{
        font-size: 18px;
        margin-top: 100px;
        margin-bottom: -10px;
    }
    .texto-largo{
        font-size: 24px;
        width: 393px;
    }
    .estrella-azul{
        width: 37px;
        height: 37px;
    }
}
@media (min-width: 1400px) {
    .text-est {
            display: none;
        }
    .text-estrella{
        display: block;
        color: #FFF;
        text-align: center;
        font-family: "Roboto";
        font-size: 18px;
        font-style: italic;
        font-weight: 100;
        line-height: 120%;
        /* 21.6px */
        letter-spacing: 2.095px;
    }
    .container-p-click {
            display: flex;
            justify-content: center;
            width: 100%;
            /* Ajusta el ancho según tus necesidades */
            margin: 0 auto;
            /* Centra horizontalmente el contenedor */
        }
    
        .text1 {
            flex: 1;
            text-align: center;
            color: #FFF;
            font-family: "Roboto",sans-serif;;
            font-size: 14px;
            font-style: italic;
            font-weight: 200;
            line-height: 120%;/* 16.8px */
            letter-spacing: 1.334px;
        }
    .img {
        width: 100%; 
        height: auto; 
        max-width: 374px;
        margin-left: -5px;
    }
      
    .lapicera,.pendrive,.reconocimiento,.merchandising,.mochila {
        width: 100%;
        height: 389px; 
        border-radius: 12px;
    }
    .messi-img,.messi-img-2{
        height: 449px;
        width: 100%;
    }
    .termo,.mini-termo {
        width: 100%;
        height: 207px; 
    }
    .contenedor-estrellasgrises {
        display: flex;
        flex-direction: row; /* Cambiar a row para alinear en fila */
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .hr{
        height: 2.242px;
    }
}
@media (min-width: 1512px) {
    .img {
        width: 100%; 
        height: auto; 
        max-width: 534px;
    }
    .responsive-img {
        display: flex;
        justify-content: space-between;
        gap: 3.8px;
        margin-top: 52px;
    }
    
    .columna {
        display: flex;
        flex-direction: column;
        gap: 3.8px;
    
    }
    .columna,.responsive-img{
        gap: 14px;
        
    }
    .responsive-img{
        margin-top: 250px;
        margin-left: 5px;
    }
    .lapicera,.pendrive,.reconocimiento,.merchandising,.mochila {
        width: 100%;
        height: 449px; 
        border-radius: 12px;
    }
    .messi-img,.messi-img-2{
        height: 449px;
        width: 101%;
    }
    .termo,.mini-termo {
        width: 101%;
        height: 297px; 
    }
    .columna:nth-child(2){
        margin-top: 41px;
    }
    .columna:nth-child(3){
        margin-top: 84px;
    }
    
    
    
    .h1-title-acerca, .h1-title-nuestra{
        font-size: 118px;
        line-height: 138.506px;/* 117.378% */
        letter-spacing: 14.16px;
        margin-right: -50px;
    }
    .h1-title{
        width: 1178px;
    }
    .responsive-estrella{
        width: 118px;
        height: 118px;
        transform: translateX(-90px);
    }
    .arg-p{
        font-size: 22px;
        margin-top: 284px;
    }
    .responsive-cartel{
        height: 982px;
    }
    .contenedor-negro{
        z-index: 1;
        position: relative;
    }
    .responsive-cartelp{
        width: 594px;
        height: 1000px; 
        max-width: 100%;
        z-index: 2;
        overflow: auto;
    }
    .fixed-size{
        width: 100%;
    }
    .meta{
        width: 625px;
        height: 474px;
        margin-left: 100px;
    }
    .p-textos{
        width: 698px;
        font-size: 22px;
    }
    
    .contenedor-p {
        height: 300px;
    }

    .hr{
        width: 49px;
        height: 2.636px;
        background-color: #000;
    }
    .estrella-gris{
        width: 694px;
        height: 694px;
    }
    .texto-proyectos, .texto-experiencia{
        font-size: 52px;
    }
    .texto-proyectos1, .texto-experiencia1{
        font-size: 52px;
        margin-top: 60px;


    }
    .texto-h5{
        width: 519px;
        font-size: 20px;
        margin-bottom: -20px;
    }
    .texto-largo{
        font-size: 32px;
        width: 514px;
    }
    .estrella-azul{
        width: 48px;
        height: 48px;
    }
    .container-calidad{
        width: 500px;
    }
    .container-confianza{
        width: 600px;
    }
    .container-excelencia{
        width: 650px;
    }
}
@media (min-width: 1920px) {
    .contenedor-p {
            height: 350px;
        }
    .img {
        width: 100%; 
        height: auto; 
        max-width: 558px;
    }
    .columna,.responsive-img{
        gap: 14px;
    }
    .responsive-img{
        margin-top: 118px;
      
    }
    .lapicera,.pendrive,.reconocimiento,.merchandising,.mochila {
        width: 100%;
        height: 577px; 
        border-radius: 20px;
    }
    .messi-img,.messi-img-2{
        height: 577px;
        width: 101%;
    }
    .termo,.mini-termo {
        width: 101%;
        height: 397px; 
    }
    .columna:nth-child(2){
        margin-top: 53px;
    }
    .columna:nth-child(3){
        margin-top: 108px;
    }
    
    
    .h1-title{
        font-size: 150px;
        width: 1429px;
        line-height: 200px;/* 133.333% */
        letter-spacing: 18px;
    }

    .responsive-estrella{
        width: 160px;
        height: 160px;
        transform: translateX(-55px);
    }
    .arg-p{
        font-size: 24px;
        margin-top: 314px;
    }
    .responsive-cartel{
        height: 1235px;
    }
    .meta{
        width: 708px;
        height: 537px;
    }
    .p-textos{
        width: 792px;
        font-size: 24px;
    }
    .hr{
        width: 56px;
        margin-top: 32px;
        height: 2.989px;
        background-color: #000;
    }
    .responsive-cartelp{
        width: 733px;
        height: 1699px;
        max-width: 100%;
        margin-left: 399px;
    }
    .fixed-size{
        width: 100%;
    }
    .confianza, .excelencia{
        width: 1429px;
        font-size: 150px;
        height: 185px;
    }
    .excelencia{
        margin-left: 70px;
    }
    .confianza{
        margin-top: 559px;
        margin-left: 50px;
    }
    .calidad{
        width: 890px;
        font-size: 150px;
        height: 185px;
        margin-left: 120px;
    }
    .estrella-blanca{
        width: 160px;
        height: 160px;
        margin-left: 945px;
        margin-top: 820px;
    }
    .estrella-gris{
        width: 845px;
        height: 845px;
    }
    .texto-proyectos{
        font-size: 64px;
    }
    .texto-experiencia{
        font-size: 64px;
    }
    .texto-h5{
        width: 651px;
        font-size: 24px;
        margin-bottom: -30px;
    }
    .texto-largo{
        width: 651px;
        font-size: 40px;
    }
    .estrella-azul{
        width: 59px;
        height: 59px;
        margin-bottom: 119px;
    }

    .texto-proyectos,.texto-experiencia {
    position: absolute;
    top: 41%;
    left: 35%;
    transform: translate(-50%, -20%);
    font-size: 55px;/* Ajusta el tamaño de la fuente según tu diseño */
    text-align: center;
    color: black;
    z-index: 2;/* Asegura que el texto esté por encima de la imagen */
        }
    
    .texto-proyectos1,.texto-experiencia1{
        position: absolute;
            top: 41%;
            left: 48%;
            transform: translate(-40%, -20%);
            font-size: 65px;
            /* Ajusta el tamaño de la fuente según tu diseño */
            text-align: center;
            color: rgb(255, 255, 255);
            z-index: 2;
            /* Asegura que el texto esté por encima de la imagen */
    }
}