* {
    box-sizing: border-box;
}


body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    line-height: 1
}

main {
    flex:auto;
    
}

.container{
    max-width: min(1300px,100%);
    padding: 3em 2em;
    margin:auto;
}

.image-wrapper{
    width: min(30rem,100%);
    margin: auto;
}

a .boleto{
    transform: translateZ(0) scale(.97);   
    transition: transform .15s linear; 
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0) scale(.97); /* IE 9 */
    -webkit-transform: translateZ(0) scale(.97); /* Chrome, Safari, Opera */
}

a .boleto:hover{
    transform: scale(1);
}

.img-responsive{
    max-width:100%;
    height:auto;
}

.terminados2 {
    display: flex;
    gap: 2em;
    flex-wrap:wrap;
    
}
.terminados2 .image-wrapper {
    max-width: 17rem;
}

.seccion {
        margin-bottom: 3em;
}

h1 {
    margin-bottom: 2em;
    color:#661c4a;
}

h2{
    color:#9b2669;
}

 .tabs{
            padding: 2em 0;
            color: #9b2669;
        }
        
     
        .tab-menu{
            display:flex;
            border-bottom:1px solid #9b2669;
            margin-bottom:1em;
            
        }
        
        #tab-1:checked ~ .tab-menu > .tab-1-label{
                border-left: 1px solid #9b2669;
    border-right: 1px solid #9b2669;
    border-top: 5px outset #9b2669;
    border-bottom: 1px solid white;
    margin-bottom: -1px;
    border-radius: 10px 10px 0px 0px;
        }
        #tab-2:checked ~ .tab-menu > .tab-2-label{
               border-left: 1px solid #9b2669;
    border-right: 1px solid #9b2669;
    border-top: 5px outset #9b2669;
    border-bottom: 1px solid white;
    margin-bottom: -1px;
    border-radius: 10px 10px 0px 0px;
        }

        
        #tab-1:checked ~ .tab-1-content {
            display: block!important;
        }
        #tab-2:checked ~ .tab-2-content {
            display: block!important;
        }
        
        
       .tabs label{
            cursor:pointer;
            padding:1em;
            border-left: 2px outset white;
            border-right: 2px inset white;
            border-top: 5px outset white;
            border-bottom: 2px solid transparent;
            display: flex;
            align-items: center;
        }
        
         .tab-content{
             display:none;
             padding: 1em .5em;
             width: 1300px;
             max-width: min(1300px,100%);
         }
         
         .tabs input[type="radio"]{
             display:none;
         }
         
         .administraciones {
            display: grid;
            grid-template-columns: repeat(auto-fit,18rem);
            grid-auto-rows: auto;
            gap: 1em;
        }
        
        .administraciones > div {
    padding: .5em 2em;
    background: #9b2669;
    color: #fcc225;
    border-radius: 10px;
}
      
        .administraciones .direccion{
          min-height:3.3ch;  
        }
        
        .telefono svg,.direccion svg {
            min-width: 20px;
            width: 20px;
            fill: #fcc225;
        }
        
        
        p.direccion,p.telefono {
    display: flex;
    align-items: center;
    gap: .5rem;
}
  
  
 #cabecera-mobile{
    display:none;   
}

.buscador{
    text-align:center;
}

.buscador h1{
    margin-bottom:1em;
}

.buscador form input {
    text-align: center;
    border-radius: 0;
    border: 2px solid #661c4a;
    width: min(30ch,100%);
}

.buscador form input::placeholder{
    color:#c9478c!important;
    text-transform: initial!important;
}

.buscador form {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.buscador form > *{
    margin-bottom:.5em;
}
.buscador .buscar {
    width: 9ch;
    border: 2px solid #661c4a;
    background: #661c4a;
    border-radius: 0;
    color: white;
    cursor:pointer;
}
.buscador .buscar:hover{
    background:#c9478c;
}
    
@media(max-width:600px){
    .terminados2 .image-wrapper{
        max-width:100%;
    }
    
    .administraciones{
        grid-template-columns: repeat(auto-fit,100%);
    }
}
 
@media(max-width:1050px){
    #cabecera-desktop{
        display:none;
    }
    
    #cabecera-mobile{
        display:block;
    }
}

.cluster > a {
    width: min(30rem,100%);
    height: 20rem;
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: white;
    font-size: 1rem;
    color: #fcc225;
    overflow: hidden;
    box-shadow: 0px 0px 4px 2px #eeeeee;
}


.cluster {
    width: fit-content;
    flex-wrap: wrap;
    display: flex;
    gap: 2em;
    max-width: 100%;
    justify-content: center;
    margin: auto;
    margin-bottom:3rem;
}

.cluster span {
    position: absolute;
    background: #9b2669;
    padding: 1.5em 1em;
    width: 25ch;
    text-align: center;
    border: 3px solid white;
    font-size: 1.2em;
}

.cluster img{
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: transform .5s ease-in-out, filter .5s ease-in-out;
}

.cluster > a:hover img {
    transform: scale(1.05);
    filter: brightness(0.8);
}

.link-button {
    background: #c9478c;
    color: white;
    font-size: 1rem;
    padding: 1.2em 1em;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30ch;
    text-align: center;
    margin: 1em auto 0 auto;
}

.skip-link{position:absolute;left:-999px;top:0;background:#9b2669;color:#fff;padding:.6em 1em;z-index:100000}
.skip-link:focus{left:1em;top:1em}
.breadcrumbs{margin:0 0 1.25em;font-size:.95em}
.facts{background:#f8ebcb;padding:1em 1.25em;border-radius:10px;margin:1.5em 0;color:#3b3c3b;line-height:1.45}
.perolo-si{font-weight:800;color:#9b2669}
.site-footer{background:#511a3c;color:#f2f2f2;padding:2em 1.25em;margin-top:auto;font-size:.95em;line-height:1.45}
.site-footer a{color:#fed360}
.site-footer .nap{max-width:48em;margin:0 auto}
.site-footer p{margin:.4em 0}