/*** Sitio: Alucine ***/
/*RESPONSIVE inicio*/

/* Dispositivos pequeños */
@media (max-width: 480px) {
* {
    /*font-size:1.5em;*/
}
:root {
    --numImag: 1;
  }
.ord-1 {
        order: 1;
    }
    .ord-2 {
        order: 2;
    }
    .ord-3 {
        order: 3;
    }
    .ord-4 {
        order: 4;
    }
    .item {
        text-align: center !important;
        margin: 20px !important;
        padding: 0px !important;
    }
    .contenedor {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .titulo-blanco, .titulo-blanco span, .titulo-rojo, .titulo-rojo span, .titulo-amarillo, .titulo-amarillo span {
        font-size: 40px;
    }
    .titulo-blanco:after, .titulo-blanco:before, .titulo-rojo:after, .titulo-rojo:before, .titulo-amarillo:after, .titulo-amarilla:before  {
        display:none;
    }

.splide.is-initialized, .splide.is-rendered{
padding-top: 0.2rem !important;
padding-bottom: 1rem !important;
}
    #menu {
        margin-top: 40px !important;
    }
    /*MENU*/
    #menu ul {
        display: none;
        position: absolute;
        float: right;
        z-index: 5;
        top: 0px;
        padding-top: 20px;
        background-color: var(--azul);
        height: 500px;
        width: 100%;
        left: 0px;
    }
    /*Crear espacio vertical*/
    #menu li, #menupie li {
        margin-bottom: 1px;
    }
    /*Todos los enlaces del menú de ancho completo*/
    #menu ul li, #menu li a{
        width: 100%;
        font-size: 40px !important;
        line-height: 50px;
        text-align: center;
    }
    #menupie ul li, #menupie li a {
        /*width: 100%;*/
        font-size: 1.3empx !important;
        line-height: 50px;
        text-align: center;
    }
    .show-menu {
        display: block;
        cursor: pointer;
        margin-top: 30px !important;
    }
#menupie .left{
display:none;
}
    .titulo-slider1 {
        top: 40%;
        right: 0%;
        padding: 10px 20px;
        font-size: 40px;
    }
    .titulo-slider2 {
        top: 70%;
        right: 0%;
        padding: 10px 20px;
        font-size: 20px;
    }
    #bloque-menu {
        margin-right: 0px !important;
        position: relative !important;
    }
    #menupie .left {
        display: none;
    }
    /*FIN MENÚ*/
    .opc-socio{
        top:10px;
    }
.cont-ses{29% !important;}
/*Area privada*/
    .acceso, .registro {
      top:0px !important;
      left:0px !important;
     width:100% !important;
  }
.socio-menu {
    flex-direction: column;
}

.socio-panel {
    flex-direction: column;
}
}

/* Móviles más grandes */
@media (min-width: 481px) and (max-width: 767px) {
* {
    /*font-size:1.5em;*/
}
:root {
    --numImag: 2;
  }
.ord-1 {
        order: 1;
    }
    .ord-2 {
        order: 2;
    }
    .ord-3 {
        order: 3;
    }
    .ord-4 {
        order: 4;
    }
    .item {
        text-align: center !important;
        margin: 20px !important;
        padding: 0px !important;
    }
    .contenedor {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .titulo-blanco, .titulo-blanco span {
        font-size: 60px;
    }
    .titulo-rojo, .titulo-rojo span {
        font-size: 60px;
    }
    .titulo-amarillo, .titulo-amarillo span {
        font-size: 60px;
    }
.left, right{
width: 100% !important;
text-align: center !important;
}
    #menu {
        margin-top: 70px !important;
    }
#menupie .left{
display:none;
}
    /*MENU*/
    #menu ul {
        display: none;
        position: absolute;
        float: right;
        z-index: 5;
        top: 0px;
        padding-top: 20px;
        background-color: var(--azul);
        height: 500px;
        width: 100%;
        left: 0px;
    }
    /*Crear espacio vertical*/
    #menu li, #menupie li {
        margin-bottom: 1px;
    }
    /*Todos los enlaces del menú de ancho completo*/
    #menu ul li, #menu li a {
        width: 100%;
        font-size: 40px !important;
        line-height: 50px;
        text-align: center;
    }
    #menupie ul li, #menupie li a {
        /*width: 100%;*/
        font-size: 1.3empx !important;
        line-height: 50px;
        text-align: center;
    }
    .show-menu {
        display: block;
        cursor: pointer;
    }
    .titulo-slider1 {
        top: 40%;
        right: 0%;
        padding: 10px 20px;
        font-size: 40px;
    }
    .titulo-slider2 {
        top: 70%;
        right: 0%;
        padding: 10px 20px;
        font-size: 20px;
    }
    #bloque-menu {
        margin-right: 0px !important;
        position: relative !important;
    }
    #menupie .left {
        display: none;
    }
    /*FIN MENÚ*/
.opc-socio{
        top:10px;
    }
.cont-ficha{
width:80%;
margin:auto;
margin-bottom:20px;
}
.img-ficha{
width: 250px;
height: 399px;
}
.socio-menu {
    flex-direction: column;
}

.socio-panel {
    flex-direction: column;
}

}

/* Tabletas */
@media (min-width: 768px) and (max-width: 1024px) {
:root {
    --numImag: 2;
  }
.ord-1 {
        order: 1;
    }
    .ord-2 {
        order: 2;
    }
    .ord-3 {
        order: 3;
    }
    .ord-4 {
        order: 4;
    }
    .item {
        text-align: center !important;
        margin: 20px !important;
        padding: 0px !important;
    }
    .contenedor {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .titulo-blanco, .titulo-blanco span {
        font-size: 60px;
    }
    .titulo-rojo, .titulo-rojo span {
        font-size: 60px;
    }
    .titulo-amarillo, .titulo-amarillo span {
        font-size: 60px;
    }
.left, right{
width: 100% !important;
text-align: center !important;
}
.logo{
width:10% !important;
margin-top:20px;
}
    #menu {
        margin-top: 80px !important;
    }
#menupie .left{
display:none;
}
    /*MENU*/
    #menu ul {
        display: none;
        position: absolute;
        float: right;
        z-index: 5;
        top: 0px;
        padding-top: 20px;
        background-color: var(--azul);
        height: 500px;
        width: 100%;
        left: 0px;
    }
    /*Crear espacio vertical*/
    #menu li, #menupie li {
        margin-bottom: 1px;
    }
    /*Todos los enlaces del menú de ancho completo*/
    #menu ul li, #menu li a {
        width: 100%;
        font-size: 40px !important;
        line-height: 50px;
        text-align: center;
    }
    #menupie ul li, #menupie li a {
        /*width: 100%;*/
        font-size: 1.3empx !important;
        line-height: 50px;
        text-align: center;
    }
    .show-menu {
        display: block;
        cursor: pointer;
    }
    .titulo-slider1 {
        top: 40%;
        right: 0%;
        padding: 10px 20px;
        font-size: 40px;
    }
    .titulo-slider2 {
        top: 70%;
        right: 0%;
        padding: 10px 20px;
        font-size: 20px;
    }
    #bloque-menu {
        margin-right: 0px !important;
        position: relative !important;
    }
    #menupie .left {
        display: none;
    }
#menu-login li a {
font-size:1.3em;
}
#menu-login li ul {
min-width:124.5px;
}
button.socio.btn{
font-size:1.3em !important;
}

    /*FIN MENÚ*/
.opc-socio{
top:10px !important;
}
.cont-ficha{
width:80%;
margin:auto;
margin-bottom:20px;
}
.img-ficha{
width: 250px;
height: 399px;
}
.socio-menu {
    flex-direction: column;
}

.socio-panel {
    flex-direction: column;
}
}

/* Laptops y pantallas pequeñas de escritorio */
@media (min-width: 1025px) and (max-width: 1440px) {
/* resolucion estandar */
}

/* Escritorios grandes */
@media (min-width: 1441px) {
:root {
    --numImag: 4;
  }   
/*.contenedor {}
    #menu {
        margin-top: 80px !important;
    }
    #menupie {
        margin-top: 20px !important;
        width: 100% !important;
    }
    #menu ul, #menupie ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }
    #menu li, #menupie li {
        display: inline-block;
    }
    #menu li a {
        font-family: var(--fuente-corporativa);
        font-weight: 300;
        color: #fff;
        font-size: 40px !important;
        line-height: 40px;
        padding: 5px 5px;
    }
    #menupie li a {
        font-family: var(--fuente-corporativa);
        font-weight: 300;
        color: var(--azul);
        font-size: 40px !important;
        line-height: 40px;
        padding: 5px 5px;
    }
    #menu li a:hover, #menupie li a:hover {
        color: var(--azul);
        height: 35px;
        line-height: 35px;
    }
    #menu li ul a:hover, #menupie li ul a:hover {
        color: var(--azul);
        height: 35px;
        line-height: 35px;
    }
    #menu li ul a:hover, #menupie li ul a:hover {
        color: #fff;
    }
    #menu li ul, #menupie li ul {
        display: none;
    }
    #menu li ul li, #menupie li ul li {
        display: block;
        float: none;
    }
    #menu li ul li a, #menupie li ul li a {
        width: auto;
        min-width: 100px;
        padding: 0 10px;
    }
    #menu ul li a:hover + .hidden, .hidden:hover, #menupie ul li a:hover + .hidden, .hidden:hover {
        display: block;
    }*/
}

/*RESPONSIVE fin*/