* { 
          box-sizing: border-box;
          padding: 0;
          margin: 0;
      }
       body {
        margin: 0; /* Elimina el margen por defecto del body */
        padding: 0; /* Elimina el padding por defecto del body */
       }
      
@font-face {
  font-family: 'MongolianBaiti';
  src: url('https://penichelarrea.e-dav.net/fonts/monbaiti.tff') format('truetype');
  /*src: url('fonts/monbaiti.ttf') format('truetype');*/
  font-weight: 400;
  font-style: normal;
}
      
 @font-face {
  font-family: 'CreatoDisplay_ExtraBold';
  src: url('https://penichelarrea.e-dav.net/fonts/CreatoDisplay_ExtraBold.tff') format('truetype');
  /*src: url('fonts/CreatoDisplay-ExtraBold.otf') format('truetype');*/
  font-weight: 900;
  font-style: normal;
}
      
@font-face {
  font-family: 'CreatoDisplay_Bold';
  src: url('https://penichelarrea.e-dav.net/fonts/CreatoDisplay_Bold.tff') format('truetype');
  /*src: url('fonts/CreatoDisplay-Bold.otf') format('truetype');*/
  font-weight: 550;
  font-style: normal;
}      
      
      
@font-face {
  font-family: 'CreatoDisplay_Medium';
  src: url('https://penichelarrea.e-dav.net/fonts/CreatoDisplay_Medium.tff') format('truetype');
  /*src: url('fonts/CreatoDisplay-Medium.otf') format('truetype');*/
  font-weight: 500;
  font-style: normal;
}
      
@font-face {
  font-family: 'CreatoDisplay_Regular';
  src:url('https://penichelarrea.e-dav.net/fonts/CreatoDisplay_Regular.tff') format('truetype');
  /*src: url('fonts/CreatoDisplay-Regular.otf') format('truetype');*/
  font-weight: 300;
  font-style: normal;
}
      
      
      .productosTitle{
        font-family: 'MongolianBaiti', serif;
        font-weight: 400;
        font-style: normal;
        font-size:33px;
        line-height:30px;
      }
      
      .productosExtrabold{
        font-family: 'CreatoDisplay_ExtraBold', sans-serif;
        font-weight: 900;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .productosBold{
        font-family: 'CreatoDisplay_Bold', sans-serif;
        font-weight: 550;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .productosMedium{
        font-family: 'CreatoDisplay_Medium', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:17px;
        line-height:25px;
        letter-spacing:0.01em;
      }
      
      .productosRegular{
        font-family: 'CreatoDisplay_Regular', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size:30px;
        line-height:53px;
      }
      
      
      .productos{
        display:flex;
        width:100%;
        gap:70px;
        padding: 181px 121px 110px 154px; 
        /*background-color:grey;*/
        justify-content: center;
      }
      
      .productosLista{
        display:flex;
        width:100%;
        /*background-color:lightblue;*/
        flex-direction:column;
        max-width: 550px;
      }
      
      .productosTop{
        display:flex;
        flex-direction:column;
        width:100%;
        /*background-color:brown;*/
      }
      
      .productosTitular{
        display:flex;
        gap:32px;
        /*background-color:pink;*/
        align-items:center;
      }
      
      .productosIcon{
        display:flex;
        /*background-color:black;*/
        width:86.65px;
        height:84.77px;
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
        flex-shrink: 0;
      }
      
      .productosLine{
        display:flex;
        width:100%;
        height:1px;
        background-color:#C29725;
        margin:34px 0;
      }
      
      .productosListaOpciones{
        display:flex;
        flex-direction:column;
        /*background-color:purple;*/
        gap:17px;
      }
     
      .productosOpcion{
        display:flex;
        width:100%;
        padding:30px 28px 30px 35px;
        justify-content:space-between;
        background-color:#F6F5F5;
        align-items:center;
        border-radius:12px;
      }
      
      .productosOpcion:hover{
        border:1px solid #C29725;
      }
      
      .productosOpcion a{
        text-decoration: none;
        cursor: pointer;
        outline: none;
        display:flex;
        width:17px;
        height:18px;
        background-image:url("./imgs/productos/productos/mas.svg");
        /*background-color:black;*/
        flex-shrink:0;
      }
      
      .productosIcon.personal{
        background-image:url("./imgs/productos/productos/personales.png");
      }
      
      .productosIcon.empresas{
        background-image:url("./imgs/productos/productos/empresariales.png");
      }


      @media(max-width:1000px){

        .productos{
          gap: 30px;
          padding: 150px 40px 60px 40px;
        }

        .productosOpcion{
          gap: 20px;
          padding: 26px 25px ;
        }

        .productosMedium{
          line-height: 20px;
        }

      }

      @media(max-width:700px){

        .productos{
          flex-direction: column;
          padding: 135px 20px 60px 20px ;
          gap: 50px;
        }

        .productosTitle{
          font-size: 29px;
          line-height: 27px;
        }

        .productosIcon{
           width: calc(86.65 * 0.9);
           height: calc(84.77 * 0.9);
        }

        .productosTitular{
          gap: 26px;
        }

        .productosLine{
          margin-top: 22px;
          margin-bottom: 22px;
        }

        .productosListaOpciones{
          gap: 13px;
        }

        .productosOpcion{
          padding: 20px 19px;
        }


      }