@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --font1: "Montserrat", sans-serif;
--font2: "Work Sans", sans-serif;
  --color1: #a852f1;
  --color2:#8846A0;
  --color3:#ff6666;
  --color4:#fff8bb;
--color5:#3c3c3b;
--color6: #ededed;  
--color7:#ffb0b0;
--color8: #ad232c;
}

*{
    font-family: var(--font2);
}

.color1 {
color: var(--color1);
}

.color2 {
color: var(--color2);
}

.color3 {
color: var(--color3);
}

.color4 {
color: var(--color4);
}

.color5, .color5 a {
color: var(--color5);
}
.color6 {
color: var(--color6);
}

.color7 {
color: var(--color7);
}
.color8 {
color: var(--color8);
}

.bg-color1 {
background-color: var(--color1);
}
.bg-color2 {
background-color: var(--color2);
}

.bg-color3 {
background-color: var(--color3);
}
.bg-color4 {
background-color: var(--color4);
}

.bg-color5 {
background-color: var(--color5);
}
.bg-color6 {
background-color: var(--color6);
}

.bg-color7 {
background-color: var(--color7);
}
.bg-color8 {
background-color: var(--color8);
}

html {
    overflow: visible;
}

.d-none {
    display: none !important;
}



.gap-2 {
    gap: 1rem;
}

.white {
    color: white;
}

.max-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.h1, h1, h1 * {
    font-size: 2.5rem;
    font-family: var(--font1);
    font-weight: 600;   
    color: var(--color3);
    margin-bottom: 1.5rem;
}

p, li {
    font-weight: 400;
}

#pxc-main li {
    margin-bottom: .8rem !important
}

.h2, h2, .h3, h3 {
    font-family: var(--font1); 
    font-weight: 600;
    margin-bottom: 1rem; 
}

.txt120 {
    font-size: 120%;
}

.txt150 {
    font-size: 150%;
}

p strong {
    font-family: var(--font2);
}


.font1, .font1 a {
font-family: var(--font1);
}

.font2, .font2 a, .font2 p {
font-family: var(--font2);
font-weight: 400;
}

.medium {
font-weight:500;
}

.bold {
font-weight: 700;
}

.semibold {
font-weight:600;
}

.regular {
font-weight: 400
}

.title1 {
font-family: var(--font1);
font-weight:600;
}

.subtitle1 {
font-family: var(--font1);
font-weight:500;
}

.text1 {
font-family: var(--font2);
font-weight: 400
}

.img-100 img {
    width: 100%;
    height: auto;
}

.b-dest-4 .bd-item3 .ico img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(66%) saturate(863%) hue-rotate(245deg) brightness(93%) contrast(84%);
}

.b-dest-4 .bd-item3:hover {
    background-color: var(--color1);
}

.b-dest-4 .bd-item3:hover h3 {
    color: var(--color4)
}

.b-dest-4 .bd-item3:hover .ico img {filter: brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(564%) hue-rotate(342deg) brightness(107%) contrast(104%);
}





.cut1 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.cut2 {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}

.cut3 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}

.menu-prin {
    background-color: var(--color6);
    position: relative;
    transition: top 0.5s ease, box-shadow 0.5s ease;
}

  .menu-prin.fixed {
      position: fixed;
      top: 0;
      z-index: 10;
      width:100%;
       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

.menu-2024{
    background: none;
    padding: 0rem ;
    margin-bottom:0
}

.menu01 .nav {
    flex-wrap: nowrap;
}

.menu01 .we-mega-menu-ul>.we-mega-menu-li>a, .menu01 .we-mega-menu-ul>.we-mega-menu-li>span {
    background: none;
    padding: .6rem 1rem;
    background: none;
    text-transform: unset;
    font-family: var(--font1);
    text-wrap: balance;
    text-align: center;
    color: var(--color5);
    font-weight: 600;
    line-height: 1.3;

}



.menu-prin .menu-principal {
    margin-bottom: 0;
}

.menu-2024 .we-mega-menu-ul li:last-child {
    background-color: var(--color1);
    transition: .3s ease;

}

.wp-block-table td, .wp-block-table th {
    border: 1px solid var(--color3);
    font-size: .9rem;
    padding: .5rem;
}

.page-node-11429 #block-pixel2024-breadcrumbs {
    display:none
}



table {
    margin-bottom: 3rem;
    width: 100%;
}



.pxc-main-col-1-1 .breadcrumb {
    padding: 3rem 0 1rem 0;
}

.pxc-main-col-1-1,
.pxc-main-col-2-1 {
    padding: 0 15px 0 15px;
}

.we-mega-menu-ul>.we-mega-menu-li>a:before, 
.we-mega-menu-ul>.we-mega-menu-li>span:before {
    display: none;
}



.menu-2024 .we-mega-menu-ul li:last-child a,
.menu-2024 .we-mega-menu-ul li:last-child a:hover {
    color: white;
    font-size: 1rem;
    font-weight: 700;
}

.menu-2024 .we-mega-menu-ul>.we-mega-menu-li {
    border-left: none;
    position:relative
}

.menu-2024 .we-mega-menu-ul>.we-mega-menu-li:before {
    content: "";
    position: absolute;
    height: 60%;
    right: 1px;
    top:20%;
    width: 1px;
    background-color: var(--color3);
}

.menu-2024 .we-mega-menu-ul>.we-mega-menu-li:nth-last-child(-n+2):before {
    display: none;
}


.menu01 .subul {
    flex-direction:column
}

.menu-2024 .subul li:last-child {
    background-color: unset;
    transition: .3s ease;
}
.menu-2024 .subul li:last-child a, .menu-2024 .subul li:last-child a:hover {
    color: unset;
    font-size: .8125rem;
    font-weight: 700;
    }


.dest-title h2, .dest2-title h2, .dest4-title h2{
    line-height: 1.3;
    font-size: 1.4rem;
    font-weight: 700;
}


.dest-item:hover .dest-title h2 a{
    color:var(--color2);
    text-decoration: none;
}

.titsec {
    font-size: 1.7rem;
    font-weight: 700;
    margin-top: 1.5rem;
}

.dest-item:hover .dest-img img,
.dest3-item:hover .dest3-img img,
.dest4-item:hover .dest4-img img,
.box01:hover .box1-img img

{
    scale:1.05

}

.overflow-hidden {
    overflow: hidden;
}

.trans, .trans a, .trans img {
    transition: .5s ease;
}

.b-dest .bd-item {
    background-color: var(--color2);
}

.b-dest .bd-item3 {
    background-color: var(--color1);
}

.b-dest .bd-item4 {
    background-color: var(--color4);
}


.b-dest .bd-item4:hover {
    background-color: var(--color1);
}

.b-dest .bd-item4 .ico img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(69%) saturate(3686%) hue-rotate(247deg) brightness(96%) contrast(97%);
}

.b-dest .bd-item4:hover .ico img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(20deg) brightness(108%) contrast(106%);

}




.b-dest .bd-item4 h2 {
    color: var(--color1);
}

.b-dest .bd-item:hover  {
    background-color: var(--color3);
}

.b-dest .bd-item3:hover  {
    background-color: var(--color2);
}

.bd-item1 h2, .bd-item2 h2,
.bd-item1 h3, .bd-item2 h3 {
    font-size: 1rem;
    font-weight: 700;
    text-wrap: balance;
    font-family: var(--font1);
    color: white;
    transition: .5s ease;
    padding-left: 1rem;
    margin-bottom: 0;
}

.bd-item4:hover h2 {
    color: white;
}

.bd-item1 .link2 a {
    position: absolute;
    width: 100%;
    height: 100%;
}



.no-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.no-link a{
    display: block;
    text-indent: -99999px;
    width: 100%;
    height: 100%;
    top: 0;
}

.b-dest .bd-02 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    margin-top: 8px;
}

.b-dest .bd-03 {
    grid-template-columns: 1fr;
}


.two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    margin-top: 8px;
}

.b-dest .bd-item,
.b-dest .bd-item3 {
    min-height: 100px;
}

.dest2-text p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
}

.dest-txt p {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}

.dest2-title h2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

.dest3-text p {
    font-size: .9rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}

.dest4-txt p {
    font-size: .9rem;
    line-height: 1.4;
    margin-bottom: 0;
}

.dest2-title h2 a {
    color: white;
}

.dest2-text {
    opacity: 0;
}

.dest2-item:hover .dest2-text {
    opacity: 1;
}

.dest2-info {
    bottom: -6rem;
}

.dest2-item:hover .dest2-info {
    bottom: 0rem;
}

.dest2-item:hover img {
    scale: 1.05;
}

.bl02-home {
    display: flex;
    flex-wrap: inherit;
}

.bl-ev-home:hover .bd-ev {
    background-color: var(--color3);
}


.bd-ev {
    background-color: var(--color3)
}

.bl-ev-home {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    background-image: url(/sites/default/files/2024-08/bg-eventos.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 100%;
}

.bl-ev-home .field--name-body {
    width: 100%;
}

.dest3-title h2 {
    font-size: 1.2rem;
}

.view-news-home {
    display: grid;
     grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
     margin: 0; 


}

.view-camp-home {
    display: grid;
     grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
     margin: 0; 


}

.dest4-info {
    margin-bottom: 6rem;
}

.dest4-link {
    bottom: 3.5rem;
    right: 1.5rem;
    position: absolute;
}

.but02 a {
    display: inline;
    visibility: hidden;
    text-align: center;
    justify-content: end;

}

.but02 a:after {
   
    visibility: visible;
    border: 2px solid;
    padding: .4rem 3rem;
    position: absolute;
    border-radius: 50px;
    font-weight: 700;
    transition: 2s linear;
    font-family: var(--font1);
    font-size: 1.2rem;

}

.dest4-link a:after
{
    content: "¡Conoce más aquí!";
    border-color: var(--color2);
    color: var(--color2);
    transition: .5s ease;
    right: 0;
}

.dest4-title h2,
.dest4-txt p {
    color: var(--color5);
    transition: .5s ease;
}

.dest4-item {
    background-color: var(--color4);
    transition: .5s ease;
}

.dest4-item:hover {
    background-color: var(--color2);
}

.dest4-item:hover .dest4-title h2,
.dest4-item:hover .dest4-txt p {
    color: white;
}

.b-dest-4 .bd-item3 {
    background-color: var(--color4);
}

.b-dest-4 .bd-item3 h3 {
    color: var(--color2);
}


.dest4-item:hover .dest4-link a:after{
    background-color: var(--color2);
    color: var(--color4);
    border-color: var(--color4);
}

.dest3-link:hover a:after,
.dest01:hover .dest-link a:after{
    background-color: var(--color3);
    color: white;
    border-color: var(--color3);
}



.dest3-link a:after {
    content: "Ver más contenidos";
    border-color: var(--color3);
    color: var(--color3);
    transition: .5s ease;
    right: 0;
}

.dest-link a:after  {
    content: "¡Conoce más aquí!";
    border-color: var(--color3);
    color: var(--color3);
    transition: .5s ease;
    right: 0;
    bottom: 0;
}

.bl-but-news {
    height: 5rem;
}

.dest-link {
    right: 1.5rem;
    bottom: 2rem;
}

.forma-buscador-input input {
    border-radius: 0;
    border: 2px solid var(--color1);
}
.forma-buscador-input-boton input {
    filter: brightness(0) saturate(100%) invert(33%) sepia(71%) saturate(547%) hue-rotate(240deg) brightness(83%) contrast(95%);
}

footer {
    background-color: var(--color2);
    margin-top: 8rem;
}

.footer1 {
    margin-top: -4rem;
    background-color: var(--color6);
}

#pxc-pos-footer-coles-col1::after {
    background:none;
}

#pxc-pos-footer-coles-col1 ul li {
    padding-right: 2rem;
    font-weight: 800;
    text-transform: unset;

}

#pxc-pos-footer-coles-col1 a {
    color: white;
}

.max-1140 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.footer1 li {
    list-style: none;
}

.footer1 ul {
    padding-left: 0rem;
    margin-bottom: 1.5rem;
}

.footer1 h3, .footer1 p{
    font-family: var(--font1);
}
.footer1 li {
    font-family: var(--font2);
}

.footer1 h3 {
    font-size: 1rem;
    font-weight: 800;
}

.footer1 li, .footer1 p {
    font-size: .9rem;
    line-height: 1.2;
    margin-bottom: .5rem;
}

.bd-item .ico img,
.bd-item3 .ico img {
    transition: .3s ease;
    filter: brightness(0) saturate(100%) invert(99%) sepia(17%) saturate(2%) hue-rotate(174deg) brightness(117%) contrast(100%);
}



.view-dest-home .carousel-inner h3 {
    display: none;
}

.carousel-indicators li {
    width: 13px;
    height: 13px;
    border: 1px solid var(--color1);
    margin-left:1rem

}

.carousel-indicators .active {
    background-color: var(--color1);
    border: none;
    border: 1px solid var(--color1);
       margin-left:1rem;
     width: 13px;
    height: 13px;
}

.carousel-indicators {
    bottom: -3.3rem;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.bl-view-bn > div {
    display: flex;
}

.carousel-control-next, .carousel-control-prev {
    width: 4%;
    color: var(--color1);
    opacity: 1;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    filter: brightness(0) saturate(100%) invert(31%) sepia(95%) saturate(1869%) hue-rotate(256deg) brightness(101%) contrast(96%);
}

.carousel-control-next {
    right: -3.5rem;
}

.carousel-control-prev {
    left: -3.5rem;
}

.menu01 li {
    position:relative;
    margin-bottom: 0 !important;
}

.menu01 .we-mega-menu-ul > li:hover:after{
    position:absolute;
    top:-8rem;
    z-index:99;
    left: 50%;
    transform: translateX(-50%);
    
}

.menu01 .we-mega-menu-ul > li:nth-child(2):hover:after{
    content:url(/sites/default/files/2024-10/01.nuestra-secretaria.gif);
}

.menu01 .we-mega-menu-ul > li:nth-child(3):hover:after{
    content:url(/sites/default/files/2024-10/02.servicios.gif);
}

.menu01 .we-mega-menu-ul > li:nth-child(4):hover:after{
    content:url(/sites/default/files/2024-10/03.espacios-participacion.gif);
}

.menu01 .we-mega-menu-ul > li:nth-child(5):hover:after{
    content:url(/sites/default/files/2024-10/04.transparencia.gif);
}
.menu01 .we-mega-menu-ul > li:nth-child(6):hover:after{
    content:url(/sites/default/files/2024-10/05.atencion-ciudadania.gif);
}
.menu01 .we-mega-menu-ul > li:nth-child(8):hover:after{
    content:url(/sites/default/files/2024-10/06.atencion-violencias.gif);
}


.menu-2024 .we-mega-menu-ul li:last-child:hover {
    background-color: var(--color2);
}

.menu01 .menu2024-1 .nav {
    flex-wrap: wrap;
}


.menu2024-1 li:last-child {
    background: none !important;
    
}

.menu2024-1 li:last-child a {
    color: var(--color5) !important;
    font-size: .8125rem !important;
    font-weight: 600 !important;
}

.we-mega-menu-submenu li.we-mega-menu-li a {
    color: var(--color5);
}

.menu-2024 .subul li:last-child:hover {
    background-color: unset;
}


.box1-1 {
    padding: 1.5rem 4rem;
    height: 100%;
}

.box1-1 img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.box01-at ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.box01-at ul li {
    color: var(--color4);
    list-style: none;
    text-align: center;
    text-wrap: balance;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    padding-top: 0;
}

.box01-at ul li a {
    color: var(--color4);
}

.box01-at ul li a:hover {
    text-decoration: underline;
}

.column-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.column-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.column-5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1rem;
}

.mb-7 {
    margin-bottom: 7rem;
}

.pxc-main-col-0 {
    padding: 0 15px;
}

.ico-red .ico-img {
    padding: 0 3rem;
    display: flex;
    align-items: center;
}

.box-lp p {
line-height: 1.2;
}

.box1-title {
    font-size: 1.5rem;
}

.box1-body {
    font-size: .9rem;
}

.box01:hover .box1-title a {
    text-decoration: underline;
}


.page-node-11517 #pxc-main .row,
.page-node-11515 #pxc-main .row,
.page-node-11917 #pxc-main .row {
    flex-direction: row-reverse;
}

.v-cursos {
    gap: 1rem;
}

.box-lp img {
    width: 20%;
    height: auto;
    margin-bottom: .5rem;
}

.ico-text p {
    margin-bottom: 0;
    color: var(--color2);
    font-family: var(--font1);
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}

.ico-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ico-red2 img {
    width: 55%;
    height: auto;
   filter: brightness(0) saturate(100%) invert(38%) sepia(10%) saturate(6009%) hue-rotate(248deg) brightness(81%) contrast(82%);
}

.ico-red p {
    margin-bottom: 0;
    line-height: 1.3;
}

.item-func .item-func-txt {
    display: flex;
    align-items: center;
}


.ico-red2 .ico-text {
    background-color: var(--color7);
}

.dest2-info {
    position: absolute;
}



footer a:hover {
    text-decoration: underline !important;
}

.region-sidebar {
    position: sticky;
    top:4.5rem
}
/****************************ARTICULOS 2024 ****************************/

.g-content {
    float: unset;
    flex-direction: unset !important;
}
.tit-art1 {
    float: unset;
    margin-top: -3rem;
}

.bl-sticky {
    top: 4.5rem;
}

.g-left h2 {
    font-size: 1.4rem;
    color: var(--color2);
    margin-top: 1.5rem;
    line-height: 1.4;
}

.g-left h3 {
    font-size: 1.2rem;
    color: var(--color3);
    margin-top: 1.5rem;
    line-height: 1.4;
}

.g-left h4 {
    font-size: 1rem;
    color: var(--color3);
    margin-top: 1.5rem;
    line-height: 1.4;
}


.tit-art1 h1 {
    font-size: 1.6rem;
    margin-bottom: 0;
    color: var(--color2);
    font-weight: 700;
    line-height: 1.4;
    float: unset;
}
.page-node-type-articulos_2024 #block-contenidoprincipaldelapagina .field--name-title, 
.page-node-type-article #block-contenidoprincipaldelapagina .field--name-title {
display:none;
}
.field--name-dynamic-block-fieldnode-date-art-int {
    position: absolute;
        top: 2rem;
        right: 3rem;
    }

    .box-date .dt2,
    .box-date .dt4 { 
        text-transform: lowercase;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -2px;
    }

    .box-date .dt2 {
        font-size: 2.5rem;
    }
    .box-date .dt4 {
        font-size: 2.2rem;
    }

    .box-date .dt3 {
        font-size: 3rem;
        line-height: 1;
        font-weight: 800;
        margin-top: -9px;
        margin-bottom: -7px;
    }

    .box-date .dt1 {
        font-weight: 600;
    border-bottom: 2px solid var(--color3);
    line-height: 1.3;
    }

    .art-lat-tit h3 {
line-height: 1.1;
font-size: 1.1rem;
    }

    .art-lat-tit h3 a {
        font-weight: 500;
        color: var(--color2);
    }

    .view-art-lat {
        row-gap: .7rem;
        display: grid;
    }
    
    .view-art-lat h2 {
        margin-bottom: 0;
        font-size: 1.4rem;
        font-weight: 700;
    }

    .art-lat-date {
        font-weight: 600;
        font-size: .7rem;
    }
    .breadcrumb {
        padding: 2rem 0 0;
    }

.max-1260 {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}    

.pxc-page-cuerpo {
    padding: 0 0;
}

.page-node-11956 .pxc-titulo-h1 {
    display: none;
}

.vid-fixed {
    bottom: 0;
    width: 28rem;
    left: 0;
    z-index: 20 ;
}

.embed-responsive {
    padding-bottom: 56.25%;
}

    
    
    








/****************************FIN ARTICULOS 2024 ****************************/

.but-box ul li {
    list-style:none;
     width:30%;
    position:relative;
    margin-bottom:2rem;
    
  
  }
  
  .but-box ul {
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
    justify-content:center;
    column-gap:5%
  }
  
  .but-box li{
    background-color:var(--color6);
    transition:.5s ease;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:2rem;
    text-wrap:balance;
    font-size:1.2rem;
    line-height:120%;
    font-weight:500;
        border-radius: 40px 40px 0;
  
  }

  .but-box li img {
    width: 100%;
    height: auto;
    transition:.3s ease;
    filter: brightness(0) saturate(100%) invert(34%) sepia(22%) saturate(1574%) hue-rotate(239deg) brightness(97%) contrast(94%);

  }
  
  .but-box li:hover {
     background-color:var(--color4);
    text-decoration:none;
  }

  
  .but-box li:hover img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(42%) saturate(4385%) hue-rotate(251deg) brightness(99%) contrast(90%);

  }

  /**************** acordeones **************************/

.tab-accordeon h3 {
    color: var(--color2);
    font-size: 1.5rem;
    margin-bottom: 0;
}
.tab-accordeon h6 {
    margin-bottom: 0;
}

.tab-accordeon .card:first-of-type {
    margin-top: 0;
}

.tab-accordeon .card-header {
    border-bottom: 1px solid #ccc;
}






    /**************** fin acordeones **************************/




@media (max-width: 768px) {
    .bd-item1,
    .bd-item2 {
        flex-wrap: wrap;
    }

    .bd-item1 .ico,
    .bd-item2 .ico {
        margin-bottom: .7rem;
    }

    .bd-item1 h2,
    .bd-item2 h2 {
        text-align: center;
        padding-left: 0;
        width: 100%;
        font-size: .9rem;
    }

    .bl02-home {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .dest2-info {
        position: relative;
    }

    .dest-title h2, .dest2-title h2, .dest4-title h2 {
        font-size: 1.1rem;
    }

    .dest-title h2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }

    .dest-txt p {
        font-size: .9rem;
        margin-bottom: 0;
    }

    .dest-link {
        display: none;
    }

    #block-views-block-2024-destacado-home-block-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .bl-ev-home {
        margin-bottom: 1.5rem;
    }

    .dest2-info {
        bottom: 0;
    }

    .dest2-title h2 {
        -webkit-line-clamp: 6;
    }

    .dest2-text {
        opacity: 1;
    }

    .dest2-text p {
        font-size: .9rem;
    }

    .dest3-text {
        display: none;
    }

    .dest3 {
        display: flex;
    }

    .dest3-title h2 {
        font-size: 1rem;
        padding-left: 1rem;
    }
    .but02 a {
        justify-content: center;
        margin-top: 1.7rem;
    }

    .but02 a:after {
        padding: .2rem 1rem;
        font-size: .9rem;
    }

    .view-camp-home {
        grid-template-columns: repeat(1, 1fr);
    }

    .dest4-link {
        position: relative;
        right: 0;
        bottom: 2.5rem;
    }

    .dest4-info {
        margin-bottom: 4rem;
    }

    .log-01 {
        margin-left: auto;
        margin-right: auto;
    }

    .forma-buscador-input-boton {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .search-box .row {
        justify-content: center;
    }

    #pxc-menu-toggler {
        display: none;
    }

    .collapse {
        display: block;
    }

    .region-we-mega-menu {
        background-color: var(--color6);
        margin-bottom: 0;
        justify-content: end;
    }
    #pxc-menu-lista {
        padding-bottom: 0;
    }

    .navbar-toggle .icon-bar {
        background-color: var(--color2);
    }
    
    .search-box {
        margin-bottom: 1rem;
    }

    .menu01 .nav {
        flex-wrap: wrap;
    }

    .overlay {
        display: none;
    }

    .navbar-we-mega-menu.navbar {
        background: var(--color6);
    }

    .navbar-we-mega-menu.navbar .dropdown-menu>.we-megamenu-nolink:after, .navbar-we-mega-menu.navbar .dropdown-menu>a:after {
        display: none;
    }

    .menu-2024 .we-mega-menu-ul>.we-mega-menu-li {
        width: 100%;
    }

    .navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar {
        background: var(--color2);
    }

    .navbar-we-mega-menu.navbar .we-mega-menu-ul>li>.we-megamenu-nolink, .navbar-we-mega-menu.navbar .we-mega-menu-ul>li>a {
        text-shadow: none;
        box-shadow: none;
    }
    .menu01 .we-mega-menu-ul>.we-mega-menu-li>a, .menu01 .we-mega-menu-ul>.we-mega-menu-li>span {
        padding: 1.1rem 1rem;
    }
    .navbar-we-mega-menu.navbar ul .we-megamenu-nolink, .navbar-we-mega-menu.navbar ul a {
        color: var(--color5);
        padding: 1rem 0;
    }
    .navbar-we-mega-menu.navbar ul>li ul li .we-megamenu-nolink, .navbar-we-mega-menu.navbar ul>li ul li a {
        padding: .7rem .5rem;
        line-height: 1.1;
        text-wrap: balance;
    }
    .navbar-we-mega-menu.navbar .nav .open>a, .navbar-we-mega-menu.navbar .nav .open>a:focus, .navbar-we-mega-menu.navbar .nav .open>a:hover, .navbar-we-mega-menu.navbar .nav-tabs>li.active>a, .navbar-we-mega-menu.navbar .nav-tabs>li.active>a:focus, .navbar-we-mega-menu.navbar .nav-tabs>li.active>a:hover {
   background-color: #d3d3d3;
        color: var(--color5) !important;


    }

    .navbar-we-mega-menu.navbar ul>li ul {
        padding-left: 0;
    }

    .menu01 li {
        width: 100%;
        text-align: center;
        padding: 1rem;
    }
    .btn-close {
        background: var(--color3);
    }
    .h1, h1 {
        font-size: 1.8rem;
    }

    .h2, h2 {
    font-size: 1.5rem;
    }

    .h3, h3 {
        font-size: 1.3rem;
    }

    .two-columns {
        grid-template-columns: 1fr;
        row-gap: 4rem;
    }

    .box1-1 {
        padding: 1.5rem 2rem;
    }

    .ico-red .ico-img {
        padding: 0 0.5rem;
    }
    #pxc-main .row {
        flex-direction: column-reverse;
    }

    .bd-item1 h2, .bd-item2 h2, .bd-item1 h3, .bd-item2 h3 {
        padding-left: 0rem;
        width: 100%;
        text-align: center;
    }

    .column-3 {
        grid-template-columns: 1fr;
    }

    .column-5 {
        grid-template-columns: 1fr;
    }
    .mb-7 {
        margin-bottom: 2rem;
    }
    .txt150 {
        font-size: 120%;
        text-align: center;
    }

    .ico-red2 img {
        width: 100%;
    }
    .ico-text p {
        font-size: 3.2rem;
    }

    .box-lp h2,
    .box-lp p {
        text-align: center;
    }

    footer .ft01,
    footer .ft02 {
        display: none;
    }

    .footer1 li, .footer1 p {
        font-size: .8rem;
        line-height: 1.1;
        text-align: center;
    }

    footer h3 {
        text-align: center;
    }

    .footer1 h3 {
        font-size: .9rem;
        font-weight: 600;
    }

    .menu01 .we-mega-menu-ul > li:hover:after{
display: none;
        
    }
    .titsec {
        font-size: 1.2rem;
    }

    .h1, h1, h1 * {
        font-size: 1.8rem;
    }
    .head-art-1 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .tit-art1 h1 {
        font-size: 1.3rem;
        font-weight: 600;
    }

    .head-art-1 .field--name-field-image {
        height: 300px;
        overflow: hidden;
    }

    .head-art-1 .field--name-field-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .field--name-dynamic-block-fieldnode-date-art-int {

        top: .5rem;
        right: .5rem;
    }
    .box-date .dt4 {
        font-size: 1.2rem;
    }
    .box-date .dt2 {
        font-size: 1.5rem;
    }
    .box-date .dt3 {
        font-size: 2rem;
        font-weight: 700;
        margin-top: -5px;
        margin-bottom: -3px;
    }

    .box-date .dt1 {
        font-size: .8rem;
    }







  


}















@media (max-width: 480px) {
    .view-news-home {
         grid-template-columns: 1fr;
    
    
    }
}










