.parrafo{
            color:  #f49020;
            font-size: 50px;
            font-weight:bold;
        }
        
        .parrafo34{
            color:  #9642F6;
            font-size: 50px;
            font-weight:bold;
        }
        
        .informacion{
            font-size:22px;
            text-align:justify;
        }
        
        .informacion2 h1{
           font-size:38px;
           color:#00695C ;
           font-weight:bold;
        }
        
        .informacion21 h1{
           font-size:38px;
           color:#9642F6 ;
           font-weight:bold;
        }
        
        .informacion2 p{
           font-size:18px;
           color:black;
        }
        
        .informacion21 p{
           font-size:18px;
           color:black;
        }
        
        .dato{
            background-color:  #04b4bc;
            color: white;
            width: 100%;
            height: 200px;
            padding:1rem;
        }
        
        .dato1{
            width:50%; 
            float:left;
            font-size:20px;
        }
        
        .dato2{
            width:50%; 
            float:right;
            font-size:20px;
        }
        
        
        .datos{
            color: white;
            width: 100%;
            height: 100%;
            padding:1rem;
            display:flex;
        }
        
        .datos1{
            width:50%; 
            float:left;
            height: 100%;
        }
        
        .datos2{
            width:50%; 
            float:right;
            height: 100%;
        }
        
        .datot{
            color: white;
            width: 100%;
            height: 100%;
            padding:1rem;
            display:flex;
        }
        
        .datot1{
            width:50%; 
            float:left;
            height: 100%;
        }
        
        .datot2{
            width:50%; 
            float:right;
            height: 100%;
        }
        
        .co{
            width: 100%;
            font-size:38px;
            font-weight:bold;
            color:black;
        }
        
        figure {
          display: block;
          height: 100%;
          position: relative;
          width: 100%;
        }

        
        /* Invisible texto */
            figcaption {
              display:none; 
              transition: all .5s;
            }
            /* Visible texto */
            figure:hover > figcaption {
              display:block;
              transition: all .5s;
            }
            
            .text{
                background-color: #FFCC80;
              border-radius: 5px;
              color: #000;
              opacity: 0;
              padding: 6px 12px;
            }
            
        
         .boton{
                margin:0 auto;
                width: 30%;
                background-color: #04b4bc;
                color:white;
                text-decoration: none;
                border-radius: 30px;
                padding: 1rem 2rem;
                text-transform: uppercase;/*cambia a mayusculas*/
                font-weight: 700;/*cambia a negritas el texto*/
                font-size: 2rem;
                text-align: center;
                border:none;
                margin-left:2rem;
                margin-top:3rem;
            }
            
            .boton:hover{
                background-color: rgba(103, 193, 230);
                color:black;
            }
            
            .botones{
                margin:0 auto;
                width: 50%;
                background-color:#A051FB;
                color:white;
                text-decoration: none;
                border-radius: 30px;
                padding: 1rem 2rem;
                text-transform: uppercase;/*cambia a mayusculas*/
                font-weight: 700;/*cambia a negritas el texto*/
                font-size: 2rem;
                text-align: center;
                border:none;
                margin-left:2rem;
                margin-top:3rem;
            }
            
            .botones:hover{
                background-color: rgba(205, 172, 242);
                color:black;
            }
            
            .boton1{
                width: 22%;
                background-color: #04b4bc;
                color:white;
                text-decoration: none;
                border-radius: 30px;
                padding: 1rem 1rem;
                text-transform: uppercase;/*cambia a mayusculas*/
                font-weight: 700;/*cambia a negritas el texto*/
                font-size: 0.8rem;
                text-align: center;
                border:none;
                margin:1rem;
            }
            
            .boton1N{
                width: 22%;
                background-color: #99A3A4;
                color:white;
                text-decoration: none;
                border-radius: 30px;
                padding: 1rem 1rem;
                text-transform: uppercase;/*cambia a mayusculas*/
                font-weight: 700;/*cambia a negritas el texto*/
                font-size: 0.8rem;
                text-align: center;
                border:none;
                margin:1rem;
            }
            
            .botones11{
                width: 22%;
                background-color: #9642F6;
                color:white;
                text-decoration: none;
                border-radius: 30px;
                padding: 1rem 1rem;
                text-transform: uppercase;/*cambia a mayusculas*/
                font-weight: 700;/*cambia a negritas el texto*/
                font-size: 0.8rem;
                text-align: center;
                border:none;
                margin:1rem;
            }
        
        .contain {
                display: grid;
                grid-template-columns: repeat(2,1fr);
                gap: 4rem;
                width: 85%;
                margin: 0 auto;
                box-shadow: 4px 4px 15px 2px rgba(0,0,0,0.57);
                padding: 1rem;
                border-radius: 30px;
            }
        
            .esquema {
                grid-column: 1 / 2;
                border-right:7px solid #03A9F4;
                
            }
            .info_usu {
                grid-column: 2 / 2;
                
                
            }
            
            .esquema1 {
                grid-column: 1 / 2;
                border-right:7px solid #9642F6;
                
            }
            .info_usu1 {
                grid-column: 2 / 2;
                
                
            }
            
            .flota{
                background: rgba(205, 172, 242,0.6);
                padding:0.5rem;
                color:black;
                border:1px solid #C698FB;
                border-radius: 30px;
                font-size:20px;
                width:150px;
                height:100px;
                text-align:center; 
                float:right; 
                margin-top:-5rem; 
                margin-right:1px;
                position: fixed;
                bottom: 240px;
                right: 20px;
                transition: all 300ms ease 0ms;
                z-index: 99;
                font-weight: bold;/*cambia a negritas el texto*/
            }
        @media (max-width: 768px){
            .contain{
                display: grid;
                grid-template-columns: repeat(1,1fr);
                gap: 2rem;
                width: 100%;
                margin: 0 auto;
                box-shadow: 4px 4px 15px 2px rgba(0,0,0,0.57);
                padding: .5rem;
                border-radius: 30px;
            }
                .esquema {
                grid-column: 1 / 2;
                border-right:0px;
                
            }
            .info_usu {
                grid-column: 1 / 2;
                font-size: 2rem;
                border-top:7px solid #03A9F4;
                margin-top:1rem;
            }
            
            .esquema1 {
                grid-column: 1 / 2;
                border-right:0px;
                
            }
            .info_usu1 {
                grid-column: 1 / 2;
                font-size: 2rem;
                border-top:7px solid #9642F6;
                margin-top:1rem;
            }
            
            .boton1{
                width: 50%;
                background-color: #04b4bc;
                color:white;
                text-decoration: none;
                border-radius: 30px;
                padding: 1rem 1rem;
                text-transform: uppercase;/*cambia a mayusculas*/
                font-weight: 700;/*cambia a negritas el texto*/
                font-size: 0.8rem;
                text-align: center;
                border:none;
                margin:0.5rem;
            }
            .co{
                width: 100%;
                font-size:18px;
                font-weight:bold;
                color:black;
            }
            
            .dato{
                background-color:  #04b4bc;
                color: white;
                width: 100%;
                height: 200px;
            }
            
            .dato1{
                width:50%; 
                float:left;
                font-size:14px;
                font-weight: bold;
            }
            
            .dato2{
                width:50%; 
                float:right;
                font-size:14px;
                font-weight: bold;
            }
            
            .boton{
                margin:0 auto;
                width: 40%;
                background-color: #04b4bc;
                color:white;
                text-decoration: none;
                border-radius: 30px;
                padding: 1rem 1rem;
                text-transform: uppercase;/*cambia a mayusculas*/
                font-weight: 700;/*cambia a negritas el texto*/
                font-size: 14px;
                text-align: center;
                border:none;
            }
            
            .flota{
                background: rgba(205, 172, 242,0.6);
                padding:0.5rem;
                color:black;
                border:1px solid #C698FB;
                border-radius: 30px;
                font-size:10px;
                width:80px;
                height:60px;
                text-align:center; 
                float:right; 
                margin-top:-5rem; 
                margin-right:1px;
                position: fixed;
                bottom: 240px;
                right: 20px;
                transition: all 300ms ease 0ms;
                z-index: 99;
                font-weight: bold;/*cambia a negritas el texto*/
            }
        }