@font-face {font-family:acen; src:url(../fonts/acens.ttf) format("truetype"); font-weight:normal; font-style:normal;}
@font-face {font-family:antipasto; src:url(../fonts/antipasto.ttf) format("truetype"); font-weight:normal; font-style:normal;}
@font-face {font-family:arkitech; src:url(../fonts/arkitech_light.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:denmark; src:url(../fonts/denmark.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:asesina; src:url(../fonts/asesina.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:bisq; src:url(../fonts/bisque.woff) format("woff"); font-weight:normal; font-style:normal;}
@font-face {font-family:opensans; src:url(../fonts/opensans.ttf) format("truetype"); font-style:normal; font-weight:normal;}
:root{
    --azulacero:#2d7e9e;
    --blanco:#fff;
    --btn-normal:#6dc7ed;
    --btn-hover:#1ca5de;
    --borde-btn:#2a9dcb;
    --sombra-btn:0 0 15px rgba(0,0,0,0.7);
    --fnd-secform:#dee6ec;
}
body {
    margin: 0;
    padding: 0;
    font-family: "antipasto";
    font-size: 0.9vw;
    overflow-x: hidden;
    background: #fff;
    text-rendering: geometricPrecision optimizeLegibility;
}


h1, h2, h3, h4, p {font-weight:normal; padding:0; margin:0;}
a {margin:0; padding: 0; text-decoration: none;}
ul {list-style:none;}
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}
.oculto {
    visibility: hidden;
}
input[type="number"]
{
    -webkit-appearance: textfield !important;
    margin: 0;
    -moz-appearance:textfield !important;
}
.lbl-form{
    color: var(--azulacero);
    font-weight: 600;
    letter-spacing: 1px;
}
.txt-form, .txt2-form{
    border-bottom: 1px solid var(--azulacero);
    height: 1.8em;
    text-align: center;
    background: none;
}
.txt-form:focus-within, .txt2-form:focus-within{
    background: var(--blanco);
    border: 1px solid var(--azulacero);
    border-radius: 4px;
}
.comb-form{
    border: 1px solid var(--azulacero);
    border-radius: 4px;
}
.area-txtform{
    border: 1px solid var(--azulacero);
    border-radius: 4px;
    background: var(--blanco);
    resize: none;
}
.btn-envioform{
    background: var(--btn-normal);
    border: 1px solid var(--borde-btn);
    color: var(--blanco);
    cursor: pointer;
    transition: all 0.4s ease;
    width: 100%;
    height: 30px;
    border-radius: 6px;
}
.btn-envioform:hover{
    transform: scale(1.1);
    background: var(--btn-hover);
    border: 1px solid var(--blanco);
    box-shadow: var(--sombra-btn);
    transition: all 0.4s ease;
}
.btn-envioform2{
    position: absolute;
    top: -20%;
    right: -5%;
    background: var(--btn-normal);
    border: 1px solid var(--borde-btn);
    color: var(--blanco);
    cursor: pointer;
    transition: all 0.4s ease;
    width: 30%;
    height: 30px;
    border-radius: 6px;
}
.btn-envioform2:hover{
    transform: scale(1.1);
    background: var(--btn-hover);
    border: 1px solid var(--blanco);
    box-shadow: var(--sombra-btn);
    transition: all 0.4s ease;
}
.asterisco{
    font-family: Verdana;
}
::placeholder{
	font-size: 0.9em;
    font-family: "asesina";
    letter-spacing: 1px
}

.contenido{
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 20vh 40px 80px 400px 15.7vw;
    grid-template-areas: 
        "encabezado"
        "enlaces"
        "titulo"
        "formulario"
        "form-frac"
        "pie";
}

.encab-reclams{
    grid-area: encabezado;
    background: #515969;
    display: grid;
    grid-template-columns: 25vw 25vw 25vw 25vw;
    grid-template-rows: 4vh 12vh 4vh;
    grid-template-areas:
        "fondo fondo fecha fecha"
        "fondo fondo titu titu"
        "inicio inicio inicio inicio";
}
    .img-fondo{
        grid-area: fondo;
        height: 100%;
    }
    .fecha-act{
        grid-area: fecha;
        color: #fff;
        font-size: 1vw;
        letter-spacing: 1px;
        text-align: right;
        padding-right: 30px;
    }
    .lnk-inihead{
        grid-area: fondo;
        padding: 15px;
        width: 25vw;
    }
    .tit-pagdetails{
        grid-area: titu;
        font-family: "denmark";
        color: #b5bec6;
        font-size: 3.5vw;
        text-align: right;
        padding-right: 2vw;
    }
    .fnd-lnkinicio{
        grid-area: inicio;
        background: #b5bec6;
        text-align: right;
    }
    .lnk-inicio{
        display: flex;
        position: absolute;
        right: 0;
        padding-top: 3px;
        width: auto;
    }
    .lnk-inicio .ico-homedetails{
        background: url(../../img/ico-home-details.png)no-repeat;
        width: 20px;
        height: 19px;
        background-position: center;
        background-size: contain;
        padding-right: 5px;
        }
    .lnk-inicio span{
        font-size: 1.1vw;
        width: 50px;;
        color: #515969;
        letter-spacing: 1px;
        text-align: right;
        padding-bottom: 3px;
        padding-right: 5px;
    }
    .lnk-inicio:hover span{
        color: #fff;
    }
    .lnk-inicio:hover .ico-homedetails{
        background: url(../../img/ico-home-details2.png)no-repeat;
        background-position: center;
        background-size: contain;
    }
.faceyemergencias{
    grid-area: enlaces;
    display: grid;
    grid-template-columns: 1fr, 1fr;
    grid-template-areas:"face telefono";
}
    .fnd-lnkface{
        grid-area: face;
    }
    .lnk-face{
        display: flex;
        width: auto;
    }
    .lnk-face .ico-face{
        background: url(../../img/ico-facedetails.png)no-repeat;
        width: 20px;
        height: 20px;
        background-position: center;
        background-size: contain;
    }
    .lnk-face span{
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 1vw;
        color: #515969;

        padding-left: 5px;
    }
    .numeros-telf{
        grid-area: telefono;
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 1vw;
        text-align: right;
        padding-right: 1vw
    }
.tit-recla{
    grid-area: titulo;
}
    .tit-prindetails{
        font-family: "bisq";
        font-size: 2.5vw;
        color: #515969;
        padding-top: 30px;
        padding-left: 5vw;
    }
    .tit-underline{
        position: relative;
        width: 10%;
        border-top: 2px solid #ffac05;
        left: 5vw;
    }

.solo-cel{
    visibility: hidden;
}
.frm-prin{
    grid-area: formulario;
    position: relative;
    top: 50px;
    left: 25%;
    width: 50%;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows: 25px 25px 25px 25px 25px 30px 25px 60px 40px;
    grid-row-gap: 20px;
    grid-template-areas:
        "lblentidad txtentidad txtentidad vacio01"
        "lbldni txtdnientidad vacio02 vacio01"
        "lblemailentidad txtemailentidad txtemailentidad vacio01"
        "lbltelefuser txttelefuser vacio03 vacio03"
        "lblasunto txtasunto txtasunto txtasunto"
        "lblselecarchivo lblselecarchivo btnarchivo btnarchivo"
        "lbldescriparchivos lbldescriparchivos vacio04 vacio04"
        "txtdescriparchivos txtdescriparchivos txtdescriparchivos txtdescriparchivos"
        "vacio05 btnenvio btnenvio vacio06";
    }

.frm-frac{
    grid-area: form-frac;
    position: relative;
    top: 50px;
    left: 25%;
    width: 50%;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows: 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 50px 25px 25px 50px 40px;
    grid-row-gap: 10px;
    grid-template-areas:
        "lblcodinsc txtcodinsc vacio01 vacio01"
        "lbldni txtdni vacio01 vacio01"
        "lblnomtitular txtnomtitular txtnomtitular vacio02"
        "lblcategoria lblcategoria vacio04 vacio04"
        "opdomestic lblopdomestic vacio04 vacio04"
        "opsocial lblopsocial vacio04 vacio04"
        "lblmesesfrac lblmesesfrac vacio04 vacio04"
        "optmes01 lblopmes01 optmes04 lblopmes04"
        "optmes02 lblopmes02 optmes05 lblopmes05"
        "optmes03 lblopmes03 optmes06 lblopmes06"
        "lblmotivofrac vacio06 vacio06 vacio06"
        "txtmotivofrac txtmotivofrac txtmotivofrac txtmotivofrac"
        "lblnumtelef txtnumtelef vacio03 vacio07"
        "lblemail txtemail txtemail vacio07"
        "notafrac notafrac notafrac notafrac"
        "vacio08 btnenviar btnenviar vacio09";
    }

.lbl-codinscr{
    grid-area: lblcodinsc;
    align-self: center;
}
.txt-codinscr{
    grid-area: txtcodinsc;

}
.lbl-dnifrac{
    grid-area: lbldni;
    align-self: center;
}
.txt-dnifrac{
    grid-area: txtdni;
}
.lbl-usrfrac{
    grid-area: lblnomtitular;
    align-self: center;
}
.txt-usrfrac{
    grid-area: txtnomtitular;
}
.lbl-catuser{
    grid-area: lblcategoria;
    align-self: end;
}
.opt-domest{
    grid-area: opdomestic;
    width: 20px;
    justify-self: end;
}
.lbl-optdomest{
    grid-area: lblopdomestic;
    align-self: center;
}
.opt-social{
    grid-area: opsocial;
    width: 20px;
    justify-self: end;
}
.lbl-optsocial{
    grid-area: lblopsocial;
    align-self: center;
}
.lbl-selecmes{
    grid-area: lblmesesfrac;
    align-self: end;
}
.chk-mes01{
    grid-area: optmes01;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes01{
    grid-area: lblopmes01;
    align-self: center;
}
.chk-mes02{
    grid-area: optmes02;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes02{
    grid-area: lblopmes02;
    align-self: center;
}
.chk-mes03{
    grid-area: optmes03;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes03{
    grid-area: lblopmes03;
    align-self: center;
}
.chk-mes04{
    grid-area: optmes04;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes04{
    grid-area: lblopmes04;
    align-self: center;
}
.chk-mes05{
    grid-area: optmes05;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes05{
    grid-area: lblopmes05;
    align-self: center;
}
.lbl-motivofrac{
    grid-area: lblmotivofrac;
    align-self: end;
}
.txtarea-motivo{
    grid-area: txtmotivofrac
}
.lbl-telffrac{
    grid-area: lblnumtelef;
    align-self: center;
}
.txt-telffrac{
    grid-area: txtnumtelef;
}
.lbl-emailfrac{
    grid-area: lblemail;
    align-self: center;
}
.txt-emailfrac{
    grid-area: txtemail;
}
.nota-frac{
    grid-area: notafrac;
    letter-spacing: 1px;
}
.btn-envioformfrac{
    grid-area: btnenviar;
    font-weight: 600;
    align-self: end;
}


.lbl-nombentidad{
    grid-area: lblentidad;
    align-self: center;
}
.txt-nomentidad{
    grid-area: txtentidad;
}
.lbl-dnientidad{
    grid-area: lbldni;
    align-self: center;
}
.txt-dnientidad{
    grid-area: txtdnientidad;
}
.lbl-emailentidad{
    grid-area: lblemailentidad;
    align-self: center;
}
.txt-emailentidad{
    grid-area: txtemailentidad;
}
.lbl-telfentidad{
    grid-area: lbltelefuser;
    align-self: center;
}
.txt-telfentidad{
    grid-area: txttelefuser;
}
.lbl-asuntoentidad{
    grid-area: lblasunto;
    align-self: center;
}
.txt-asuntoentidad{
    grid-area: txtasunto;
}
.lbl-adjuntoentidad{
    grid-area: lblselecarchivo;
    align-self: end;
}
.btn-adjuntar{
    grid-area: btnarchivo;
    align-self: end;
}
.lbl-descripdocuentidad{
    grid-area: lbldescriparchivos;
    align-self: end;
}
.txtarea-descriparchivo{
    grid-area: txtdescriparchivos;
}
.btn-envioformmesa{
    grid-area: btnenvio
}


.pie-reclams{
    position: absolute;
    top: 1000px;
    left: 0;
    width: 100%;
    height: 15.7vw;
    background: #000;
    overflow: hidden;
}
.pie{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media screen and (min-width:740px) and (max-width:900px){
    .contenido{
    display: grid;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: 20vh 30px 80px 400px 15.7vw;
    grid-template-areas: 
        "encabezado"
        "enlaces"
        "titulo"
        "formulario"
        "pie";
}
    .encab-reclams{
    grid-area: encabezado;
    background: #515969;
    display: grid;
    grid-template-columns: 25vw 25vw 25vw 25vw;
    grid-template-rows: 6vh 14vh 5vh;
    grid-template-areas:
        "fondo fondo fecha fecha"
        "fondo fondo titu titu"
        "inicio inicio inicio inicio";
}
    .img-fondo{
        grid-area: fondo;
        height: 100%;
    }
    .fecha-act{
        grid-area: fecha;
        color: #fff;
        font-size: 1.5vw;
        letter-spacing: 1px;
        text-align: right;
        padding-right: 30px
    }
    .lnk-inihead{
        grid-area: fondo;
        padding: 15px;
        width: 30vw;
    }
    .tit-pagdetails{
        grid-area: titu;
        font-family: "denmark";
        color: #b5bec6;
        font-size: 4vw;
        text-align: right;
        padding-right: 2vw;
    }
    .fnd-lnkinicio{
        grid-area: inicio;
        background: #b5bec6;
        text-align: right;
    }
    .lnk-inicio{
        display: flex;
        position: absolute;
        right: 0;
        width: auto;
    }
    .lnk-inicio .ico-homedetails{
        background: url(../../img/ico-home-details.png)no-repeat;
        width: 20px;
        height: 15px;
        background-position: center;
        background-size: contain;
        padding-right: 5px;
        }
    .lnk-inicio span{
        font-size: 2.5em;
        width: 50px;;
        color: #515969;
        letter-spacing: 1px;
        text-align: right;
        padding-right: 5px;
    }
    .lnk-inicio:hover span{
        color: #fff;
    }
    .lnk-inicio:hover .ico-homedetails{
        background: url(../../img/ico-home-details2.png)no-repeat;
        background-position: center;
        background-size: contain;
    }
.faceyemergencias{
    grid-area: enlaces;
    display: grid;
    grid-template-columns: 1fr, 1fr;
    grid-template-areas:"face telefono";
}
    .fnd-lnkface{
        grid-area: face;
    }
    .lnk-face{
        display: flex;
        width: auto;
    }
    .lnk-face .ico-face{
        background: url(../../img/ico-facedetails.png)no-repeat;
        width: 20px;
        height: 20px;
        background-position: center;
        background-size: contain;
    }
    .lnk-face span{
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 2.5em;
        color: #515969;

        padding-left: 5px;
    }
    .numeros-telf{
        grid-area: telefono;
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 2.5em;
        text-align: right;
        padding-right: 1vw
    }
.tit-recla{
    grid-area: titulo;
}
    .tit-prindetails{
        font-family: "bisq";
        font-size: 4vw;
        color: #515969;
        padding-top: 30px;
        padding-left: 5vw;
    }
    .tit-underline{
        position: relative;
        width: 10%;
        border-top: 2px solid #ffac05;
        left: 5vw;
    }

    
    .frm-prin{
    grid-area: formulario;
    position: relative;
    top: 50px;
    left: 10vw;
    width: 80vw;
        font-size: 2em;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows: 25px 25px 25px 25px 25px 30px 25px 60px 40px;
    grid-row-gap: 20px;
    grid-template-areas:
        "lblentidad txtentidad txtentidad vacio01"
        "lbldni txtdnientidad vacio02 vacio01"
        "lblemailentidad txtemailentidad txtemailentidad vacio01"
        "lbltelefuser txttelefuser vacio03 vacio03"
        "lblasunto txtasunto txtasunto txtasunto"
        "lblselecarchivo lblselecarchivo btnarchivo btnarchivo"
        "lbldescriparchivos lbldescriparchivos vacio04 vacio04"
        "txtdescriparchivos txtdescriparchivos txtdescriparchivos txtdescriparchivos"
        "vacio05 btnenvio btnenvio vacio06";
    }

.lbl-nombentidad{
    grid-area: lblentidad;
    align-self: center;
}
.txt-nomentidad{
    grid-area: txtentidad;
}
.lbl-dnientidad{
    grid-area: lbldni;
    align-self: center;
}
.txt-dnientidad{
    grid-area: txtdnientidad;
}
.lbl-emailentidad{
    grid-area: lblemailentidad;
    align-self: center;
}
.txt-emailentidad{
    grid-area: txtemailentidad;
}
.lbl-telfentidad{
    grid-area: lbltelefuser;
    align-self: center;
}
.txt-telfentidad{
    grid-area: txttelefuser;
}
.lbl-asuntoentidad{
    grid-area: lblasunto;
    align-self: center;
}
.txt-asuntoentidad{
    grid-area: txtasunto;
}
.lbl-adjuntoentidad{
    grid-area: lblselecarchivo;
    align-self: end;
}
.btn-adjuntar{
    grid-area: btnarchivo;
    align-self: end;
}
.lbl-descripdocuentidad{
    grid-area: lbldescriparchivos;
    align-self: end;
}
.txtarea-descriparchivo{
    grid-area: txtdescriparchivos;
}
.btn-envioformmesa{
    grid-area: btnenvio
}

    .frm-frac{
    grid-area: form-frac;
    position: relative;
    top: 10px;
    left: 10vw;
    width: 80vw;
        font-size: 2em;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows: 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 50px 25px 25px 50px 40px;
    grid-row-gap: 5px;
    grid-template-areas:
        "lblcodinsc txtcodinsc vacio01 vacio01"
        "lbldni txtdni vacio01 vacio01"
        "lblnomtitular txtnomtitular txtnomtitular vacio02"
        "lblcategoria lblcategoria vacio04 vacio04"
        "opdomestic lblopdomestic vacio04 vacio04"
        "opsocial lblopsocial vacio04 vacio04"
        "lblmesesfrac lblmesesfrac vacio04 vacio04"
        "optmes01 lblopmes01 optmes04 lblopmes04"
        "optmes02 lblopmes02 optmes05 lblopmes05"
        "optmes03 lblopmes03 optmes06 lblopmes06"
        "lblmotivofrac vacio06 vacio06 vacio06"
        "txtmotivofrac txtmotivofrac txtmotivofrac txtmotivofrac"
        "lblnumtelef txtnumtelef vacio03 vacio07"
        "lblemail txtemail txtemail vacio07"
        "notafrac notafrac notafrac notafrac"
        "vacio08 btnenviar btnenviar vacio09";
    }

.lbl-codinscr{
    grid-area: lblcodinsc;
    align-self: center;
}
.txt-codinscr{
    grid-area: txtcodinsc;

}
.lbl-dnifrac{
    grid-area: lbldni;
    align-self: center;
}
.txt-dnifrac{
    grid-area: txtdni;
}
.lbl-usrfrac{
    grid-area: lblnomtitular;
    align-self: center;
}
.txt-usrfrac{
    grid-area: txtnomtitular;
}
.lbl-catuser{
    grid-area: lblcategoria;
    align-self: end;
}
.opt-domest{
    grid-area: opdomestic;
    width: 20px;
    justify-self: end;
}
.lbl-optdomest{
    grid-area: lblopdomestic;
    align-self: center;
}
.opt-social{
    grid-area: opsocial;
    width: 20px;
    justify-self: end;
}
.lbl-optsocial{
    grid-area: lblopsocial;
    align-self: center;
}
.lbl-selecmes{
    grid-area: lblmesesfrac;
    align-self: end;
}
.chk-mes01{
    grid-area: optmes01;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes01{
    grid-area: lblopmes01;
    align-self: center;
}
.chk-mes02{
    grid-area: optmes02;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes02{
    grid-area: lblopmes02;
    align-self: center;
}
.chk-mes03{
    grid-area: optmes03;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes03{
    grid-area: lblopmes03;
    align-self: center;
}
.chk-mes04{
    grid-area: optmes04;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes04{
    grid-area: lblopmes04;
    align-self: center;
}
.chk-mes05{
    grid-area: optmes05;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes05{
    grid-area: lblopmes05;
    align-self: center;
}
.lbl-motivofrac{
    grid-area: lblmotivofrac;
    align-self: end;
}
.txtarea-motivo{
    grid-area: txtmotivofrac
}
.lbl-telffrac{
    grid-area: lblnumtelef;
    align-self: center;
}
.txt-telffrac{
    grid-area: txtnumtelef;
}
.lbl-emailfrac{
    grid-area: lblemail;
    align-self: center;
}
.txt-emailfrac{
    grid-area: txtemail;
}
.nota-frac{
    grid-area: notafrac;
    letter-spacing: 1px;
}
.btn-envioformfrac{
    grid-area: btnenviar;
    font-weight: 600;
    align-self: end;
}
    
.pie-reclams{
    grid-area: pie;
        position: absolute;
        top: 750px;
        left: 0;
        width: 100%;
        height: 15.7vw;
    font-size: 2em;
        background: #000;
    }
    .logopie{
        position: absolute;
        top: 5%;
        left: 1%;
        width: 15%
    }
    .img-pie{
        position: absolute;
        top: 0;
        width: 9.4vw;
    }
    .img-pie01{
        left: 50%;
    }
    .img-pie02{
        left: 55%;
    }
    .img-pie03{
        left: 60%;
    }
    .img-pie04{
        left: 65%;
    }
    .img-pie05{
        left: 70%;
    }
    .img-pie06{
        left: 75%;
    }
    .img-pie07{
        left: 80%;
    }
    .img-pie08{
        left: 85%;
    }
    .img-pie09{
        left: 90%;
    }
    .img-pie10{
        left: 95%;
    }
    .fnd-semitransp{
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: rgba(0,0,0,0.6)
    }
    .correo-pie{
        position: absolute;
        top:2%;
        right: 1%;
        width: 20%;
        height: 20px;
        text-align: right;
        font-size: 1em;
        color: #fff;
        letter-spacing: 1px;
    }
    .correo-pie img{
        padding-left: 5px;
        padding-top: 3px;
        width: 1.2vw;
    }
    .horarios{
        position: absolute;
        top: 35%;
        left: 2%;
        width: 35vw;
        height: 6vw;
        color: #afafaf;
    }
    .horarios h3{
        font-family: "denmark";
        border-bottom: 1px solid #fff;
    }
    .horarios p{
        font-size: 0.7em;
        text-align: left;
        padding-top: 4px;
        letter-spacing: 1px;
        color: #dfdfdf;
    }
    .horarios span{
        font-weight: 600;
    }
    .direcciones{
        visibility: hidden;
    }
    .direcciones .ofi{
        font-weight: 600;
    }
    .direcciones .guion{
        padding: 0 7px;
    }
    .otr-telef{
        position: absolute;
        top: 30%;
        right: 2%;
        width: 25%;
        height: 32%;
        color: #fff;
        letter-spacing: 1px
    }
    .otr-telef h4{
        border-bottom: 1px solid #fff;
    }
    .otr-telef p{
        font-size: 0.8em;
        text-align: right;
        padding-top: 3px;
    }
    .copyr{
        position: absolute;
        bottom: 2%;
        left: 0;
        width: 100vw;
        height: auto;
        text-align: center;
        letter-spacing: 1px;
        color: #fff;
    }
}
@media screen and (max-width:639px){
    .contenido{
    display: grid;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: 10vh 20px 80px 400px 15.7vw;
    grid-template-areas: 
        "encabezado"
        "enlaces"
        "titulo"
        "formulario"
        "pie";
}
    .encab-reclams{
    grid-area: encabezado;
    background: #515969;
    display: grid;
    grid-template-columns: 25vw 25vw 25vw 25vw;
    grid-template-rows: 1vh 7vh 3vh;
    grid-template-areas:
        "fondo fondo fecha fecha"
        "fondo fondo titu titu"
        "inicio inicio inicio inicio";
}
    .img-fondo{
        grid-area: fondo;
        height: 100%;
    }
    .fecha-act{
        visibility: hidden;
    }
    .lnk-inihead{
        grid-area: fondo;
        padding: 15px;
        width: 50vw;
    }
    .tit-pagdetails{
        grid-area: titu;
        font-family: "denmark";
        color: #b5bec6;
        font-size: 6vw;
        text-align: right;
        padding-right: 2vw;
    }
    .fnd-lnkinicio{
        grid-area: inicio;
        background: #b5bec6;
        text-align: right;
    }
    .lnk-inicio{
        display: flex;
        position: absolute;
        right: 0;
        padding-top: 3px;
        width: auto;
    }
    .lnk-inicio .ico-homedetails{
        background: url(../../img/ico-home-details.png)no-repeat;
        width: 20px;
        height: 15px;
        background-position: center;
        background-size: contain;
        padding-right: 5px;
        }
    .lnk-inicio span{
        font-size: 5em;
        width: 50px;;
        color: #515969;
        letter-spacing: 1px;
        text-align: right;
        padding-right: 5px;
    }
    .lnk-inicio:hover span{
        color: #fff;
    }
    .lnk-inicio:hover .ico-homedetails{
        background: url(../../img/ico-home-details2.png)no-repeat;
        background-position: center;
        background-size: contain;
    }
.faceyemergencias{
    grid-area: enlaces;
    display: grid;
    grid-template-columns: 1fr, 1fr;
    grid-template-areas:"face telefono";
}
    .fnd-lnkface{
        grid-area: face;
    }
    .lnk-face{
        display: flex;
        width: auto;
    }
    .lnk-face .ico-face{
        background: url(../../img/ico-facedetails.png)no-repeat;
        width: 20px;
        height: 20px;
        background-position: center;
        background-size: contain;
    }
    .lnk-face span{
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 4em;
        color: #515969;

        padding-left: 5px;
    }
    .numeros-telf{
        grid-area: telefono;
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 4em;
        text-align: right;
        padding-right: 1vw
    }
.tit-recla{
    grid-area: titulo;
}
    .tit-prindetails{
        font-family: "bisq";
        font-size: 5vw;
        color: #515969;
        padding-top: 30px;
        padding-left: 5vw;
    }
    .tit-underline{
        position: relative;
        width: 10%;
        border-top: 2px solid #ffac05;
        left: 5vw;
    }

    .frm-prin{
    grid-area: formulario;
    position: relative;
        font-size: 3em;
    top: 20px;
    left: 5vw;
    width: 90vw;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows: 25px 25px 25px 25px 25px 30px 25px 60px 40px;
    grid-row-gap: 20px;
    grid-template-areas:
        "lblentidad txtentidad txtentidad vacio01"
        "lbldni txtdnientidad vacio02 vacio01"
        "lblemailentidad txtemailentidad txtemailentidad vacio01"
        "lbltelefuser txttelefuser vacio03 vacio03"
        "lblasunto txtasunto txtasunto txtasunto"
        "lblselecarchivo lblselecarchivo btnarchivo btnarchivo"
        "lbldescriparchivos lbldescriparchivos vacio04 vacio04"
        "txtdescriparchivos txtdescriparchivos txtdescriparchivos txtdescriparchivos"
        "vacio05 btnenvio btnenvio vacio06";
    }

.lbl-nombentidad{
    grid-area: lblentidad;
    align-self: center;
}
.txt-nomentidad{
    grid-area: txtentidad;
}
.lbl-dnientidad{
    grid-area: lbldni;
    align-self: center;
}
.txt-dnientidad{
    grid-area: txtdnientidad;
}
.lbl-emailentidad{
    grid-area: lblemailentidad;
    align-self: center;
}
.txt-emailentidad{
    grid-area: txtemailentidad;
}
.lbl-telfentidad{
    grid-area: lbltelefuser;
    align-self: center;
}
.txt-telfentidad{
    grid-area: txttelefuser;
}
.lbl-asuntoentidad{
    grid-area: lblasunto;
    align-self: center;
}
.txt-asuntoentidad{
    grid-area: txtasunto;
}
.lbl-adjuntoentidad{
    grid-area: lblselecarchivo;
    align-self: end;
}
.btn-adjuntar{
    grid-area: btnarchivo;
    align-self: end;
}
.lbl-descripdocuentidad{
    grid-area: lbldescriparchivos;
    align-self: end;
}
.txtarea-descriparchivo{
    grid-area: txtdescriparchivos;
}
.btn-envioformmesa{
    grid-area: btnenvio
}
    .frm-frac{
    grid-area: form-frac;
    position: relative;
    top: 10px;
    left: 5vw;
    width: 90vw;
        font-size: 2.8em;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows: 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 50px 25px 25px 50px 40px;
    grid-row-gap: 5px;
    grid-template-areas:
        "lblcodinsc txtcodinsc vacio01 vacio01"
        "lbldni txtdni vacio01 vacio01"
        "lblnomtitular txtnomtitular txtnomtitular vacio02"
        "lblcategoria lblcategoria vacio04 vacio04"
        "opdomestic lblopdomestic vacio04 vacio04"
        "opsocial lblopsocial vacio04 vacio04"
        "lblmesesfrac lblmesesfrac vacio04 vacio04"
        "optmes01 lblopmes01 optmes04 lblopmes04"
        "optmes02 lblopmes02 optmes05 lblopmes05"
        "optmes03 lblopmes03 optmes06 lblopmes06"
        "lblmotivofrac vacio06 vacio06 vacio06"
        "txtmotivofrac txtmotivofrac txtmotivofrac txtmotivofrac"
        "lblnumtelef txtnumtelef vacio03 vacio07"
        "lblemail txtemail txtemail vacio07"
        "notafrac notafrac notafrac notafrac"
        "vacio08 btnenviar btnenviar vacio09";
    }

.lbl-codinscr{
    grid-area: lblcodinsc;
    align-self: center;
}
.txt-codinscr{
    grid-area: txtcodinsc;

}
.lbl-dnifrac{
    grid-area: lbldni;
    align-self: center;
}
.txt-dnifrac{
    grid-area: txtdni;
}
.lbl-usrfrac{
    grid-area: lblnomtitular;
    align-self: center;
}
.txt-usrfrac{
    grid-area: txtnomtitular;
}
.lbl-catuser{
    grid-area: lblcategoria;
    align-self: end;
}
.opt-domest{
    grid-area: opdomestic;
    width: 20px;
    justify-self: end;
}
.lbl-optdomest{
    grid-area: lblopdomestic;
    align-self: center;
}
.opt-social{
    grid-area: opsocial;
    width: 20px;
    justify-self: end;
}
.lbl-optsocial{
    grid-area: lblopsocial;
    align-self: center;
}
.lbl-selecmes{
    grid-area: lblmesesfrac;
    align-self: end;
}
.chk-mes01{
    grid-area: optmes01;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes01{
    grid-area: lblopmes01;
    align-self: center;
}
.chk-mes02{
    grid-area: optmes02;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes02{
    grid-area: lblopmes02;
    align-self: center;
}
.chk-mes03{
    grid-area: optmes03;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes03{
    grid-area: lblopmes03;
    align-self: center;
}
.chk-mes04{
    grid-area: optmes04;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes04{
    grid-area: lblopmes04;
    align-self: center;
}
.chk-mes05{
    grid-area: optmes05;
    width: 20px;
    justify-self: end;
}
.lbl-chkmes05{
    grid-area: lblopmes05;
    align-self: center;
}
.lbl-motivofrac{
    grid-area: lblmotivofrac;
    align-self: end;
}
.txtarea-motivo{
    grid-area: txtmotivofrac
}
.lbl-telffrac{
    grid-area: lblnumtelef;
    align-self: center;
}
.txt-telffrac{
    grid-area: txtnumtelef;
}
.lbl-emailfrac{
    grid-area: lblemail;
    align-self: center;
}
.txt-emailfrac{
    grid-area: txtemail;
}
.nota-frac{
    grid-area: notafrac;
    letter-spacing: 1px;
}
.btn-envioformfrac{
    grid-area: btnenviar;
    font-weight: 600;
    align-self: end;
}
    
    .pie-reclams{
    grid-area: pie;
        position: absolute;
        top: 750px;
        left: 0;
        width: 100%;
        height: 20vw;
    font-size: 2em;
        background: #000;
    }
    .logopie{
        position: absolute;
        top: 5%;
        left: 1%;
        width: 15%
    }
    .img-pie{
        position: absolute;
        top: 0;
        width: 9.4vw;
    }
    .img-pie01{
        left: 50%;
    }
    .img-pie02{
        left: 55%;
    }
    .img-pie03{
        left: 60%;
    }
    .img-pie04{
        left: 65%;
    }
    .img-pie05{
        left: 70%;
    }
    .img-pie06{
        left: 75%;
    }
    .img-pie07{
        left: 80%;
    }
    .img-pie08{
        left: 85%;
    }
    .img-pie09{
        left: 90%;
    }
    .img-pie10{
        left: 95%;
    }
    .fnd-semitransp{
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: rgba(0,0,0,0.6)
    }
    .correo-pie{
        position: absolute;
        top:2%;
        right: 1%;
        width: 20%;
        height: 20px;
        text-align: right;
        font-size: 1em;
        color: #fff;
        letter-spacing: 1px;
    }
    .correo-pie img{
        padding-left: 5px;
        padding-top: 3px;
        width: 1.2vw;
    }
    .horarios{
        position: absolute;
        top: 35%;
        left: 2%;
        width: 35vw;
        height: 6vw;
        color: #afafaf;
    }
    .horarios h3{
        font-family: "denmark";
        border-bottom: 1px solid #fff;
    }
    .horarios p{
        font-size: 0.7em;
        text-align: left;
        padding-top: 4px;
        letter-spacing: 1px;
        color: #dfdfdf;
    }
    .horarios span{
        font-weight: 600;
    }
    .direcciones{
        visibility: hidden;
    }
    .direcciones .ofi{
        font-weight: 600;
    }
    .direcciones .guion{
        padding: 0 7px;
    }
    .otr-telef{
        position: absolute;
        top: 30%;
        right: 2%;
        width: 25%;
        height: 32%;
        color: #fff;
        letter-spacing: 1px
    }
    .otr-telef h4{
        border-bottom: 1px solid #fff;
    }
    .otr-telef p{
        font-size: 0.8em;
        text-align: right;
        padding-top: 3px;
    }
    .copyr{
        position: absolute;
        bottom: 2%;
        left: 0;
        width: 100vw;
        height: auto;
        text-align: center;
        letter-spacing: 1px;
        color: #fff;
    }

}