footer {
            bottom: 0;
            left: 0;
            right: 0;
        }


        .app {
            padding-bottom: 90px;
        }

        .app .contenedor .cards {
            position: relative;
            text-align: center;
            margin:10px auto;
        }

.step{
    display:none;
}

        .app .contenedor .cards .card {
            display: inline-block;
            position: relative;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            background: #fff;
            border: 1px solid #bcbcbc;
            overflow: hidden;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            width: 243px;
            height: 360px;
        }

        .app .contenedor .cards.marcas-grid .card
        {

            width: calc(100% / 3 - 30px);
            height: 400px;
        }

        .app .contenedor .cards.optionsGridCedral .card {

            width: calc(100% / 3 - 30px);
            height: auto;

        }
        .app .contenedor .cards.cedralSidingOptions .card {

            width: calc(100% / 3 - 30px);
            height: auto;

        }

        

        .app .contenedor .cards.optionsGridCedral .card figcaption{
            padding:0 0 0px 0;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position:top;
            min-height: 140px;
            position:relative;

        }
        .app .contenedor .cards.optionsGridCedral .card figcaption small{
            padding:0 0 20px 6%;
font-size: 11px;
 
color:#828282        ;  
            position:absolute;
            bottom:0;
            left:0;

        }

        .grids-container {

        }

        @media (max-width: 767px) {}


        @media (max-width: 767px) {}











       

        @media screen and (max-width: 768px) {
            .app {
                padding-bottom: 20px;
            }


 
        }

        input:focus,
        select:focus,
        textarea:focus,
        button:focus {
            outline: none;
        }

        .nav-float-btn.hidded,
        .continuarButton.hidded {
            display: none;
        }












        
        figure {

            display: inline-block;
            vertical-align: top;
            margin: 0 20px 20px 0;

            position: relative;
            border-radius: 6px;
            background: #FFF;
cursor: pointer;
        }

        .textura {
            width: 100%;
            height: auto;
            overflow: hidden;
      

        }

        .textura img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: middle center;
            transition: all .4s ease;
        }

        .app .contenedor .cards .card:hover {
            background: #ffffff;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            border: 1px solid #ffdd00;
        }
        
        .app .contenedor .cards .card:hover .imagen img ,.cards .card:hover .textura img{
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            transform: scale(1);
        }


        figcaption {
            padding: 25px;
            text-align: center;
        }

        figcaption>img {
            width: 60%;
        }

        figcaption p {
            font-size: 12px;
        }

        .app .contenedor .cards.marcas-grid figure,
        .app .contenedor .cards.optionsGridCedral figure {

            margin: 0 10px;
            max-width: 420px;
        }

        .app .contenedor .cards.marcas-grid {}


        @media (max-width: 767px) {

            .app .contenedor .cards.marcas-grid figure,
            .app .contenedor .cards.optionsGridCedral figure {
                width: calc(100% - 0px);
                margin: 0 10px 20px;
                max-width: auto;
           
                display: block;
            }



            .app .contenedor .cards .card {
                width: calc(100% - 0px);
                display: block;
                max-width: auto;
                padding: 0px;
                margin-bottom: 20px;
                height:auto;
            }

            .app .contenedor .cards.marcas-grid .card{

                width: calc(100% - 20px);
                height: auto;

            }

            .app .contenedor .cards.optionsGridCedral .card {
                width: calc(100% - 20px);
                height: auto;

            }

            .app .contenedor .cards.cedralSidingOptions .card {
                width: calc(100% - 0px);
                height: auto;
            }


        }

        .flechi {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .cards .card .btn-main-s {
            display: none;
        }

        .prodHeader {
            text-align: center;
            margin:40px auto 40px;
        }
        .prodHeader img {
            width: 100%;
            border-radius: 12px;
        }
        .prodHeader p {
            max-width: 80%;
           text-align: center;
           margin:40px auto 40px;
        }

        .simplisimaProds{
          
        }
 .simplisimaProds nav{text-align: center;margin:0 auto 24px auto;  position: sticky;
            top:24px;z-index: 10;}
 .simplisimaProds nav a{
     border:none;
  
     color:black;
 
     padding: 4px 16px;
     font-size: 14px;
     font-weight: 600;
margin:0 8px 8px 0px;
text-decoration: none;
cursor:pointer;
 }
 .simplisimaProds nav a.active{
     border:none;
  
     color:black;
     text-decoration: underline;
     
 }


    

 /*formu*/
 
 .select {
    position: relative;
    display: inline-block;
    margin: 0px 0;
    width: 100%;
  }
 .select select {
    font-size: 18px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 1px solid #dedede;
    border-radius: 0px;
    background: #FFFFFF;
    color: #000000;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
 .select select::-ms-expand {
    display: none;
  }
 .select select:hover,
 .select select:focus {
    color: #111111;
    background: #FFFFFF;
  }
 .select select:disabled {
    opacity: 0.5;
    pointer-events: none;
  }
 .select_arrow {
    position: absolute;
    top: 19px;
    right: 15px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #ffdd00 transparent transparent transparent;
  }
 .select select:hover ~ .select_arrow,
 .select select:focus ~ .select_arrow {
    border-top-color: #000000;
  }
 .select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
  }
  a.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}






.medidas{margin-top:40px}.medidas .agregar{display:inline-block;font-size:15px;font-weight:700;color:#000;text-decoration:underline}.medidas .agregar img{padding-right:10px}.medidas .metros-totales{background:#fff;border:1px solid #bcbcbc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:14px;padding:10px;line-height:1em;display:inline-block}.medidas .bi-trash3{font-size:18px;color:#bcbcbc}.medidas .bi-trash3:hover{color:#f5a302}.medidas .box-medidas{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #bcbcbc;background:#fff;padding:20px 25px;margin-bottom:30px}.medidas .box-medidas h4{font-size:16px;font-weight:700;color:#000;margin-bottom:20px}.medidas .box-medidas .inputs{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:stretch}.medidas .box-medidas .form-floating{margin-right:7px}.medidas .box-medidas span{padding-right:7px}.medidas .informacion{max-width:350px}@media (max-width: 767px){.medidas .informacion{display:none}}.medidas .informacion img{max-width:100%;margin-bottom:23px}.medidas .informacion p{font-size:14px;color:#071213}.medidas .informacion .accordion{margin-top:10px}.medidas .informacion .accordion .accordion-item{border:none;background:transparent;border-bottom:1px solid #bcbcbc}.medidas .informacion .accordion .accordion-item .accordion-header{font-size:14px !important;font-weight:700}.medidas .informacion .accordion .accordion-button{padding:10px 0;font-size:14px;font-weight:700;background:transparent}.medidas .informacion .accordion .accordion-button:not(.collapsed){color:#000;background:transparent}.medidas .informacion .accordion .accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.medidas .informacion .accordion .accordion-button:not(.collapsed){background:transparent}.medidas .informacion .accordion .accordion-body{padding:10px 0}.medidas .informacion-mob{position:absolute;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;right:0 !important;left:0 !important;bottom:0 !important;top:auto !important;display:none;background:#fff;padding:50px 25px 20px 25px}@media (max-width: 767px){.medidas .informacion-mob{display:block;max-width:100%}}.medidas .informacion-mob img{max-width:100%;margin-bottom:23px}.medidas .informacion-mob p{font-size:14px;color:#071213}.medidas .informacion-mob .cerrar{position:absolute;right:20px;top:20px}.medidas .informacion-mob .cerrar img{width:32px}