@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px;
 -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit;color: inherit; }

/* #Media Queries
================================================== */
@container card (min-width: 1920px){
body{ overflow-x:hidden;}

}

@container card (max-width: 1280px) {
body{ overflow-x:hidden;}
header .menu-hdr{padding: 22px 15px 17px 15px;}
.top-rgt{padding: 15px;}
}

@container card (max-width: 1100px) {
.inner-banner{padding: 0;}
.vestii div.vest-pad div.vest-rgt ul{row-gap: 30px;}
.vestii div.vest-pad div.vest-rgt ul li h2{font-size: 18px;}

    /*galeria*/
.galeria-sec{padding: 70px 0 40px;}
.galeria-sec ul{  padding-bottom: 15px;}
.galeria-sec ul.card-grid-1,ul.card-grid-2 { --cols: 4; row-gap: 15px; column-gap: 15px;}
.galeria-sec .bread-crm{padding: 23px 40px 35px 40px;}
ul.pro-sha li .pro-lft .pro-cnt ul{flex-wrap: wrap; row-gap: 15px;}

}

@container card (max-width: 900px) {
/* biblioteca  */
.inner-banner img{opacity: 0;}
.inner-banner{background-size: cover; background-repeat:no-repeat ; min-height: 215px;}
.biblio .bread-crm{max-width: 95%; min-width: 95%; margin: 0 auto;}
.biblio .bib-cnt .trans-rgt h1{font-size: 32px;}
.smk_accordion .accordion_in .acc_content{padding: 0 15px 0 70px;}
.biblio-cnt ul.activ li a{padding-right: 60px;}
.vestii div.vest-pad div.vest-rgt ul{row-gap: 30px;}
.biblio div.bib-cnt div.map-zone{flex-wrap: nowrap;}
.vestii div.vest-pad div.vest-lft{flex: 0 1 100%;}
.vestii div.vest-pad div.vest-rgt{flex: 0 1 100%; padding-left: 0 ; padding-top: 30px;}
.biblio div.bib-cnt div.map-zone div.zone-lft h2{font-size: 32px;}
.biblio div.bread-crm h1{font-size: 34px;}

    /* resource     */
.bib-cnt.fullwidth .trans-rgt h1{font-size: 35px;line-height:36px;}
.bib-cnt.fullwidth .trans-rgt p{font-size: 15px;}
ul.tabs{padding-top: 35px;}
ul.tabs li{font-size: 15px;}
.resource-lst ul{gap:15px 15px;}
.resource-lst h3{font-size: 18px;}
.resource-lst ul li a { column-gap:14px;padding: 15px 10px;}
.resource-lst ul li a p {font-size: 13px;} 
.resource-lst ul li a img{width:26px;height:26px;padding: 5px;}

/* galeria */
.galeria-sec{padding: 40px 0 20px;}
.galeria-sec ul.card-grid-1,ul.card-grid-2 { --cols: 4; row-gap: 15px; column-gap: 15px;}


ul.pro-sha li .pro-lft{flex: 0 1 100%;}
ul.pro-sha li .pro-rgt{flex: 0 1 100%;}
.prod-pad{flex-wrap: wrap;}
.directoria ul li.se-li a.sea{padding: 12px 52px 12px 22px;}
.top-rgt{display: none;}
.ddsmoothmenu{display: none;}
.m-menu{display: block;}
.mob-nav .top-rgt{display: flex;}

.top-section { display: grid;max-width: 100%;min-width: 100%;background: #5F2D54;}
.top-rgt-menu {width: 100%;display: grid;margin-right: 0;position: relative;padding-right: 0;}
.top-rgt-menu::after {position: absolute;content: '';right: 0;top: 3px;background: url(../images/bar-ico.svg) no-repeat 0 0;width: 2px;height: 15px;display: none;}
.top-rgt-menu ul {display: flex;width: 100%;flex-wrap: wrap;align-items: center;column-gap: 4px;justify-content: center;align-items: center;}
.top-rgt-menu ul li {flex: 0 1 100%;text-align: center;}
.top-rgt-menu ul li a { color:#ffffff; font-size:11px; font-family: 'MerriweatherSans-Medium'; padding: 3px 10px; line-height: 17px; transition:all .5s ease; }
.top-rgt-menu ul li a:hover, .top-rgt-menu ul li a.active {background: #A31984;border-radius: 20px;color: #fff;}

.top-socl {display: grid;margin-right: 0;position: relative;width: 100%;padding-right: 0;margin-top: 20px;}
.top-socl::after {position: absolute;content: '';right: 0;top: 3px;background: url(../images/bar-ico.svg) no-repeat 0 0;width: 2px;height: 15px;display: none;}
.top-socl ul.sos {column-gap: 18px;display: flex;flex-wrap: nowrap;column-gap: 20px;justify-content: center;}
.top-socl ul.sos li a{display: inline-block;vertical-align: middle; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; border-radius: 0px; padding: 0px 0px;}
.top-socl ul.sos li a.h-in{ background: url(../images/header-ig.svg) no-repeat 0 0;width: 14px;height: 14px;}
.top-socl ul.sos li a.h-fb{background: url(../images/header-fb.svg) no-repeat 0 0;width: 7px;height: 14px;}
.top-socl ul.sos li a.h-tw{background: url(../images/header-x.svg) no-repeat 0 0;width: 13px;height: 13px;}

.logo{  position: absolute;  left: 0;    right: 0;    width: 130px;    margin: 0 auto;    top: 18px;}
.logo img{width: 100%;}
.mob-search{display: block;}
.select-btn {    display: block;   margin: 0 auto;    text-align: center;}
.m-sel{display: block;}
}

@container card (max-width: 700px) {
/* biblioteca  */

.biblio .bread-crm{max-width: 70%; min-width: 70%; margin: 0 auto;}
.biblio .bib-cnt{padding: 0 15px;padding-top: 30px;background: #FEFDFA;}
.biblio .bib-cnt .trans-lft{display: none;}
.biblio .bib-cnt .trans-rgt{top: 0; flex: 0 1 100%;}
.bioo-cnt{padding:0 15px; width: 100%;}
.biblio .bib-cnt .trans-rgt h1{font-size: 32px;}
.biblio .bread-crm{padding: 15px 40px 7px 40px;margin-top: -10px;}
.smk_accordion .accordion_in .acc_content{padding: 0 15px 0 70px;}
.smk_accordion .accordion_in .acc_head{padding: 15px;}
.biblio-cnt ul.activ li a h4 br{display: none;}
.biblio-cnt ul.activ li a{padding-right: 60px;}
.biblio-cnt ul.activ li a{padding: 15px 15px 70px 15px;background: url(../images/arrow-big.svg) no-repeat left 15px bottom 15px;}
.a-vrr  {display: block;}
.ejemo .ejemo-cnt{display: none;}
.biblio div.bib-cnt div.map-zone div.zone-lft{display: none;}
.biblio div.bib-cnt div.map-zone div.zone-rgt{flex:0 1 100%;}
.bib-cnt.zonal-pad{padding: 0;}
.vestii div.vest-pad{padding: 0;}
.vestii div.vest-pad div.vest-rgt{padding: 30px 15px;}
.bib-cnt.zonal-pad p{text-align: center; padding: 0 15px;}
.bib-cnt.zonal-pad {padding-top: 20px;}
.bib-cnt.zonal-pad h1{text-align: center; font-size: 32px; list-style: 36px; margin: 0 auto 20px;}
.biblio .bread-crm ul{justify-content: center;}
.biblio div.bib-cnt div.zo-ll ul{flex-wrap: nowrap;white-space: nowrap; column-gap: 20px;       overflow-x: scroll;}
.biblio div.bib-cnt div.zo-ll{padding-left: 15px; padding-top: 20px;}
.mo-caro.ejemo-cnt h3{font-size: 18px; line-height: 24px; margin-top: 30px; text-align: center;}
.bib-cnt.zonal-pad h3{display: block;margin: 30px auto 0;}
.btn-cnn{justify-content: center; padding-top: 20px;}
.btn-cnn .cont{font-size: 16px; padding: 10px 38px;}
.biblio div.bib-cnt div.map-zone div.zone-rgt .btn-cnn{display: flex;}


    /* resource     */
.resource-lst ul {--cols: 1;}

/* galeria */
.galeria-sec{padding: 30px 0 18px;}
.galeria-sec ul.card-grid-1,ul.card-grid-2 { --cols: 3; row-gap: 15px; column-gap: 15px;}

.directoria ul{flex-wrap: wrap; row-gap: 10px;}
.directoria ul li{flex: 0 1 100%;}
.directoria ul li.de-li{flex: 0 1 100%;}
.directoria ul li.se-li{flex: 0 1 100%;}
.directoria ul li label{display: none;}
.directoria{padding: 30px;}
.bib-cnt.zonal-pad{display: flex;}

.directoria ul li.se-li a.sea{border-radius:8px ; justify-content: center;padding: 12px 20px 12px 0px;background: #a31984 url(../images/search.svg) no-repeat right 60px center;}
.directoria ul li.de-li a.del{display: none;}
.directoria ul li.se-li a.sea:hover { background: #222 url(../images/search.svg) no-repeat right 60px center;}
ul.pro-sha{margin-top: 30px; padding: 0 15px;}
ul.pro-sha li .pro-lft .pro-img img{width: 100%;}
ul.pro-sha li .pro-lft .pro-img {    flex: 0 1 30%; padding-top: 20px; }
ul.pro-sha li .pro-lft .pro-cnt{flex: 0 1 70%;}
.pro-lft-pad{flex-wrap: nowrap;}
ul.pro-sha li .pro-lft .pro-cnt h2{font-size: 16px; margin-bottom: 10px;}
ul.pro-sha li .pro-lft .pro-cnt ul li.loc{font-size: 12px;padding-left: 30px;}
ul.pro-sha li .pro-lft .pro-cnt ul li.bag{font-size: 12px;}
ul.pro-sha li .pro-lft .pro-cnt p{padding: 0;}
ul.pro-sha li .pro-rgt ul{justify-content: start;}
ul.pro-sha li .pro-rgt ul li a{padding: 6px 10px;}
ul.pro-sha li a.shaa{left: 0; top: 0;}
.directoria{display: none;}
.directoria.show{display: block;}
.filt{display: flex;}
.galeria-sec{padding: 15px;}

/*home new 28-11-2023*/
.oferta-form {flex: 0 1 100%;padding: 40px 40px 80px 40px; border-radius: 10px 10px 0 0;}
.tramites-lst {flex: 0 1 100%;padding: 40px 40px 80px 40px; border-radius: 0 0 10px 10px;}
.tramites-lst ul li span{display: none;}
.tramites-lst ul li a{flex: 0 1 100%;}
.sub-butt{display: none;}
.agenda-sec h2{text-align: center;}
.ver-btn {position: relative;right: 0;top: 10px;left: 0;margin: 25px 0 auto; text-align: center;}
.agenda-sec ul li {flex: 0 1 100%; border: none; background: none; border-radius: 0;}
.agenda-cont{padding: 0 0 0 15px;}
.agenda-img{border-radius: 7px;}
.reci-sec{padding: 0; background: transparent;}
.reci-img {flex: 0 1 100%;order: 1; border-radius: 8px 8px 0 0;overflow: hidden;}
.reci-cont {flex: 0 1 100%;padding: 30px 20px;order: 2;}
.reci-sec h2{font-size: 24px; line-height: 30px;}

.servicios-sec h2{border-bottom: none; padding-bottom: 0; margin-bottom: 20px;}
.servicios-lft {flex: 0 1 100%; border-bottom: 1px solid #c9c7bb; padding-bottom: 25px; margin-bottom: 25px;}
.servicios-mid {flex: 0 1 100%; border-bottom: 1px solid #c9c7bb; padding-bottom: 25px; margin-bottom: 25px;}
.servicios-rht {flex: 0 1 100%; border-bottom: 1px solid #c9c7bb; padding-bottom: 25px;}
.servicios-sec ul{display: none;}
.servicios-sec p{margin-bottom: 0;}

.ultimas-sec{padding: 40px 0 65px 0;}
.ultimas-sec h2{text-align: center; font-size: 28px; line-height: 36px;}
.ultimas-sec ul.three{column-gap: 0; row-gap: 25px;}
.ultimas-sec ul.three li {flex: 0 1 100%; display: flex;flex-wrap: wrap;}
.ultimas-sec ul.three li .ultimas-img {width: 165px; height: 160px;overflow: hidden;display: flex;border-radius: 10px;}
.ultimas-sec ul.three li .ultimas-cnt {width: calc(100% - 185px);padding: 0px 0 0 20px;margin-top: 0;border-radius: 0 10px 0 0;}
.ultimas-sec ul.three li .ultimas-cnt h3{font-size: 16px; line-height: 25px;}

.ultimas-sec ul.four{column-gap: 0; row-gap: 25px;}
.ultimas-sec ul.four li {flex: 0 1 100%; display: flex;flex-wrap: wrap;}
.ultimas-sec ul.four li .ultimas-img {width: 165px; height: 160px;overflow: hidden;display: flex;border-radius: 10px;}
.ultimas-sec ul.four li .ultimas-cnt {width: calc(100% - 185px);padding: 0px 0 0 20px;margin-top: 0;border-radius: 0 10px 0 0; background: none;}
.ultimas-sec ul.four li .ultimas-cnt h3{font-size: 16px; line-height: 25px;}
}

@container card (max-width:500px) {
/* biblioteca  */

.biblio .bib-cnt .trans-rgt h1{font-size: 28px; line-height: 32px;}
.biblio .bib-cnt .trans-rgt h2{font-size: 22px;}
.smk_accordion .accordion_in .acc_head{padding-right: 0;}
.biblio-cnt ul li p{width: 90%;}
.biblio .bib-cnt .trans-rgt ul{row-gap: 15px;}
.biblio .bread-crm{max-width: 90%; min-width: 90%;}
.vestii div.vest-pad div.vest-rgt ul{row-gap: 20px;}


    /* resource     */
.bib-cnt.fullwidth .trans-rgt h1{font-size: 30px;line-height:32px;padding-bottom: 10px;}
.bib-cnt.fullwidth .trans-rgt p{font-size: 14px;}
ul.tabs li::after{bottom:-3px;}
ul.tabs{padding-top: 26px;overflow-x: scroll;padding-left: 15px;} 
ul.tabs li{font-size: 13px;white-space: nowrap;scrollbar-width: none;}
.resource-lst ul{gap:10px 10px;padding-bottom: 10px;}
.resource-lst h3{font-size: 16px;}
.resource-lst ul li a {column-gap:9px;padding: 15px 15px;}
.resource-lst ul li a p {font-size: 16px;} 
.resource-lst ul li a img{width:24px;height:24px;padding: 2px;}
.resource-lst{padding-top:25px;padding: 25px 15px;}

/* galeria */
.galeria-sec ul.card-grid-1,ul.card-grid-2 { --cols: 2; row-gap: 15px; column-gap: 15px;}


ul.pro-sha li{padding: 15px;}
ul.pro-sha li .pro-rgt ul{flex-wrap: wrap;}

}

@container card (max-width:360px) {

    /* resource     */   
    .resource-lst ul{--cols:1;}
    
    /* galeria */
    .galeria-sec ul.card-grid-1,ul.card-grid-2 { --cols: 1; row-gap: 15px; column-gap: 15px;}
    .biblio .bread-crm{padding:15px 20px 7px 20px}
    .biblio .bread-crm ul{align-items: center;}
    .biblio .bread-crm ul li{text-align: center;}
    .biblio .bread-crm ul li{font-size: 10px;}
    .biblio .bread-crm ul li a{font-size: 10px;}
    .bib-cnt.zonal-pad h1, .biblio .bib-cnt .trans-rgt h1{font-size: 26px;}
    }

@container card (max-width:330px) {

}