/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

/* Fuentes
***********************/

/* --------------------

MONTSERRAT

font-family: 'Montserrat', sans-serif;
Regular 400 / Medium 500 / Bold 700

LATO

font-family: 'Lato', sans-serif;
Regular 400 / Bold 700

-------------------- */

/* Font family
***********************/

:root {
    --montserrat: 'Montserrat', sans-serif;
    /* */
    --lato: 'Lato', sans-serif;
}

/* Font size
***********************/

:root {
    --title-page: clamp(32px, 2vw, 52px);
    /* */
    --title-block: clamp(24px, 2vw, 34px);
    /* */
    --text-general: clamp(14px, 1.5vw, 16px);
    /* */
    --text-general-small: clamp(12px, 1.2vw, 14px);
    /* */
    --text-general-big: clamp(20px, 2vw, 22px);
}

/* Font weight
***********************/

:root {
    --regular: 400;
    /* */
    --medium: 500;
    /* */
    --bold: 700;
}

/* Colores
***********************/

:root {
    --rojo: #be0f2e;
    /*  */
    --amarillo: #fdc300;
    /*  */
    --rosa: #e94e60;
    /*  */
    --celeste: #8dd2f3;
    /*  */
    --gris-claro: #828282;
    /*  */
    --gris-medio: #444;
    /*  */
    --gris-oscuro: #1a1a1a;
    /* */
    --shadow: linear-gradient(rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0) 100%);
    /* */
    --shadow-azul: rgba(0, 55, 108, .3);
}

/* Padding & Margin
***********************/

:root {
    --pm-block: clamp(100px, 9vw, 300px) 0;
    /* */
    --pm-blend-block: clamp(50px, 4.5vw, 150px) 0;
    /* */
    --pm-top-block: clamp(100px, 9vw, 300px) 0 0;
    /* */
    --pm-top--blend-block: clamp(50px, 4.5vw, 150px) 0 0;
    /* */
    --pm-bottom-block: 0 0 clamp(100px, 9vw, 300px);
    /* */
    --pm-bottom-blend-block: 0 0 clamp(50px, 4.5vw, 150px);
    /* */
    --pm-interior-block: clamp(30px, 4vw, 50px) clamp(30px, 4vw, 80px);
    /* */
    --pm-interior-block-min: clamp(15px, 2vw, 25px) clamp(15px, 2vw, 40px);
    /* */
    --pm-interior-block-v: clamp(60px, 7vw, 100px) 0;
    /* */
    --pm-interior-block-h: 0 clamp(30px, 4vw, 80px);
}

/* Base
***********************/

:root {
    --width-base: 1660px;
}

.toast-wrapper {
    position: fixed;
    right: 2em;
    bottom: 2em;
    z-index: 9;
}

/* Reset Styles
***********************/

* {
    min-width: 0;
    min-height: 0;
}

html {
    scroll-behavior: smooth;
    background: #fff;
    line-height: normal;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 100%;
    overflow-x: hidden;
    font-family: var(--lato);
	max-width:1920px;
	margin:auto;
}

html,
body,
textarea,
p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding: 0;
}

.field--type-image img,
.field--name-field-user-picture img {
    margin: 0;
}

img,
.img-fluid {
    width: 100%;
}

.img-bg-height-full,
.img-bg-height-full .content,
.img-bg-height-full .content>div,
.img-bg-height-full .content>div>.view,
.img-bg-height-full .content>div>.view>.view-content,
.img-bg-height-full .content>div>.view>.view-content>.blazy>.splide__slider,
.img-bg-height-full .content>div>.view>.view-content>.blazy>.splide__slider>.splide__track,
.img-bg-height-full .content>div>.view>.view-content>.blazy>.splide__slider>.splide__track>.splide__list,
.img-bg-height-full-imagen,
.img-bg-height-full-imagen .b-bg {
    height: 100%;
}

.img-bg-height-full-imagen .b-bg {
    padding-bottom: 0 !important;
}

.hidden-link {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.block>h2 {
    font-size: var(--title-block);
    text-align: center;
    font-weight: var(--bold);
    margin-bottom: 1em;
    text-transform: uppercase;
}

/* Tablas */

table {
    width: 100%;
    border: 1px solid #c7c7c7;
}

table p,
table li {
    margin: 3px 0 !important;
    font-size: var(--text-general-small);
    text-align: left !important;
}

tr {
    border: 0;
}

td,
th {
    border: 0;
}

tr:hover {
    background: none !important;
}

/* Blazy loader */

.is-b-loading:not(.is-b-loaded):not([data-animation])::before {
    width: 10px;
    height: 10px;
    max-width: 10px;
    background: var(--rojo) !important;
    border-radius: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 0;
    z-index: 22;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

/* Form - Checkbox */

ul.radioButtons li input[type="radio"] {
    position: absolute;
    opacity: 0;
}

ul.radioButtons {
    list-style: none;
    align-content: space-between;
}

ul.radioButtons li {
    display: inline;
}

ul.radioButtons li label,
.radioButtons>.flexItem label {
    display: inline-block;
    background-color: rgba(190, 15, 46, .5);
    border: 1px solid rgba(190, 15, 46, 1);
    color: #000;
    border-radius: 5px;
    margin: 3px 0px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
    padding: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
}

.radioButtons>.flexItem label {
    color: #000;
}

ul.radioButtons li label:hover {
    display: inline-block;
    background-color: rgba(190, 15, 46, 1);
    color: #c2a471;
}

.radioButtons>.flexItem label:hover {
    display: inline-block;
    border: 1px solid #000;
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}

ul.radioButtons li input[type="radio"]:checked+label,
ul.radioButtons li input[type="radio"]:focus+label {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
    transition: all .2s;
}

.radioButtons>.flexItem input[type="radio"]:checked+label,
.radioButtons>.flexItem input[type="radio"]:focus+label {
    border: 1px solid rgba(190, 15, 46, 1);
    background-color: rgba(190, 15, 46, 1);
    color: #fff;
    transition: all .2s;
}

ul.radioButtons li input[type="radio"],
.radioButtons>.flexItem input[type="radio"] {
    display: absolute;
}

ul.radioButtons li input[type="radio"],
.radioButtons>.flexItem input[type="radio"] {
    position: absolute;
    opacity: 0;
}

#captcha img {
    width: 300px;
    margin: 30px 0 10px;
}

/* Generales */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    line-height: 1.1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--montserrat);
    font-weight: var(--medium);
}

.field-type-image figure {
    margin: 0;
}

figcaption {
    color: #a3a3a3;
    font-size: var(--text-general-small);
}

img {
    width: 100%;
    height: auto;
}

::before,
::after {
    transition: all .2s;
}

a,
button {
    transition: all .2s;
    cursor: pointer;
}

.breadcrumb {
    margin: clamp(10px, 2vw, 20px) 0 clamp(40px, 3vw, 60px);
    color: #000;
    padding: 0;
    background: var(--blanco);
}

.breadcrumb li {
    font-size: var(--text-general-small);
}

.breadcrumb li:before {
    color: #179F94;
}

.is-vertical .breadcrumb__title::before,
.is-vertical .breadcrumb__list-item::before {
    margin-left: .5rem;
}

.is-vertical .breadcrumb__title:first-child:before,
.is-vertical .breadcrumb__list-item:first-child::before {
    display: none;
}

.breadcrumb a {
    color: #000;
}

.breadcrumb a:hover {
    color: #179F94;
}

.hidden-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-decoration: none;
}

.hidden-link:hover {
    text-decoration: none;
}

h3.title-block-page {
    font-size: 22px;
    margin: 35px 0;
    font-family: "Raleway", sans-serif;
}

h3.title-block-page::before {
    width: 130px;
    height: 1px;
    margin-bottom: 35px;
    background: #000;
    content: "";
    display: block;
}

/* Formularios */

form {
    margin: 0;
}

button,
.button,
input[type="submit"].btn,
input[type="submit"] {
    height: auto;
    cursor: pointer;
    transition: all .2s;
}

button:hover,
.button:hover,
input[type="submit"].btn,
input[type="submit"]:hover {
    transition: all .2s;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"],
textarea,
select {
    color: #c6c6c6;
    background: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    padding: auto 1em;
    display: inline-block;
    transition: all .2s;
    height: 40px;
}

.form-line input[type="text"],
.form-line input[type="email"],
.form-line input[type="tel"],
.form-line input[type="date"],
.form-line input[type="number"],
.form-line input[type="password"],
.form-line textarea,
.form-line select {
    color: var(--gris-azul);
    border: 0;
    padding-left: 0;
    border-bottom: 1px solid #c6c6c6;
    border-radius: 0;
    margin: 0 0 1.5em;
    font-weight: var(--medium);
    font-family: var(--raleway);
}

textarea {
    border-radius: 15px;
    height: 150px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"],
select {
    height: 40px;
    width: 100% !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus {
    color: var(--rojo);
    border-color: var(--rojo);
    background: #fff !important;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
select:focus {
    color: var(--rojo);
    border-color: var(--rojo);
    background-color: #fff !important;
}

.form-select {
    margin-right: 0 !important;
}

label {
    color: #3d3d3c;
    margin-bottom: 5px;
    padding: 0 5px;
}

.js-form-item-terms-of-service .description,
.displayInlineBlock .description {
    display: inline-block;
}

.intl-tel-input {
    display: block;
}

.radios--wrapper {
    margin-top: 30px;
}

.js-webform-radios {
    margin: 5px 0 0;
}

/* Botones */

.btn,
.btn-blanco {
    border: 0;
    border-radius: 5px;
    padding: 1em 1.5em;
    text-decoration: none;
    font-weight: var(--medium);
    display: inline-block;
    transition: all .2s;
}

.btn {
    color: #fff;
    background: var(--azul-intenso);
}

.btn:hover {
    color: #fff;
    background: var(--azul-celeste);
}

.btn-narrow {
    padding: .5em 1em;
}

.btn-blanco {
    background: #fff;
    color: var(--azul-intenso);
}

.btn-blanco:hover {
    background: #fff;
    color: var(--azul-oscuro);
}

/* Iconos */

.svg-icon {
    width: 1.5em;
    height: 1.5em;
}

svg path,
svg polygon,
svg rect {
    fill: var(--rojo);
    transition: all .2s;
}

svg circle {
    stroke: var(--rojo);
    stroke-width: 1;
    transition: all .2s;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: var(--rojo);
}

.svg-icon circle {
    stroke: var(--rojo);
    stroke-width: 1;
}

/* Menú principal */

#block-navegacionprincipal {
    width: 100%;
    max-width: 1180px;
    margin: auto;
}

#superfish-main {
    width: 100%;
    font-size: 16px;
    font-family: var(--montserrat);
    display: flex;
    flex-wrap: nowrap;
}

#superfish-main:after {
    display: none;
}

#superfish-main li {
    /*    text-transform: uppercase;*/
    float: none;
    font-weight: var(--medium);
    background: transparent;
    font-size: var(--text-general-small);
}

#superfish-main li.sf-depth-1>a {
    color: #fff;
    background: var(--rosa);
    padding: 1em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
}

#superfish-main .sf-depth-1:hover,
#superfish-main .sf-depth-1.active-trail,
#superfish-main .sf-depth-1.active-trail>a {
    color: #fff;
    background: var(--rojo);
    text-decoration: none;
}

#superfish-main .sf-depth-1>ul {
    top: 42px;
    /*width: fit-content !important;*/
    max-width: 35em !important;
}

#superfish-main li>ul,
#superfish-main li>ul a {
    background: var(--rosa);
    text-decoration: none;
}

ul.sf-menu.sf-style-none li li,
ul.sf-menu.sf-style-none li li li,
ul.sf-menu.sf-style-none.sf-navbar>li>ul,
ul.sf-menu.sf-style-none.sf-navbar li ul {
    background: var(--rosa);
    text-decoration: none;
}

ul.sf-menu.sf-style-none.sf-accordion li li a:hover {
    background: var(--rojo);
    color: #fff !important;
}

#superfish-main li.sf-depth-2>a {
    color: #fff;
    font-weight: 400;
}

#superfish-main li.sf-depth-2>a:hover,
#superfish-main .sf-depth-1.active-trail {
    text-decoration: none;
}

#superfish-main li.sf-depth-2>a:hover {
    text-decoration: none;
    background: var(--rojo);
}

#superfish-main li>ul li.sf-depth-3>a {
    background: #90cfcd;
}

#superfish-main li.sf-depth-3>a {
    color: #000;
    font-weight: 300;
}

#superfish-main li.sf-depth-4>a {
    color: #000;
    background: #baf1ef;
}

#superfish-main li.sf-depth-1.sfHover>a,
#superfish-main li.sf-depth-2.sfHover>a,
#superfish-main li.sf-depth-3>a:hover {
    text-decoration: underline;
}

#superfish-main li.sf-depth-1.sfHover>a {
    color: var(--celeste);
    text-decoration: none;
}

ul.sf-menu li:hover>ul,
ul.sf-menu li.sfHover>ul {
    left: 0;
    top: 46px;
}

/* Splide */

.splide__autoplay {
    display: none;
}

.splide__arrow {
    background: transparent;
}

.splide__arrow svg path {
    fill: #fff;
}

.splide__arrows {
    position: absolute;
    right: clamp(50px, 4vw, 100px);
    bottom: clamp(50px, 4vw, 100px);
    width: 100px;
}

/* Video */

#video {
    width: 100%;
    max-width: 950px;
    height: 534px;
    margin: auto;
}

#block-video iframe,
#block-video #video {
    width: 100%;
    height: 534px;
}

.video iframe {
    width: 100%;
    aspect-ratio: 16 / 6;
}

/* Header */

.highlighted>.container-fluid {
    position: relative;
}

#navbar-main,
.header-home {
    display: grid;
    justify-content: space-between;
    align-items: center;
    padding: clamp(5px, 3vw, 10px) clamp(30px, 4vw, 80px);
}

.header-home {
    grid-template-columns: clamp(100px, 11vw, 150px) auto;
    padding: clamp(20px, 3vw, 30px) clamp(30px, 4vw, 80px) 0;
}

#navbar-main {
    grid-template-columns: clamp(100px, 7vw, 170px) auto 200px;
}

#block-headerhome {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.navbar-brand {
    /*padding: 1em;*/
    background: rgba(255, 255, 255, .8);
}

.icon-social-grid {
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2em;
}

.icon-social a {
    border-radius: 50px;
    border: 2px solid var(--rojo);
    width: 2.3em;
    height: 2.3em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-social a:hover {
    border: 2px solid var(--celeste);
}

/* Cenefa - Home */

#block-slider-home {
    height: calc(100vh - 240px);
    background: #f7f7f7;
    position: relative;
}

.slider-home-titulo {
    position: absolute;
    top: clamp(280px, 12vw, 330px);
    left: clamp(30px, 4vw, 80px);
    font-weight: var(--bold);
    z-index: 9;
    width: auto;
    max-width: 50%;
    text-transform: uppercase;
    font-size: clamp(24px, 2vw, 32px);
    color: #fff;
}

.slider-home-titulo a {
    text-decoration: none;
    color: #fff;
}

.slider-home-titulo a:hover {
    text-decoration: none;
    color: var(--celeste) !important;
}

.slider-home-image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slider-home-image .media {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0 !important;
}

#block-slider-home .splide__slide::before {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: var(--shadow);
}

/* Cenefa - Home - Proyectos */

#block-views-block-slider-home-proyectos-block-1 {
    height: calc(100vh - 116px);
    background: #f7f7f7;
    position: relative;
}

.slider-home-titulo {
position: absolute;
/*top: clamp(650px, 12vw, 480px);*/
left: clamp(30px, 4vw, 80px);
font-weight: var(--bold);
z-index: 9;
width: auto;
max-width: 60%;
text-transform: uppercase;
font-size: clamp(30px, 4vw, 34px);
color: #fff;
background:rgba(0,0,0,0.70);
padding:20px 30px
}



#block-views-block-slider-home-proyectos-block-1 .splide__slide::before {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: var(--shadow);
}




/* Novedades */

.featured-top {
    width: 90%;
    max-width: var(--width-base);
    margin: 40px auto;
    /*padding: var(--pm-interior-block-v);*/
	
}

#block-novedades-principal {
    padding: 0;
    margin: 0;
    position: relative;
}

.novedades-item {
    position: relative;
    padding: 0;
}

.novedades-titulo {
    font-size: var(--title-block);
    position: absolute;
    left: 0;
    bottom: 2em;
    z-index: 9;
    width: 40%;
    min-width: 300px;
}

.novedades-titulo a {
    color: #fff;
    text-decoration: none;
    background: var(--rojo);
    padding: var(--pm-interior-block-min);
    display: inline-block;
}

.novedades-titulo a:hover {
    color: #fff;
    text-decoration: none;
    background: var(--rosa);
}

#block-novedades-secundarias {
    margin-top: 2em;
}

#block-novedades-secundarias .view-content {
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(3, 1fr);
}

.novedades-secundarias-item {
    transition: all .2s;
    position: relative;
}

.novedades-secundarias-item .bg-block {
    background: var(--gris-oscuro);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .2s;
    position: absolute;
}

.novedades-secundarias-item .hidden-link:hover+.bg-block {
    background: var(--rojo);
}

.novedades-secundarias-imagen {
    border-bottom: 1em solid #fff;
    position: relative;
    z-index: 2;
}

.novedades-secundarias-titulo {
    font-size: var(--text-general-big);
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.novedades-secundarias-titulo a {
    color: #fff;
    text-decoration: none;
    padding: var(--pm-interior-block-min);
    display: block;
}

.novedades-secundarias-titulo a:hover {
    color: #fff;
    text-decoration: none;
}


#block-novedades-secundarias .view-footer {
    margin-top: 2em;
    font-size: var(--text-general-big);
    text-align: center;
}

/* Destacados */

#block-destacados {
    padding: var(--pm-interior-block-v);
}

.destacados-wrap .view-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.media__icon--litebox {
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
}

.media__icon--litebox::before {
    width: 40%;
    height: 40%;
    border: 4px solid #fff;
    background: transparent;
    top: 25%;
    left: 75%;
    position: absolute;
    border-radius: 50%;
}

.media__icon--litebox::after {
    background: white;
    border-radius: 10px;
    height: 5px;
    left: auto;
    right: 22px;
    margin: 0;
    top: auto;
    bottom: 28px;
    width: 20%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Footer */

.site-footer,
.site-footer__bottom {
    padding: 0;
    margin: 0;
}

.region-footer-fifth {
    margin: 0 !important;
    padding: var(--pm-interior-block);
    display: grid;
    grid-template-columns: clamp(100px, 11vw, 200px) clamp(100px, 7vw, 170px) auto;
    justify-content: space-between;
}

.main-menu-footer .navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    margin: 0 0 3em;
}

.main-menu-footer .navbar-nav .nav-item {
    text-transform: uppercase;
    float: none;
    font-weight: var(--medium);
    background: transparent;
    font-size: var(--text-general-small);
}

.main-menu-footer .navbar-nav .nav-item .nav-link {
    color: #fff;
    background: var(--rosa);
    text-decoration: none;
    padding: 1em 1.5em;
}

.main-menu-footer .navbar-nav .nav-item .nav-link:hover {
    color: #fff;
    background: var(--rojo);
    text-decoration: none;
}

#block-piedepagina .navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    gap: 2em;
}

#block-piedepagina .navbar-nav .nav-item {
    text-transform: uppercase;
    float: none;
    font-weight: var(--medium);
    background: transparent;
    font-size: var(--text-general-small);
}

#block-piedepagina .navbar-nav .nav-item .nav-link {
    color: var(--gris-oscuro);
    text-decoration: none;
    padding: 0;
}

.call-to-action {
    text-align: center;
    /*padding: var(--pm-interior-block-v);*/
	padding:3vw;
}

.call-to-actionlink {
    padding: var(--pm-interior-block);
    font-size: var(--title-block);
    font-weight: var(--bold);
    text-align: center;
    display: inline-block;
    border-radius: 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--montserrat);
    text-decoration: none;
}

.call-to-action-red .call-to-actionlink {
    background: var(--rojo);
}

.call-to-action-blue .call-to-actionlink {
    background: var(--celeste);
}

.call-to-actionlink:hover {
    background: #000;
    color: #fff;
}

/* Estilos de editor */

/* ================================= */
/* :::::::::: RESPONSIVE ::::::::::: */
/* ================================= */

/* Breakpoints - Simple

# tablet-isolate  - 45em and max-width 60em (720px to 960px), isolatate tablets.
# wide            - 60.063em (961px) and up.
#
# | mobile --------->|
#                    | tablet ---------->|
#                                        | wide ---------------------------->

# Mobile: < 45em = < 720px              -   @media all and (max-width: 45em)
# Tablet: 45em - 60em = 720px - 960px   -   @media all and (min-width: 45.0625em) and (max-width: 60em)
# Wide: 60.063em < = 961px <            -   @media all and (max-width: 60.063em)

*/

/* ------------------------------ 1370 ------------------------------ */

@media all and (max-width:1370px) {}

/* ------------------------------ 1180 ------------------------------ */

@media all and (max-width:1180px) {}

/* ------------------------------ 960 ------------------------------ */

@media all and (max-width:960px) {}

/* ------------------------------ 720 ------------------------------ */

@media all and (max-width:720px) {}

@media all and (max-width:480px) {}

/* ------------------------------ USER ------------------------------ */

.path-user #rid-content>.block-main-content {
    padding: 4vw 2vw;
    width: 100%;
    max-width: 600px;
    margin: auto;
}

/* ------------------------------ ADMIN ------------------------------ */

nav.tabs {
    margin: 1em 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
}

.novedades-imagen {
  border: 1px solid #999;
}

.sidebar .block{
	background-color:#fff !important;
	border:0px !important;
}

.novedades-secundarias-item.views-row {margin-bottom:30px;}
.sidebar h2{border-bottom:0px;}

#sidebar_second .view-footer {
  text-align: center !important;
  font-weight: bold;

}

#sidebar_second .view-footer a {
	background-color:#e94e60;
	padding:10px 20px;
	border-radius:10px;
	color:#fff;
	text-decoration:underline;
}

#sidebar_second .call-to-actionlink {
  background: #e94e60;
}

#block-views-block-vista-news-block-1{padding:50px;}

#blazy-views-vista-news-block-block-1-1 .views-field.views-field-title {
  position: relative;
  padding: 10px 20px;
  background: #e94e60;
}

#blazy-views-vista-news-block-block-1-1 .views-field.views-field-title a {
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	font-size:0.9em;
}

.highlighted{min-height:180px;}


#superfish-peribian {
    width: 100%;
    font-size: 16px;
    font-family: var(--montserrat);
    display: flex;
    flex-wrap: nowrap;
}

#superfish-peribian:after {
    display: none;
}

#superfish-peribian li {
    /*    text-transform: uppercase;*/
    float: none;
    font-weight: var(--medium);
    background: transparent;
    font-size: var(--text-general-small);
}

#superfish-peribian li.sf-depth-1>a {
    color: #fff;
    background: var(--rosa);
    padding: 1em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
}

#superfish-peribian .sf-depth-1:hover,
#superfish-peribian .sf-depth-1.active-trail,
#superfish-peribian .sf-depth-1.active-trail>a {
    color: #fff;
    background: var(--rojo);
    text-decoration: none;
}

#superfish-peribian .sf-depth-1>ul {
    top: 42px;
    /*width: fit-content !important;*/
    max-width: 35em !important;
}

#superfish-peribian li>ul,
#superfish-peribian li>ul a {
    background: var(--rosa);
    text-decoration: none;
}

ul.sf-menu.sf-style-none li li,
ul.sf-menu.sf-style-none li li li,
ul.sf-menu.sf-style-none.sf-navbar>li>ul,
ul.sf-menu.sf-style-none.sf-navbar li ul {
    background: var(--rosa);
    text-decoration: none;
}

ul.sf-menu.sf-style-none.sf-accordion li li a:hover {
    background: var(--rojo);
    color: #fff !important;
}

#superfish-peribian li.sf-depth-2>a {
    color: #fff;
    font-weight: 400;
}

#superfish-peribian li.sf-depth-2>a:hover,
#superfish-peribian .sf-depth-1.active-trail {
    text-decoration: none;
}

#superfish-peribian li.sf-depth-2>a:hover {
    text-decoration: none;
    background: var(--rojo);
}

#superfish-peribian li>ul li.sf-depth-3>a {
    background: #90cfcd;
}

#superfish-peribian li.sf-depth-3>a {
    color: #000;
    font-weight: 300;
}

#superfish-peribian li.sf-depth-4>a {
    color: #000;
    background: #baf1ef;
}

#superfish-peribian li.sf-depth-1.sfHover>a,
#superfish-peribian li.sf-depth-2.sfHover>a,
#superfish-peribian li.sf-depth-3>a:hover {
    text-decoration: underline;
}

#superfish-peribian li.sf-depth-1.sfHover>a {
    color: var(--celeste);
    text-decoration: none;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
    height: 100%;
}

#block-views-block-novedades-block-4 .view-content {
  display: grid;
  grid-gap: 2em;
  grid-template-columns: repeat(3, 1fr);
}

#block-peribian-2 .nav-link{
color: #fff;
background: var(--rosa);
text-decoration: none;
padding: 1em 1.5em;
	
}

.cke-ig{border:0px !important;}

.cke-ig img{width:15% !important;height:auto !important;}

#block-views-block-test-block-1 {
  margin-top: 30px;
}

.views-col {
  padding: 0px 20px;
}