/*
        Roxo pregalco: #7c1221; (7b1221)
        Botons hover (ou inverso en fonod roxo): #604d47  ;

        caixas grises bg: #e7e4df;
        caixas grises fg: #604d47;
    */
    :root{
        --main-bg-color:#fff;
        --pregalco-color: #7c1221;
        --gris-bg-color: #e7e4df;
        --gris-boton-color:#5f4e46;
        --txt-color: #604f46;
    }


    /** {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }*/


    .clear {
        width: 100%;
        clear: both;
    }

    .clear1 {
        width: 100%;
        min-height: 1px;
        clear: both;
    }

    html {
        font-size: 62.5%;
        height: auto;
        min-height: 100%;
    }

    body,
    html {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        width: 100%;
        height: auto;
    }

    body {
        font-family: 'Roboto Slab', serif;
        position: relative;
        font-size: 10px;
        color: var(--txt-color);
        background:var(--main-bg-color);
        border: 0px solid #c00;
    }



    .btn-primary.custom-btn {
        background-color: var(--pregalco-color);
        border-color: var(--pregalco-color);
        font-size: 16px;
    }
    .btn-primary.custom-btn:hover,.btn-primary.custom-btn:active {
        background-color: var(--gris-boton-color) !important;
        border-color: var(--gris-boton-color) !important;
    }


    @media (min-width: 1200px) {
        .container {
            max-width:1920px
        }
    }
    @media (max-width: 1199px) {
        .container {
            max-width: none !important;
        }
    }
    h1{
        text-align: center;
        font-size: 40px;
        font-weight: bold;
        margin:0;
        color:var(--pregalco-color);
    }

    h2{
        text-align: center;
        text-transform: uppercase;
        font-size: 40px;
        font-weight: bold;
        color:var(--pregalco-color);
    }

    h3{
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        color:var(--txt-color);
        padding-top:.6em;
        padding-bottom:.6em;
        margin:0;
        flex-basis:100%;
        background-color: white;
    }
    @media (min-width:700px) and (max-width: 990px) {
        h3{ font-size: 18px;}
    }
    @media and (max-width: 699px) {
        h3{ font-size: 22px;}
    }

    p{
        font-size: 16px;
    }




    /*HEADER*/
    #header {
        border: 0px dashed #f90;
    }
     #header  .row1{
        min-height:130px;
        border:0px solid #c00;
    }
    #header  h3{
        color: var(--pregalco-color);
        font-size: 32px;
    }

@media (max-width: 989px){
    .row-logo-container{
        padding:40px 0 20px;
        text-align:center;
    }

}


    /*CONTENT*/

    #content {
        border: 0px dashed #c00;
    }


    #content .container .row .col h3 {
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
        color: var(--pregalco-color);
        padding-top: .6em;
        padding-bottom: .6em;
        margin: 0;
        background-color: white;
    }

     #content .container .row .col img {
        max-width: none;
        display: block;
        width: 100%;
    }
     #content .container .row .col p {
        text-align: center;
        font-size: 16px;
        padding: 2em 0em;
        color: var(--txt-color);
    }

    .col.h-100, #footer .h-100{
        float:left;
        padding-bottom: 3rem!important; /*pb-5*/
    }

    /*FOOTER*/
    #footer {
        margin-top:20px;
        border: 0px dashed #444;
    }

    @media (max-width: 1200px) {
        #footer,
        #footer .row{
            margin-left:0;
            margin-right:0;
            padding-left:0;
            padding-right:0;
        }
    }

    /*Fila de imaxes row1*/
    #footer .row1{
        display:flex;
        flex-wrap:nowrap;
        justify-content: space-between;
        text-align: center;
        border:0px solid #c00;
    }
    #footer .row1 div.columna{
        justify-content: flex-end;
        padding-bottom:20px;
        background-color: var(--gris-bg-color);
        border:0px solid #000;
    }


    @media (min-width: 1200px) {
        #footer .row1 div.columna{ flex-basis: 23.5%;}
    }

    @media (max-width: 1200px) and (min-width: 1100px){
        #footer .row1 div.columna{ flex-basis: 23.5%;}
    }

    @media (max-width: 1099px){
        #footer .row1{flex-wrap:wrap;}
        #footer .row1 div.columna{ flex-basis: 49.5%; margin-bottom:30px;}
    }

    @media (max-width: 600px) {
        #footer .row1 div.columna{ flex-basis: 99%;}
    }



    @media (max-width: 1250px) and (min-width: 990px) {
        #footer .row1 div.columna h3{font-size:17px;}
    }
    @media (max-width: 1099px){
        #footer .row1 div.columna h3{font-size:20px;}
    }

    #footer .row1 div.columna h3 > span{
        display:block;
    }
     #footer .row1 div.columna img{
        width:100%;
        border:0px solid #c00;
     }
      #footer .row1 div.columna p{
        text-align: center;
        font-size: 16px;
        padding:2em 1em;
        color:var(--txt-color);
      }











        #footer .row2 p{
            text-align: center;
        }
        #footer .row3, #footer .row5{
            background: var(--pregalco-color);
            color:white;
        }
         #footer .row4 .col img,
         #footer .row4 .col p {
            float:left;
            display:inline-block;
         }
         #footer .row4 .col p {
            padding-left:2rem;
            padding-top:3rem;
         }
        #footer .row4 .col img.imagotipo-pregalco  {
            width:21.6%;
            height:auto;
            max-width:108px;
        }
        #footer .row4 .col img.logo-iso  {
            width:13.2%;
            height:auto;
            max-width:66px;
        }

        @media (max-width: 570px) {

            #footer .row4 .col p {
                font-size:14px;
            }
        }
        #footer .row5 ul li,
        #footer .row5 ul li >a{
            font-size:13px;
            font-weight: normal;
            color:var(--light);
        }
         #footer .row5 ul li:not(:last-child){
            padding-right:1em;
            margin-right: 1em;
            border-right:1px solid #fff;
         }
        #footer a.mail, #footer a.mail:visited{text-decoration: none; color:var(--pregalco-color);}
        #footer a.mail:hover, #footer a.mail:active{ text-decoration: underline; }

    /*FORMS*/
    #contact-form{
        position:relative;
        font-size:16px;
    }
    #contact-form-preloader{
        display:none;
        position:absolute;
        z-index:100;
        width:102%;
        height:102%;
        left:-1%;
        top: -1%;
        background:rgba(124, 18, 33,0.8);
    }
    #contact-form-preloader img{
        position:absolute;
        display:block;
        left:50%;
        top:50%;
        margin-left:-27px;
        margin-top:-27px;
    }

    textarea{
        resize:none;
    }

    .form-control{
        background: var(--light);
        color:#111;
        font-size: inherit;
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border:2px solid #210408;
        outline: 0;
        box-shadow: none;
    }

    .form-control.is-invalid, .was-validated .form-control:invalid {
        background-color: rgba(255, 255, 255,0.5);
    }
    .form-check-label >a,
    .form-check-label >a:visited{
        color:#fff;
        text-decoration: underline;
    }
    .form-check-label >a:hover{color:#f90;}

     #contact-form button{
        font-size: inherit;
        display:block;
        width:auto;
     }

     .sjb-recaptcha{
        border:0px solid #f90;
        margin-top:2rem;
        margin-bottom:2rem;
     }
    .sjb-recaptcha >div{
        margin:0 auto;
    }