@media only screen and (max-width: 500px) {

   
   * {
        box-sizing: border-box;
        font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        justify-items: center;
    }

    body {
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        
        align-items:center; /* Centrar el contenido de la página */
        width: 100%; /* Ancho fijo o máximo para desktop */
        margin: 10px auto; /* Centrar la página y añadir margen superior/inferior */
        color: #333; */


    }

    /* inicia efectos */
    /* reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



/* block-$ */
.block-effect {

}

.block-reveal {
  --t: calc(var(--td) + var(--d));

  color: transparent;
  padding: 4px;

  position: relative;
  overflow: hidden;

  animation: revealBlock 0s var(--t) forwards;
}

.block-reveal::after {
  content: '';

  width: 0%;
  height: 100%;
  padding-bottom: 4px;

  position: absolute;
  top: 0;
  left: 0;

  background: var(--bc);
  animation: revealingIn var(--td) var(--d) forwards, revealingOut var(--td) var(--t) forwards;
}


/* animations */
@keyframes revealBlock {
  100% {
    color: #e5e7eb;
}
}

@keyframes revealingIn {

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes revealingOut {

  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }

}

/* termina efectos */


    .form{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
    }


    .headergeneral {
        background-color: #607899;
        color: #e5e7eb;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .titulocv.jf {
        font-size: 1.5vw;
        font-weight: 700;
        word-break: break-word;
        
    }
    .headertexto {
        display: flex;
        flex-wrap: nowrap;
        text-align: center;
        justify-content: center;
        margin: 0 1.5in;
        flex-direction: column ;
        align-items: center;

    }

    #imgheaderbio {
        width: 40vw;
        height: auto;
        margin:10px;
        border-radius: 70% 20% 100%;
        border: 2px solid rgb(0, 99, 0);
        transition: all 1s ;
    }
    #imgheaderbio:hover {
        background: #3f85a1;
        border-color: #02b337 !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    }

    #soykubo{
        padding: 0 10px;
        font-size: small;
        border: solid 1px;
        transition: all 2s;
        box-sizing: content-box;
        position:relative;
        color:#0000003b;
        box-sizing: content-box;
        display: none;
        width: 90%;
        z-index: 10000;
    }


    .titulocv {
        margin-top: 10px;
        margin-bottom: -10px;
        padding: -20px;
        text-shadow: 2px 2px 3px #000000;
        transform: scale(1.8);
    }

    .headertexto.soykubo {
        text-align: left;
        font-size: 4vw;
        color: #f9faf8;
        font-weight: 900;
    }

    #imghebio {
        height: 40vh;
        margin:10px;
        border-radius: 70% 20% 100%;
        border: 2px solid rgb(0, 99, 0);
        transition: all 1s ;
    }
    #imghebio:hover {
        border-color: #02b337 !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    }

     div.iniciocv ul.ultop {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items:center;
        align-content: center;
        text-align: center;
        gap: 1px;
        padding: 1rem;
        margin: 1px  ; 
        font-size: 12px;
        list-style: none;
    }
    .ultop {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items:center;
        align-content: center;
        text-align: center;
        gap: 1px;
        padding: 1rem;
        margin: 1px  ; 
        font-size: 12px;
        list-style: none;
    }

    .litop {
        border-radius: 10px;
        width: 85px;
        margin: 2px;
        outline-color: rgba(49, 138, 172, 0.4);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }
li a {
    color: #000000;
}
li a:hover {
    color: #000000;
    
}

    .litop:hover {
        border-radius: 0.5em 1.2em;
        background: #008ac0;
        color: #fff !important;
         box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 40px;
    text-shadow: 1px 1px 6px #fff;
    
    }




    .iniciocv {
        border: 1px solid #607899;
        background: #607899;
        position: relative;
        width: 80%;
        height: auto;
        margin: 10px;
        justify-content: center;
        align-content: center;
    }
    .iniciocv:{
        visibility:visible;
        width: 80vh;
        height: auto;
        position: absolute;
        font-size: large;

    }

    #imgheaderbio {
        mask-image: linear-gradient( #1f2937 40%, transparent );
        transition:all .5s ease-in-out;
    }






    .contenido1 {
        padding-top: 5px;
        padding-bottom: 5px;
        align-items: center;
        background-color: #86868617 transparent 80%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        margin-top: -100px;
    }

    .textf {
        width: 300px;
    }
   
    .cvdiv1{
        display: flex;
        flex-direction: column;
        width: auto;
        gap: 4px;
    }

    .cvdiv2 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
    }


    .contenidoscv {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .formacioncont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .formacion {
                width: 40em;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                align-content: center;

    }

    .titulocarru {
        /* background: linear-gradient(0deg, rgba(56,130,246,1) 0%, rgb(45, 82, 134) 60%); */

        background: linear-gradient(0deg, rgb(9, 83, 46) 0%, rgb(72, 95, 73) 60%);
        margin: 3px;
        color: #e5e7eb;
        border: 1px solid rgb(87, 87, 87);
        border-radius:.1em .4em;
        padding: 5px;
        display: flex;
        width: inherit;
        height: auto;
        justify-content: center;
        align-items: center;
        align-content: center;
        font-size: 18px;
    }

    .cvcontact1 {
        display: flex;
        justify-content: ;
        align-items: ;
    }

    .contenidopapel{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        background: #607899 ;

    }

    .cvdivlat {
        display: flex;
        flex-direction: column;
    }
    .titulomin {
        /* background: linear-gradient(0deg, rgb(72, 95, 73) 0%, rgba(73, 113, 170, 0.384) 60%); */
        background: #1f293793;
        color: #e5e7eb;
        font-size: 3vw;
        padding: 5px;
        display: flex;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
    }
    
    .cvtxtlat {
        background-color: #f1f1f11f;
        border-radius: 10px;

    }
    
    
    .textcvjust {
        background-color: #86868617 transparent 80%;
        padding: 2%;
        border-radius: .1in .6in; 
        margin: .2in .1in;
        animation-name: textocv ;
        animation-duration: 2s;
    }

    .textcvjust:hover{

    }

    @keyframes textocv {
        from {
            background-color: #13131317 transparent 80%;
        }
        to {
            background-color: #86868617 transparent 80%;
        }
    }



.listacv{
    text-align:left; 
    justify-content: 
    flex-start; 
    display: flex ; 
    flex-wrap: wrap;
    flex-direction: column;
}


    .softcv {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 20em;
    }
  

    .cuadrocontact {
        display: flex;
        align-items: center;
        background: #006816c2 transparent 40%; 
        transition: all 0.822s ;
        width: 100%;
        justify-content: center;
        border-radius: 20px;
    }
    .cuadrocontact:hover{
        color: #15191b ;
        background: linear-gradient(0deg,rgba(242, 242, 242, 0.027) 0%, rgb(145, 145, 145) 90%);
        border-radius: 60% 40px;
        border:1px #0088299d solid;
    }
    #contacto {
        font-size: 2vw;
        color: #2b2a2aa6;
    }
    #contacto:hover {
        font-size: 2vw;
        color: #000000;
    }
    #insta {
        width: auto;
        height: 45px;
    }
    .softcv #insta:hover {
        transform: scale(130%,130%);
        transition: all 0.4s ease-in-out 0s;

    }
 /*
    li.textcvjust {
        text-align: left;
        padding: 0 10px;
    }*/
    .ulicv::before {
       
        list-style: circle;
    }

    .buttoninfo {
        color: #1F2937;
        border: 2px solid #60b9db;
        border-radius: 5px;
        bottom: 5px;
        outline: 2px solid;
        position: relative;
        outline-color: rgba(49, 138, 172, 0.4);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .buttoninfo:hover {
        background: #3f85a1;
        color: #fff !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    text-shadow: 1px 1px 6px #fff;
    }

    .recv {
        background: #3881f6; 
         width: 80%;
         flex-basis: fit;
    }
    .poncv {
        background: #3882f6; 
         width: 80%;
    }
    .constcv {
        background: #3882f6; 
         width: 80%;
    }
    .recocv {
        background: #3882f6; 
        width: 80%;
    }
/*
    .contenido2 {
        display: flex;
        background-color: #ebf2ff;
    }
    .textocont2 {
        display: flex;
        padding: 20px 20px;
        flex-direction: column;
    }
    div.textocont2  div.textocont2{
        display: flex;
        padding: 10px 10px;
        flex-direction: column;
    }

    .p1{
        font-style: italic;
        font-size: 20px;
        color: #1f2937;
    }

    .p2 {
        text-align: right;
        font-weight: 900;
        
    }
*/
    .contenidofininfo {
        display: flex;
        flex-direction: column-reverse; 
        align-items: center;
        justify-content: space-around; 
        margin: 10px 5px;
        padding: 10px;
        width: 90%;
        background-color: #64646423;
        border-radius: 10px;
    }
 

    .cuadrofininfo {

        width: 80%; 
        color: #fff;
    }
       
    .textcuadro {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 0;

    }
    
    /*
    .pc1, .pc2 {
        font-size: 16px;
        padding: 5px 0;
        margin: 0;

    }
    .pc2{

    }
    .cuadrofinb{
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        border: 1px solid #fff;
        border-radius: 8px;
        font-weight: 600;
        margin-top: 15px;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .cuadrofinb:hover {
        background-color: #fff;
        color: #3882f6;
        border-color: #3882f6;
    }

*/

    .contactw {
        font-size: 20px;
        padding: 12px 25px;
        border-radius: 10px;
        background: #25d366;
        border: none;
        outline: none;
        color: #fff !important;
        width: auto;
        text-align: center;
        margin-top: 20px;
        display: inline-flex; 
        align-items: center;
        justify-content: center;
    }
    .contactw:hover{
        background: #128c7e;
        box-shadow: none;
        outline: none;
        text-shadow: none;
    }

    #whatsappn {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    #insta {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
 
    a.insta #insta:hover,
 .softcv #insta:hover {
    transform: scale(130%,130%);
    transition: all 0.4s ease-in-out 0s;

}

.constanciascv {
    justify-content: center;
    display: flex;
}

    .imgtextkub{
        background: #607899;
    }




*/

#imgfin {
    width: 80%;
    height: auto;
    border-radius: 20px;
    display: flex;
    justify-content:center;
}

    footer {
        background-color: #1F2937;
        color:#f9faf8;
        padding: 30px;
        text-align: center;
        font-size: 15px;
        width: 100%;
        display: flex;
    }

    .footercuadro {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .textfoot {
        text-align:center;
    }

    #load {
        position: fixed;
        width: 100%;
        height: 100%;
        animation: spin 1.2s linear infinite;
        -o-animation: spin 1.2s linear infinite;
        -webkit-animation: spin 1.2s linear infinite;
        z-index: 10000;

    }

    #load {
    border-radius: 50%;
        width: 180px;
        height: 180px;
        margin: auto;
        top: 50%;
        left: 50%;
    }

    #load::before,
    #load::after {
        content: "";
        position: absolute;
        border-radius: inherit;
    }
    #load::before{
        width: 100%;
        height: 100%;
        background-image: linear-gradient(0deg, #abc937 0%, #0000 100%);
    }

    #load::after{
        width: 85%;
        height: 85%;
        background-color: #1f293770;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } 

    @keyframes spin { 
        to {
            transform: rotate(360deg);
        }
        
    }

            
.figtkubimg {
    display: flex;
    width: 30vh;
    height: auto;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    }

img.figtkubimg:hover {
    filter: saturate(130%);
}

img.figtkubimg::after{
    content: '';
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    filter: blur(80px)
    saturate(400%);

}



.figtkub {

display: flex;
width: 310px;
height: auto;
justify-content: space-between;
flex-direction: column;
align-items: center;
border-radius: 15px;
margin: 40px 10px 0 0 ;

}
.figtkub h4 {
background-color: #1f29377e;
padding: 8px;
width: inherit;
margin: 10px;
}

.documento {
display: flex;
width: 20em;
justify-content: center;
 }

.documentos {
margin: 0 10%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
 }

.imgcv {
    width: 40em;
    height: auto;
    object-fit: cover;
}
   }
   

 @media only screen and (min-width:501px) and (max-width: 999px){
   
   * {
        box-sizing: border-box;
        font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        justify-items: center;
    }

    body {
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        
        align-items:center; /* Centrar el contenido de la página */
        width: 100%; /* Ancho fijo o máximo para desktop */
        margin: 10px auto; /* Centrar la página y añadir margen superior/inferior */
        color: #333; */


    }

    /* inicia efectos */
    /* reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



/* block-$ */
.block-effect {

}

.block-reveal {
  --t: calc(var(--td) + var(--d));

  color: transparent;
  padding: 4px;

  position: relative;
  overflow: hidden;

  animation: revealBlock 0s var(--t) forwards;
}

.block-reveal::after {
  content: '';

  width: 0%;
  height: 100%;
  padding-bottom: 4px;

  position: absolute;
  top: 0;
  left: 0;

  background: var(--bc);
  animation: revealingIn var(--td) var(--d) forwards, revealingOut var(--td) var(--t) forwards;
}


/* animations */
@keyframes revealBlock {
  100% {
    color: #e5e7eb;
}
}

@keyframes revealingIn {

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes revealingOut {

  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }

}

/* termina efectos */


    .form{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
    }


    .headergeneral {
        background-color: #607899;
        color: #e5e7eb;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .titulocv.jf {
        font-size: 1.5vw;
        font-weight: 700;
        word-break: break-word;
        
    }
    .headertexto {
        display: flex;
        flex-wrap: nowrap;
        text-align: center;
        justify-content: center;
        margin: 0 1.5in;
        flex-direction: column ;
        align-items: center;

    }

    #imgheaderbio {
        width: 40vw;
        height: auto;
        margin:10px;
        border-radius: 70% 20% 100%;
        border: 2px solid rgb(0, 99, 0);
        transition: all 1s ;
    }
    #imgheaderbio:hover {
        background: #3f85a1;
        border-color: #02b337 !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    }

    #soykubo{
        padding: 0 10px;
        font-size: small;
        border: solid 1px;
        transition: all 2s;
        box-sizing: content-box;
        position:relative;
        color:#0000003b;
        box-sizing: content-box;
        display: none;
        width: 90%;
        z-index: 10000;
    }


    .titulocv {
        margin-top: 10px;
        margin-bottom: -10px;
        padding: -20px;
        text-shadow: 2px 2px 3px #000000;
        transform: scale(1.8);
    }

    .headertexto.soykubo {
        text-align: left;
        font-size: 4vw;
        color: #f9faf8;
        font-weight: 900;
    }

    #imghebio {
        height: 40vh;
        margin:10px;
        border-radius: 70% 20% 100%;
        border: 2px solid rgb(0, 99, 0);
        transition: all 1s ;
    }
    #imghebio:hover {
        border-color: #02b337 !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    }

     div.iniciocv ul.ultop {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items:center;
        align-content: center;
        text-align: center;
        gap: 1px;
        padding: 1rem;
        margin: 1px  ; 
        font-size: 12px;
        list-style: none;
    }
    .ultop {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items:center;
        align-content: center;
        text-align: center;
        gap: 1px;
        padding: 1rem;
        margin: 1px  ; 
        font-size: 12px;
        list-style: none;
    }

    .litop {
        border-radius: 10px;
        width: 85px;
        margin: 2px;
        outline-color: rgba(49, 138, 172, 0.4);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }
li a {
    color: #000000;
}
li a:hover {
    color: #000000;
    
}

    .litop:hover {
        border-radius: 0.5em 1.2em;
        background: #008ac0;
        color: #fff !important;
         box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 40px;
    text-shadow: 1px 1px 6px #fff;
    
    }




    .iniciocv {
        border: 1px solid #607899;
        background: #607899;
        position: relative;
        width: 80%;
        height: auto;
        margin: 10px;
        justify-content: center;
        align-content: center;
    }
    .iniciocv:{
        visibility:visible;
        width: 80vh;
        height: auto;
        position: absolute;
        font-size: large;

    }

    #imgheaderbio {
        mask-image: linear-gradient( #1f2937 40%, transparent );
        transition:all .5s ease-in-out;
    }






    .contenido1 {
        padding-top: 5px;
        padding-bottom: 5px;
        align-items: center;
        background-color: #86868617 transparent 80%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        margin-top: -100px;
    }

    .textf {
        width: 430px;
    }
   
    .cvdiv1{
        display: flex;
        flex-direction: column;
        width: auto;
        gap: 4px;
    }

    .cvdiv2 {
        display: flex;
        flex-direction: column;
    }


    .contenidoscv {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .formacioncont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .formacion {
                width: 40em;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                align-content: center;

    }

    .titulocarru {
        /* background: linear-gradient(0deg, rgba(56,130,246,1) 0%, rgb(45, 82, 134) 60%); */

        background: linear-gradient(0deg, rgb(9, 83, 46) 0%, rgb(72, 95, 73) 60%);
        margin: 3px;
        color: #e5e7eb;
        border: 1px solid rgb(87, 87, 87);
        border-radius:.1em .4em;
        padding: 5px;
        display: flex;
        width: inherit;
        height: auto;
        justify-content: center;
        align-items: center;
        align-content: center;
        font-size: 18px;
    }

    .cvcontact1 {
        display: flex;
        justify-content: ;
        align-items: ;
    }

    .contenidopapel{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        background: #607899 ;

    }

    .cvdivlat {
        display: flex;
        flex-direction: column;
    }
    .titulomin {
        /* background: linear-gradient(0deg, rgb(72, 95, 73) 0%, rgba(73, 113, 170, 0.384) 60%); */
        background: #1f293793;
        color: #e5e7eb;
        font-size: 3vw;
        padding: 5px;
        display: flex;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
    }
    
    .cvtxtlat {
        background-color: #f1f1f11f;
        border-radius: 10px;

    }
    
    
    .textcvjust {
        background-color: #86868617 transparent 80%;
        padding: 2%;
        border-radius: .1in .6in; 
        margin: .2in .1in;
        animation-name: textocv ;
        animation-duration: 2s;
    }

    .textcvjust:hover{

    }

    @keyframes textocv {
        from {
            background-color: #13131317 transparent 80%;
        }
        to {
            background-color: #86868617 transparent 80%;
        }
    }



.listacv{
    text-align:left; 
    justify-content: 
    flex-start; 
    display: flex ; 
    flex-wrap: wrap;
    flex-direction: column;
}


    .softcv {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 30em;
    }
  

    .cuadrocontact {
        display: flex;
        align-items: center;
        background: #006816c2 transparent 40%; 
        transition: all 0.822s ;
        width: 100%;
        justify-content: center;
        border-radius: 20px;
    }
    .cuadrocontact:hover{
        color: #15191b ;
        background: linear-gradient(0deg,rgba(242, 242, 242, 0.027) 0%, rgb(145, 145, 145) 90%);
        border-radius: 60% 40px;
        border:1px #0088299d solid;
    }
    #contacto {
        font-size: 2vw;
        color: #2b2a2aa6;
    }
    #contacto:hover {
        font-size: 2vw;
        color: #000000;
    }
    #insta {
        width: auto;
        height: 45px;
    }
    .softcv #insta:hover {
        transform: scale(130%,130%);
        transition: all 0.4s ease-in-out 0s;

    }
 /*
    li.textcvjust {
        text-align: left;
        padding: 0 10px;
    }*/
    .ulicv::before {
       
        list-style: circle;
    }

    .buttoninfo {
        color: #1F2937;
        border: 2px solid #60b9db;
        border-radius: 5px;
        bottom: 5px;
        outline: 2px solid;
        position: relative;
        outline-color: rgba(49, 138, 172, 0.4);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .buttoninfo:hover {
        background: #3f85a1;
        color: #fff !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    text-shadow: 1px 1px 6px #fff;
    }

    .recv {
        background: #3881f6; 
         width: 80%;
         flex-basis: fit;
    }
    .poncv {
        background: #3882f6; 
         width: 80%;
    }
    .constcv {
        background: #3882f6; 
         width: 80%;
    }
    .recocv {
        background: #3882f6; 
        width: 80%;
    }
/*
    .contenido2 {
        display: flex;
        background-color: #ebf2ff;
    }
    .textocont2 {
        display: flex;
        padding: 20px 20px;
        flex-direction: column;
    }
    div.textocont2  div.textocont2{
        display: flex;
        padding: 10px 10px;
        flex-direction: column;
    }

    .p1{
        font-style: italic;
        font-size: 20px;
        color: #1f2937;
    }

    .p2 {
        text-align: right;
        font-weight: 900;
        
    }
*/
    .contenidofininfo {
        display: flex;
        flex-direction: column-reverse; 
        align-items: center;
        justify-content: space-around; 
        margin: 10px 5px;
        padding: 10px;
        width: 90%;
        background-color: #64646423;
        border-radius: 10px;
    }
 

    .cuadrofininfo {

        width: 80%; 
        color: #fff;
    }
       
    .textcuadro {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 0;

    }
    
    /*
    .pc1, .pc2 {
        font-size: 16px;
        padding: 5px 0;
        margin: 0;

    }
    .pc2{

    }
    .cuadrofinb{
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        border: 1px solid #fff;
        border-radius: 8px;
        font-weight: 600;
        margin-top: 15px;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .cuadrofinb:hover {
        background-color: #fff;
        color: #3882f6;
        border-color: #3882f6;
    }

*/

    .contactw {
        font-size: 20px;
        padding: 12px 25px;
        border-radius: 10px;
        background: #25d366;
        border: none;
        outline: none;
        color: #fff !important;
        width: auto;
        text-align: center;
        margin-top: 20px;
        display: inline-flex; 
        align-items: center;
        justify-content: center;
    }
    .contactw:hover{
        background: #128c7e;
        box-shadow: none;
        outline: none;
        text-shadow: none;
    }

    #whatsappn {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    #insta {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
 
    a.insta #insta:hover,
 .softcv #insta:hover {
    transform: scale(130%,130%);
    transition: all 0.4s ease-in-out 0s;

}

.constanciascv {
    justify-content: center;
    display: flex;
}

    .imgtextkub{
        background: #607899;
    }




*/

#imgfin {
    width: 80%;
    height: auto;
    border-radius: 20px;
    display: flex;
    justify-content:center;
}

    footer {
        background-color: #1F2937;
        color:#f9faf8;
        padding: 30px;
        text-align: center;
        font-size: 15px;
        width: 100%;
        display: flex;
    }

    .footercuadro {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .textfoot {
        text-align:center;
    }

    #load {
        position: fixed;
        width: 100%;
        height: 100%;
        animation: spin 1.2s linear infinite;
        -o-animation: spin 1.2s linear infinite;
        -webkit-animation: spin 1.2s linear infinite;
        z-index: 10000;

    }

    #load {
    border-radius: 50%;
        width: 180px;
        height: 180px;
        margin: auto;
        top: 50%;
        left: 50%;
    }

    #load::before,
    #load::after {
        content: "";
        position: absolute;
        border-radius: inherit;
    }
    #load::before{
        width: 100%;
        height: 100%;
        background-image: linear-gradient(0deg, #abc937 0%, #0000 100%);
    }

    #load::after{
        width: 85%;
        height: 85%;
        background-color: #1f293770;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } 

    @keyframes spin { 
        to {
            transform: rotate(360deg);
        }
        
    }

            
.figtkubimg {
    display: flex;
    width: 50vh;
    height: auto;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    }

img.figtkubimg:hover {
    filter: saturate(130%);
}

img.figtkubimg::after{
    content: '';
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    filter: blur(80px)
    saturate(400%);

}



.figtkub {

display: flex;
width: 480px;
height: auto;
justify-content: space-between;
flex-direction: column;
align-items: center;
border-radius: 15px;
margin: 40px 10px 0 0 ;

}
.figtkub h4 {
background-color: #1f29377e;
padding: 8px;
width: inherit;
margin: 10px;
}

.documento {
margin: 0 10%;
display: flex;
justify-content: center;

 }

.documentos {
margin: 0 10%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
 }

.imgcv {
    width: 40em;
    height: auto;
    object-fit: cover;
}

 }






   @media only screen and (min-width: 999.1px) {

  
   
   * {
        box-sizing: border-box;
        font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        justify-items: center;
    }

    body {
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        
        align-items:center; /* Centrar el contenido de la página */
        width: 100%; /* Ancho fijo o máximo para desktop */
        margin: 10px auto; /* Centrar la página y añadir margen superior/inferior */
        color: #333; */


    }

    /* inicia efectos */
    /* reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



/* block-$ */
.block-effect {

}

.block-reveal {
  --t: calc(var(--td) + var(--d));

  color: transparent;
  padding: 4px;

  position: relative;
  overflow: hidden;

  animation: revealBlock 0s var(--t) forwards;
}

.block-reveal::after {
  content: '';

  width: 0%;
  height: 100%;
  padding-bottom: 4px;

  position: absolute;
  top: 0;
  left: 0;

  background: var(--bc);
  animation: revealingIn var(--td) var(--d) forwards, revealingOut var(--td) var(--t) forwards;
}


/* animations */
@keyframes revealBlock {
  100% {
    color: #e5e7eb;
}
}

@keyframes revealingIn {

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes revealingOut {

  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }

}

/* termina efectos */


    .form{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
    }


    .headergeneral {
        background-color: #607899;
        color: #e5e7eb;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .titulocv.jf {
        font-size: 1.5vw;
        font-weight: 700;
        word-break: break-word;
        
    }
    .headertexto {
        display: flex;
        flex-wrap: nowrap;
        text-align: center;
        justify-content: center;
        margin: 0 1.5in;
        flex-direction: column ;
        align-items: center;

    }

    #imgheaderbio {
        width: 40vw;
        height: auto;
        margin:10px;
        border-radius: 70% 20% 100%;
        border: 2px solid rgb(0, 99, 0);
        transition: all 1s ;
    }
    #imgheaderbio:hover {
        background: #3f85a1;
        border-color: #02b337 !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    }

    #soykubo{
        padding: 0 10px;
        font-size: small;
        border: solid 1px;
        transition: all 2s;
        box-sizing: content-box;
        position:relative;
        color:#0000003b;
        box-sizing: content-box;
        display: flex;
        width: 90%;
        z-index: 10000;
    }


    .titulocv {
        margin-top: 10px;
        margin-bottom: -10px;
        padding: -20px;
        text-shadow: 2px 2px 3px #000000;
        transform: scale(1.8);
    }

    .headertexto.soykubo {
        text-align: left;
        font-size: 4vw;
        color: #f9faf8;
        font-weight: 900;
    }

    #imghebio {
        height: 40vh;
        margin:10px;
        border-radius: 70% 20% 100%;
        border: 2px solid rgb(0, 99, 0);
        transition: all 1s ;
    }
    #imghebio:hover {
        border-color: #02b337 !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    }

    .ultop {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items:center;
        align-content: center;
        text-align: center;
        gap: 1px;
        padding: 1px;
        margin: 1px  ; 
        font-size: 12px;
        list-style: none;
    }

    .litop {
        border-radius: 10px;
        width: 85px;
        margin: 2px;
        outline-color: rgba(49, 138, 172, 0.4);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }
li a {
    color: #000000;
}
li a:hover {
    color: #000000;
    
}

    .litop:hover {
        border-radius: 0.5em 1.2em;
        background: #008ac0;
        color: #fff !important;
         box-shadow: inset 0 0 20px rgba(49, 138, 172, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 40px;
    text-shadow: 1px 1px 6px #fff;
    
    }




    .iniciocv {
        border: 1px solid #607899;
        background: #607899;
        position: relative;
        width: 80%;
        height: auto;
        margin: 10px;
        justify-content: center;
        align-content: center;
    }
    .iniciocv:{
        visibility:visible;
        width: 80vh;
        height: auto;
        position: absolute;
        font-size: large;

    }

    #imgheaderbio {
        mask-image: linear-gradient( #1f2937 40%, transparent );
        transition:all .5s ease-in-out;
    }






    .contenido1 {
        padding-top: 5px;
        padding-bottom: 5px;
        align-items: center;
        background-color: #86868617 transparent 80%;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        margin-top: -100px;
    }

   
    .cvdiv1{
        display: flex;
        flex-direction: column;
        width: auto;
        gap: 4px;
    }

    .cvdiv2 {
        display: flex;
        flex-direction: column;
    }


    .contenidoscv {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .formacioncont {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .formacion {
                width: 40em;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                align-content: center;

    }

    .titulocarru {
        /* background: linear-gradient(0deg, rgba(56,130,246,1) 0%, rgb(45, 82, 134) 60%); */

        background: linear-gradient(0deg, rgb(9, 83, 46) 0%, rgb(72, 95, 73) 60%);
        margin: 3px;
        color: #e5e7eb;
        border: 1px solid rgb(87, 87, 87);
        border-radius:.1em .4em;
        padding: 5px;
        display: flex;
        width: inherit;
        height: auto;
        justify-content: center;
        align-items: center;
        align-content: center;
        font-size: 18px;
    }

    .cvcontact1 {
        display: flex;
        justify-content: ;
        align-items: ;
    }

    .contenidopapel{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        background: #607899 ;

    }

    .cvdivlat {
        display: flex;
        flex-direction: column;
    }
    .titulomin {
        /* background: linear-gradient(0deg, rgb(72, 95, 73) 0%, rgba(73, 113, 170, 0.384) 60%); */
        background: #1f293793;
        color: #e5e7eb;
        font-size: 3vw;
        padding: 5px;
        display: flex;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
    }
    
    .cvtxtlat {
        background-color: #f1f1f11f;
        border-radius: 10px;

    }
    
    
    .textcvjust {
        background-color: #86868617 transparent 80%;
        padding: 2%;
        border-radius: .1in .6in; 
        margin: .2in .1in;
        animation-name: textocv ;
        animation-duration: 2s;
    }

    .textcvjust:hover{

    }

    @keyframes textocv {
        from {
            background-color: #13131317 transparent 80%;
        }
        to {
            background-color: #86868617 transparent 80%;
        }
    }



.listacv{
    text-align:left; 
    justify-content: 
    flex-start; 
    display: flex ; 
    flex-wrap: wrap;
    flex-direction: column;
}


    .softcv {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 40em;
    }
  

    .cuadrocontact {
        display: flex;
        align-items: center;
        background: #006816c2 transparent 40%; 
        transition: all 0.822s ;
        width: 100%;
        justify-content: center;
        border-radius: 20px;
    }
    .cuadrocontact:hover{
        color: #15191b ;
        background: linear-gradient(0deg,rgba(242, 242, 242, 0.027) 0%, rgb(145, 145, 145) 90%);
        border-radius: 60% 40px;
        border:1px #0088299d solid;
    }
    #contacto {
        font-size: 2vw;
        color: #2b2a2aa6;
    }
    #contacto:hover {
        font-size: 2vw;
        color: #000000;
    }
    #insta {
        width: auto;
        height: 45px;
    }
    .softcv #insta:hover {
        transform: scale(130%,130%);
        transition: all 0.4s ease-in-out 0s;

    }
 /*
    li.textcvjust {
        text-align: left;
        padding: 0 10px;
    }*/
    .ulicv::before {
       
        list-style: circle;
    }

    .buttoninfo {
        color: #1F2937;
        border: 2px solid #60b9db;
        border-radius: 5px;
        bottom: 5px;
        outline: 2px solid;
        position: relative;
        outline-color: rgba(49, 138, 172, 0.4);
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .buttoninfo:hover {
        background: #3f85a1;
        color: #fff !important;
         box-shadow: inset 0 0 20px rgba(45, 113, 139, 0.5), 0 0 20px rgba(49, 138, 172, 0.4);
    outline-color: rgba(49, 138, 172, 0);
    outline-offset: 80px;
    text-shadow: 1px 1px 6px #fff;
    }

    .recv {
        background: #3881f6; 
         width: 80%;
         flex-basis: fit;
    }
    .poncv {
        background: #3882f6; 
         width: 80%;
    }
    .constcv {
        background: #3882f6; 
         width: 80%;
    }
    .recocv {
        background: #3882f6; 
        width: 80%;
    }
/*
    .contenido2 {
        display: flex;
        background-color: #ebf2ff;
    }
    .textocont2 {
        display: flex;
        padding: 20px 20px;
        flex-direction: column;
    }
    div.textocont2  div.textocont2{
        display: flex;
        padding: 10px 10px;
        flex-direction: column;
    }

    .p1{
        font-style: italic;
        font-size: 20px;
        color: #1f2937;
    }

    .p2 {
        text-align: right;
        font-weight: 900;
        
    }
*/
    .contenidofininfo {
        display: flex;
        flex-direction: column-reverse; 
        align-items: center;
        justify-content: space-around; 
        margin: 10px 5px;
        padding: 10px;
        width: 90%;
        background-color: #64646423;
        border-radius: 10px;
    }
 

    .cuadrofininfo {

        width: 80%; 
        color: #fff;
    }
       
    .textcuadro {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 0;

    }
    
    /*
    .pc1, .pc2 {
        font-size: 16px;
        padding: 5px 0;
        margin: 0;

    }
    .pc2{

    }
    .cuadrofinb{
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        border: 1px solid #fff;
        border-radius: 8px;
        font-weight: 600;
        margin-top: 15px;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .cuadrofinb:hover {
        background-color: #fff;
        color: #3882f6;
        border-color: #3882f6;
    }

*/

    .contactw {
        font-size: 20px;
        padding: 12px 25px;
        border-radius: 10px;
        background: #25d366;
        border: none;
        outline: none;
        color: #fff !important;
        width: auto;
        text-align: center;
        margin-top: 20px;
        display: inline-flex; 
        align-items: center;
        justify-content: center;
    }
    .contactw:hover{
        background: #128c7e;
        box-shadow: none;
        outline: none;
        text-shadow: none;
    }

    #whatsappn {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    #insta {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
 
    a.insta #insta:hover,
 .softcv #insta:hover {
    transform: scale(130%,130%);
    transition: all 0.4s ease-in-out 0s;

}

.constanciascv {
    justify-content: center;
    display: flex;
}

    .imgtextkub{
        background: #607899;
    }




*/

#imgfin {
    width: 80%;
    height: auto;
    border-radius: 20px;
    display: flex;
    justify-content:center;
}

    footer {
        background-color: #1F2937;
        color:#f9faf8;
        padding: 30px;
        text-align: center;
        font-size: 15px;
        width: 100%;
        display: flex;
        justify-content: center;

    }

    .footercuadro {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .textfoot {
        text-align:center;
    }

    #load {
        position: fixed;
        width: 100%;
        height: 100%;
        animation: spin 1.2s linear infinite;
        -o-animation: spin 1.2s linear infinite;
        -webkit-animation: spin 1.2s linear infinite;
        z-index: 10000;

    }

    #load {
    border-radius: 50%;
        width: 180px;
        height: 180px;
        margin: auto;
        top: 50%;
        left: 50%;
    }

    #load::before,
    #load::after {
        content: "";
        position: absolute;
        border-radius: inherit;
    }
    #load::before{
        width: 100%;
        height: 100%;
        background-image: linear-gradient(0deg, #abc937 0%, #0000 100%);
    }

    #load::after{
        width: 85%;
        height: 85%;
        background-color: #1f293770;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } 

    @keyframes spin { 
        to {
            transform: rotate(360deg);
        }
        
    }

            
.figtkubimg {
    display: flex;
    width: 70vh;
    height: auto;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    }

img.figtkubimg:hover {
    filter: saturate(130%);
}

img.figtkubimg::after{
    content: '';
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    filter: blur(80px)
    saturate(400%);

}



.figtkub {

display: flex;
width: 60%;
height: auto;
justify-content: space-between;
flex-direction: column;
align-items: center;
border-radius: 15px;
margin: 40px 10px 0 0 ;

}
.figtkub h4 {
background-color: #1f29377e;
padding: 8px;
width: 120%;
margin: 10px;
}

.documento {
margin: 0 10%;
display: flex;
justify-content: center;

 }

.documentos {
margin: 0 10%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
 }

.imgcv {
    width: 40em;
    height: auto;
    object-fit: cover;
}
 }