.extrasTitles{
         all:unset;
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:28px; /*px*/
         line-height:36px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
   } 
      
   .extrasSubtitles{
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:22px; /*px*/
         line-height:29px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
   } 


   .extrasParrafo{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size: 14.5px; /*px*/
         line-height: 22px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.015em; /*ej. 2px o 0.1 em*/
   }
      
      
      .extrasItalica{
        font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 20px; /*px*/
         line-height: 22px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.03em; /*ej. 2px o 0.1 em*/
      }
      
      .extras{
         display:flex;
         width:100%;
         flex-direction:column;
         padding:129px 129px 151px 129px;
         gap:76px;
         /*background-color:beige;*/
         justify-content:center;
         align-items:center;
      }
      
      .extrasIntro{
         width:100%;
         max-width:635px;
         /*background-color:green;*/
         justify-content:center;
         text-align:center;
      }
      
      .extrasBar{
        width:100%;
        height:2px;
        background-color:#D4D3D3;
      }
      
      .extrasTextos{
        display:flex;
        width:100%;
        gap:110px;
        /*background-color:pink;*/

      }
      
      .extrasContenido{
        display:flex;
        width:100%;
        flex-direction:column;
        /*background-color:lightblue;*/
      }
      
      .extrasUno{
        padding-left:25px;
      }
      
      .extrasDos{
        padding-right:9px;
      }
      
      
      .extrasPrimero{
        display:flex;
        width:100%;
        gap:18px;
        /*background-color:orange;*/
      }
      
      .extrasTitular{
        display:flex;
        width:100%;
        align-items:flex-end;
        /*background-color:yellow;*/
      }
      
      .extrasIconSpace{
        display:flex;
        width:100%;
        max-width:94.67px;
        /*background-color:green;*/
      }
      
      .extrasIcon{
        display:flex;
        height:91.78px;
        width:94.67px;
        /*background-color:black;*/
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }
      
      .extrasA{
          background-image:url("./imgs/inicio/extras/icon1.png");    
      }

      .extrasB{
          background-image:url("./imgs/inicio/extras/icon2.png");    
      }


      .extrasExplicacion{
        display:flex;
        width:100%;
        max-width:440px;
        padding:42px 0 42px 0;
        /*background-color:grey;*/
      }
      
      .extrasCTA{
        all:unset;
        display:flex;
        width:fit-content;
        gap:17px;
        /*background-color:lightgreen;*/
        align-items:center;
        cursor:pointer;
      }
      
      .extrasBoton{
        display:flex;
        width:29px;
        height:29px;
        background-image:url("./imgs/flecha.svg");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
        /*background-color:black;*/
      }
      
      .extrasImagen{
        display:flex;
        height:312px;
        margin-top:71px;
        margin-right:44px;
        /*background-color:grey;*/
      }
      
      .extrasImagen img{
         object-fit: cover; /* OBLIGATORIO */
         object-position: center; /* OBLIGATORIO */
         width: 100%; /* OBLIGATORIO */
         object-fit: cover;
         object-position:center;
         width:100%;
         border-radius: 10px;
      }




         @media(max-width:1200px){
             .extras{
              padding:100px 60px;
            }

            .extrasTextos{
              gap:50px;
            }
         }

      @media(max-width:1000px){

        .extrasExplicacion{
          width:100%;
          max-width: none;
        }
        .extras{
          padding-left: 40px;
          padding-right: 40px;
        }

        .extrasTextos{
          flex-direction: column;
          max-width: 700px;
        }

        .extrasUno, .extrasDos{
          padding:0 20px;
        }

        .extrasImagen{
          margin-right:0px;
        }

      }

      @media(max-width:500px){

        .extrasUno, .extrasDos{
          padding:0px;
        }

        .extrasImagen{
          margin-right:0px;
        }


      }