/* para mi super compi */

:root {
    --primario: #2a6282;
    --secundario: #4382a6;
    --terciario: #2a6282;
    --terciario_oscuro: #185374;
    --terciario_oscuro_plus: #0a3e5c;
    --transparencia: #f0f5f8;
    --amarillo: #f4b324;
    --familia_fuente: 'Source Sans Pro', sans-serif;
}

/* ejemplo: var(--primario) */
/* ejemplo: var(--familia_fuente) */

a {
    color: var(--primario);
}

a:hover,
a:visited,
a:link,
a:active {
    text-decoration: none;
    /*    color: var(--primario);*/
}

p {

    color: #333333;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: justify;
}

body {
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background-color: var(--transparencia);
}

h1,
h2,
h3,
h4 {
    font-family: var(--familia_fuente)
}


/* - -- - -- - -- - -- - -- 
-- - Estilo botones - --
- -- - -- - -- - -- - -- - */
/* Original */
.boton .btn {
    width: 200px;
    height: 50px;
    border: 0px solid #004a9d;
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans';
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* text-transform: uppercase; */
    border-radius: 24px;
    background: #ff3390;
}

.flex {
    display: flex;
}

.container.algogrande {
    width: 1240px;
    background-color: #fff;
}

/*
.boton.color_blanco {
text-align: center;
}

.boton.color_blanco .btn{
color: #fff;
border: 1px solid #fff;
}
*/

/* Botón Banner */
.banner .boton {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.zona_destacada .boton {
    text-align: center;
}


/* Botón Menú */
.navbar .boton {
    margin-left: 34px;
    position: relative;
    /* z-index: 30; */
    float: right;
    height: 114px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.barra_reducida .navbar .boton {
    height: 104px;
}

.boton .btn img {
    height: 35px;
    margin-right: 12px;
}

.barra_reducida .boton .btn img {
    height: 30px;
    margin-right: 12px;
}


.boton.boton_menu .btn {
    width: 282px;
    height: 62px;
    color: #fff;
    background: #ff5837;
    border: 0;
    padding: 10px 20px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    /* text-transform: uppercase; */
    font-weight: 500;
    border-radius: 20px;
    white-space: normal;
    text-align: left;
}

.barra_reducida .boton.boton_menu .btn {
    width: 270px;
    height: 57px;
    font-size: 13px;
}

/* Botón Parallax */
.zona_destacado .boton.boton_menu .btn {
    width: 405px;
    height: 48px;
}


.zona_destacado .boton .btn img {
    height: 25px;
}

/* -- circulos -- */
.wrapper-flex,
.wrapper-flex-mobile {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


/* -- row -- */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height.container:before,
.row-eq-height.container:after,
.row-eq-height.row:before,
.row-eq-height.row:after {
    content: normal;
}



.separa-5 {
    height: 5px;
}

.separa-10 {
    height: 10px;
}

.separa-20 {
    height: 20px;
}

.separa-40 {
    height: 40px;
}

.separa-30 {
    height: 30px;
}

.separa-50 {
    height: 50px;
}


.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.centrado {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.centrado.izquierda {
    justify-content: flex-start;
}

.centrado.derecha {
    justify-content: flex-end;
}

.animacion {
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
}

.limitar {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.limitar_1 {
    -webkit-line-clamp: 1;
    /* number of lines to show */
}

.limitar_2 {
    -webkit-line-clamp: 2;
    /* number of lines to show */
}

.limitar_3 {
    -webkit-line-clamp: 3;
    /* number of lines to show */
}

.limitar_4 {
    -webkit-line-clamp: 4;
    /* number of lines to show */
}

.limitar_5 {
    -webkit-line-clamp: 5;
    /* number of lines to show */
}

.limitar_6 {
    -webkit-line-clamp: 6;
    /* number of lines to show */
}

.limitar_7 {
    -webkit-line-clamp: 7;
    /* number of lines to show */
}

.limitar_8 {
    -webkit-line-clamp: 8;
    /* number of lines to show */
}

.limitar_9 {
    -webkit-line-clamp: 9;
    /* number of lines to show */
}

.limitar_10 {
    -webkit-line-clamp: 10;
    /* number of lines to show */
}

.caja {
    overflow: hidden;
}



/* --- --- --- 
--- HEADER ---
--- --- --- ---*/
/* -- -- -- -- -- -- -- Menú -- -- -- -- -- -- -- */

header .parte_superior {
    background-color: var(--secundario);
}

header .parte_superior .container {
    padding: 0px;
}

header .parte_superior .interior {
    display: flex;
    justify-content: flex-end;
    background-color: #f3f3e4;
    float: right;
    position: relative
}

header .parte_superior .interior .bloque_relleno {
    background-color: #f3f3e4;
    width: 440px;
    height: 44px;
    position: relative
}

header .parte_superior .interior .bloque_relleno_final {
    background-color: #f3f3e4;
    width: calc((100vw - 1170px) / 2);
    height: 44px;
    position: absolute;
    left: 100%;
}

header .parte_superior .interior .esquina {
    background-color: #f3f3e4;
    position: absolute;
    right: 100%;
    border-bottom-left-radius: 100px;
    height: 44px;
    width: 44px;
    top: 0;
}

header .parte_superior .interior .texto {
    font-weight: 600;
    font-size: 12px;
}

header .parte_superior .fondo {
    background-color: #f3f3e4
}

header .redes_cabecera {
    display: flex
}

header .redes_cabecera .red img {
    height: 12px;
}

header .redes_cabecera .red {
    height: 20px;
    width: 20px;
    background-color: var(--amarillo);
    border-radius: 5px;
    margin: 10px 0px 10px 10px;
}

header .busqueda_cabecera {
    display: flex;
    align-items: center;
}

header .busqueda_cabecera img {
    height: 22px;
    cursor: pointer;
}

header .linea_vertical {
    height: 30px;
    margin: 7px 10px 7px 15px;
    width: 1px;
    background-color: var(--amarillo);
}

header .navbar-default {
    margin: 0px;
    border: 0px;
    background-color: var(--secundario);
    border-radius: 0px;
    border-bottom: 4px solid var(--amarillo);
}


header .navbar-brand>img {
    height: 115px;
    position: absolute;
    bottom: 15px;
}

header .navbar-brand {
    padding: 0px;
    margin: 0px;
}

header .navbar-secundaria {
    position: relative;
    list-style: none;
    align-content: center;
    margin: 0;
    /* top: 25%; */
    justify-content: end;
    padding: 0;
}

header .navbar-secundaria li {
    align-content: center;
}

header .navbar-secundaria>li>a {
    padding: 0px !important;
    color: #333333;
    font-weight: 500;
    z-index: 1;
    padding: 0px;
    margin: 0;
    font-size: 13px;
    padding: 0 12px;
    display: block;
    align-self: center;
    transition: all 0.3s ease;
}

header .navbar-secundaria .linea_vertical.first {
    margin: 7px 15px;
}

header .navbar-secundaria>li:last-of-type>a {
    padding: 0 8px 0 0 !important;
}

header .navbar-secundaria>li>a:hover {
    color: var(--amarillo);
}

header .linea_vertical.first {
    margin: 7px 15px 7px 7px;
}

.banner {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.navbar-default .navbar-nav>li>a {
    padding: 40px 10px;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 400;
    z-index: 1;
    padding: 0px;
    margin: 31px 5px;
    padding: 7px 10px;
}

.navbar-default .navbar-nav>li.active>a {
    background-color: #558eae;
    padding: 7px 10px;
    border-radius: 20px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: var(--amarillo)
}


/* -- -- -- Section banner -- -- -- */
#banner-slider ul {
    padding: 0;
    margin: 0;
}

.superpuesto {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 940px;
    z-index: 1;

}

.superpuesto .container {
    height: 100%;

}

.banner {
    width: 100%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.slider {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.slider {
    content: '';
    display: block;
    padding-top: 37%;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    color: #fff;
}


/* -- -- -- fin Section banner -- -- -- */

.cuadro_avisos .zona_amarilla {
    background-color: var(--amarillo);
    height: 46px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.cuadro_avisos .zona_amarilla p {
    margin: 0px;
    font-weight: 600;
    font-family: var(--familia-fuente);
    color: #fff;
    text-transform: uppercase
}

.cuadro_avisos .zona_blanca {
    border: 1px solid var(--primario);
    height: 46px;
    border-left: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
}

.cuadro_avisos .zona_blanca_interior {
    height: 46px;
    display: flex;
}

.cuadro_avisos .zona_blanca p {
    margin: 0px;
    font-weight: 600;
    font-family: var(--familia-fuente);
    color: var(--primario);
    /* text-transform: uppercase; */
    margin: 12px 2px;
}

.cuadro_avisos .zona_blanca .fecha p {
    border-right: 2px solid var(--primario);
    padding: 0px 10px;
}

.cuadro_avisos .zona_blanca .texto_interior p {
    color: #333;
    margin-left: 20px;
}

.cuadro_avisos .zona_blanca .texto_interior p>a {
    color: #333;
    cursor: pointer
}

.noticia_principal {
    border-radius: 10px;
    overflow: hidden;
}

.noticia_normal {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.caja_noticia {
    position: relative;
}

.caja_noticia:after {
    content: '';
    display: block;
    padding-top: 66.66%;
}

.interiores .caja_noticia {
    height: 330px;
}

.caja_noticia.principal {
    position: relative;
    height: 480px;

}



.caja_noticia .fondo_noticia {
    position: absolute;
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;


    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.caja_noticia .fecha {
    background-color: var(--secundario);
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 12px;
    padding: 3px 10px;
}

.caja_noticia .categoria {
    background-color: var(--amarillo);
    color: #333;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    padding: 3px 10px;
}

.caja_noticia .resumen_noticia {
    position: absolute;
    background-position: center;
    bottom: -100px;
    padding: 30px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+50 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */

    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;

    min-width: 100%;
}

.caja_noticia:hover .resumen_noticia,
.caja_noticia:focus .resumen_noticia {
    bottom: 0px;
}

.caja_noticia:hover .fondo_noticia,
.caja_noticia:focus .fondo_noticia {
    transform: scale(1.1);
}

.caja_mas_noticias {
    height: 480px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--secundario);
}

.caja_mas_noticias .elementos_noticia {
    height: calc(100% - 45px);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.caja_mas_noticias .elementos_noticia>a {
    flex: 1;
}

.caja_mas_noticias .elemento_noticia {
    height: 100%;
    padding: 0 20px;
    border-bottom: 1px solid var(--transparencia);

    display: flex;
    align-items: center;
}

.caja_mas_noticias .elemento_noticia>div {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    /* text-transform: uppercase; */
    font-weight: 400;
    font-family: var(--familia_fuente);
}

.caja_mas_noticias .cabecera {
    background-color: var(--primario);
    height: 45px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.caja_mas_noticias .cabecera img {
    height: 25px;
    margin-top: -5px;
    margin-right: 5px;
}

.caja_mas_noticias h2 {
    margin: 0px;
    text-align: center;
    /* text-transform: uppercase; */
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.caja_mas_noticias p {
    color: #FFFFFF;
}

.zona_paralax {
    border-bottom: 4px solid var(--amarillo);
    position: relative
}

.zona_paralax .fondo_paralax {
    position: absolute;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.zona_paralax .cristal_ {
    position: absolute;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-color: var(--primario);
    opacity: 0.9;
}

.zona_paralax .btn.btn-corporativo,
.btn.btn-corporativo.hvr-shutter-out-horizontal {
    color: #FFFFFF;
}

.zona_paralax .btn.btn-corporativo:hover,
.btn.btn-corporativo.hvr-shutter-out-horizontal:hover {
    color: #333;
    text-shadow: none;
}

.cuadro_con_borde {
    border: 1px solid var(--primario);
    border-radius: 10px;
    overflow: hidden
}

.cuadro_con_borde .cabecera {
    background-color: var(--primario);
    padding: 12px;
}

.cuadro_con_borde .cabecera p {
    margin: 0px;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin: 0px 20px
}

.interiores .cuadro_con_borde .cabecera,
.interiores .caja_mas_noticias .cabecera,
.interiores .caja_mas_noticias .cabecera p {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    /* text-transform: uppercase; */
}

.icono_secundario {
    height: 20px;
    width: 20px;
    background-color: var(--amarillo);
    border-radius: 5px;
    margin: auto;
    margin-left: 0px;
    margin-right: 8px;
    padding: 3px;
}

.mini_noticia {
    padding: 20px;
    height: 107px;
}

.mini_noticia:nth-child(odd) {
    background-color: var(--transparencia);
}

.mini_noticia .fecha {
    background-color: var(--amarillo);
    float: left;
    border-radius: 3px;
    padding: 3px 10px;
    color: #333;
}

.mini_noticia .fecha p {
    padding: 0px;
    margin: 0px;
    color: #333;
    font-size: 12px;
}

.mini_noticia a {
    color: #333;
    /* text-transform: uppercase; */
    font-weight: 400
}

.mini_noticia a:hover {
    color: var(--primario)
}

.cuadro_amarillo {
    margin: 1px solid var(--amarillo);
}

.zona_paralax p {
    color: #fff;
}

.btn.btn-corporativo {
    padding: 40px;
    font-size: 18px;
    padding: 8px 35px;
    /* text-transform: uppercase; */
    text-shadow: 1px 1px 1px #6a6a6a;
}

.zona_paralax .cuadro_amarillo {
    border: 1px solid var(--amarillo);
    padding: 5px 30px;
    color: #fff;
    font-family: var(--familia_fuente);
    font-size: 22px;
    text-shadow: 1px 1px 1px #000000;
    font-style: italic
}

.zona_paralax h2 {
    color: #fff;
    font-family: var(--familia_fuente);
    font-size: 46px;
    text-shadow: 1px 1px 1px #000000;
    font-weight: 700;
    /* text-transform: uppercase; */
    text-align: center;
    margin: 10px 0px;
}

.zona_paralax p {
    text-align: center;
    font-size: 18px;
    margin: 0px 20%;
}

.btn-corporativo {
    color: #333;
    background-color: #F4B324;
    border-color: #F4B324;
}

.btn-corporativo:hover,
.btn-corporativo:focus,
.btn-corporativo:active,
.btn-corporativo.active,
.open .dropdown-toggle.btn-corporativo {
    color: #333333;
    background-color: #F4B324;
    border-color: #F4B324;
}

.btn-corporativo:active,
.btn-corporativo.active,
.open .dropdown-toggle.btn-corporativo {
    background-image: none;
}

.btn-corporativo.disabled,
.btn-corporativo[disabled],
fieldset[disabled] .btn-corporativo,
.btn-corporativo.disabled:hover,
.btn-corporativo[disabled]:hover,
fieldset[disabled] .btn-corporativo:hover,
.btn-corporativo.disabled:focus,
.btn-corporativo[disabled]:focus,
fieldset[disabled] .btn-corporativo:focus,
.btn-corporativo.disabled:active,
.btn-corporativo[disabled]:active,
fieldset[disabled] .btn-corporativo:active,
.btn-corporativo.disabled.active,
.btn-corporativo[disabled].active,
fieldset[disabled] .btn-corporativo.active {
    background-color: #F4B324;
    border-color: #F4B324;
}

.btn-corporativo .badge {
    color: #F4B324;
    background-color: #ffffff;
}

.caja_noticia .titulo_noticia {
    margin: 0px;
    color: #fff;
    font-weight: 600;
    /*    text-transform: uppercase*/
}

.noticia_normal .caja_noticia .titulo_noticia {
    font-size: 18px;
}

.noticia_normal .caja_noticia .resumen_noticia {
    bottom: 0px;
}

.noticia_normal .contenedor_noticia {
    height: 20px;
}

.caja_noticia .resumen {
    color: #fff;
    text-align: left;
}

.contenedor_noticia {
    display: flex;
    align-items: center;
    height: 120px;
}

.contenedor_resumen {
    display: flex;
    align-items: center;
    height: 65px;
}

/*-- manto movil --*/
#manto-movil {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
}

#manto-movil.toogled {
    z-index: 18;
    opacity: 1;
}

.redes_tab li {
    width: 50%;
}

.redes_tab .facebook>a {
    background-color: #5664a3 !important;
}

.redes_tab .twitter>a {
    background-color: #62a8d7 !important;
}

.redes_tab {
    border: 0px;
}

.redes_tab.nav-tabs>li>a {
    margin: 0px;
    border: 0px !important;
    border-radius: 0px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.redes_content {
    height: 326px;
    background-color: var(--transparencia);
    overflow: scroll;
}

#facebook>div {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.redes_content iframe {
    width: 100% !important
}

.cuadro_publicidad {
    border: 1px solid var(--primario);
    border-radius: 10px;
    padding: 15px 0px
}

.cuadro_publicidad .publicidad_banner_p {
    width: 100%;
    background-size: cover;
    border-radius: 3px;
    border: 1px solid #dedede;
    background-position: center;
}

.cuadro_publicidad .publicidad_banner_p:after {
    content: '';
    display: block;
    padding-top: 41%;
}

/*.cuadro_publicidad .publicidad_banner_p:after{content: '';display: block;padding-top: 110px;}*/



/* -- -- -- marcas -- -- -- */
.marcas {
    background-color: #fff;
    border-top: 1px solid var(--amarillo);
}

.marcas .container-fluid {
    padding: 0px;
}

.marcas .padding {
    padding: 35px 0px 35px;
    width: 100%;
}

.contenedor_slider_new {
    /*	width: calc(100% - 277px);*/
    width: 100%;
}

.padre_marca {
    height: 100px;
    width: 100%;
    padding: 0px 40px;
}

.padre_marca .imagen_marca {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}


/* -- -- -- Fin marcas -- -- -- */


footer .pie_principal .elementos {
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}

footer .pie_principal .elementos>div {
    padding: 15px 50px;
}

footer .pie_principal {
    background-color: var(--secundario);
    padding: 50px 0px 20px
}

footer .pie_principal .logo_pie img {
    height: 110px;
}

footer .pie_principal .elementos>div.logo_pie {
    padding: 0px
}

footer .pie_principal .redes_sociales_pie {
    border-left: 1px solid #558eae
}

footer .pie_principal .redes_sociales_pie p {
    margin: 20px 0px;
}

footer .pie_principal .redes_sociales_pie a {
    color: #fff;
}

footer .pie_principal .mas_datos_pie {
    border-left: 1px solid #558eae;
    max-width: 380px;
}

footer .pie_principal .redes_sociales_pie img {
    height: 22px;
    margin-right: 5px
}

footer .pie_principal .mas_datos_pie img {
    height: 15px;
    height: 20px;
    margin-right: 5px;
}

footer .pie_principal .mas_datos_pie p {
    margin: 15px 0px;
    color: #fff;
}

footer .menu_inferior {
    background-color: var(--secundario);
    border-top: 1px solid var(--terciario)
}

footer .menu_inferior a {
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 400;
    padding: 15px;
}

footer .menu_inferior .lista_menu {
    text-align: center;
    margin: 0px;
}

footer .menu_inferior .lista_menu li {
    padding: 15px 0px;
}

footer .menu_otros_contenidos {
    background-color: var(--secundario);
    padding: 15px;
    border-top: 1px solid var(--terciario)
}

footer .menu_otros_contenidos .menu_pie p {
    text-align: center;
    color: #fff;
    margin: 0px;
}

footer .menu_otros_contenidos .menu_pie a {
    text-align: center;
    color: #fff;
    font-weight: 400
}

footer .zona_copyright {
    background-color: var(--primario);
    padding: 15px
}

footer .zona_copyright p {
    margin: 0px 15px;
    color: #fff;
    font-size: 12px;
}

footer .zona_copyright a {
    margin: 0px;
    color: #fff;
}

/**************************
PORTADA
**************************/

#date-slider {
    width: 100%;
}

/**************************
HORARIOS MISA
**************************/

.parroquia {
    margin-bottom: 30px;
}

.parroquia .parroquia-titulo {
    background-color: var(--primario);
    color: #FFFFFF;
    font-family: var(--familia_fuente);
    height: 60px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    font-size: 18px;
    position: relative;
}

.parroquia .parroquia-titulo img {
    height: 18px;
    margin-right: 10px;
}

.parroquia .parroquia-detalles>div {
    height: 40px;
    display: flex;
    align-items: center;
}

.parroquia .parroquia-detalles>div:nth-child(even) {
    background-color: var(--transparencia);
}

.parroquia .parroquia-detalles>div span {
    width: 200px;
    display: inline-block;
    margin-left: 5px;
}

.parroquia .parroquia-localizacion {
    position: absolute;
    right: 17px;
    font-size: 12px;
}

.parroquia .parroquia-localizacion a {
    padding: 5px 10px;
    /* text-transform: uppercase; */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

.parroquia .parroquia-localizacion a img {
    height: 15px;
    margin-right: 5px;
}

.mapa-parroquia iframe {
    width: 100%;
}

/**************************
NOTICIAS
**************************/

.noticia_interior .imagen_principal {
    width: 100%;
    border: 1px solid #efeeee;
    border-bottom: 0;
}

.noticia_interior .imagen_principal>img {
    width: 100%;
}

.noticia_interior h1 {
    font-family: 'Roboto Condensed';
    margin: 25px 0px 10px;
}

.noticia_interior .linea_noticia {
    width: 33%;
    margin: 15px 0px 30px;
    border-top: 3px solid var(--primario);
}

.noticia_interior iframe {
    margin: 30px 0;
}

.noticia_interior .embed-responsive {
    margin: 30px 0;
}

.noticia_interior .cuadro_con_borde .embed-responsive {
    margin: 0;
}

.noticia_interior .embed-responsive iframe {
    margin: 0;
}

.noticia_interior .listado {
    margin: 30px 0;
}

.noticia_interior #gallery-noticia {
    margin: 30px 0;
}

.cuadro_fecha {
    background-color: var(--transparencia);
    border: 1px solid var(--transparencia);
    padding: 7px;
    text-align: right;
    font-size: 12px;
}

.foto_interior {
    width: 100%;
    margin: 20px 0;
}

.pie_foto {
    font-size: 12px;
    text-align: right;
    font-style: italic;
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px;
}

/**************************
SWIPEBOX
**************************/

.cuadro_fotos {
    padding-top: 15px;
    background-color: #f5f5f5;
    border: 1px solid #efefef;
}

.cuadro_fotos .foto_principal {
    background-color: #fff;
    margin-bottom: 15px
}

.cuadro_fotos .galeria {
    padding: 30px 15px;
    background-color: #3b3b3b
}

.swipebox .imagen {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

/*.swipebox .imagen:after{content:'';padding-top:66.66%;display:block}*/
.swipebox .imagen:after {
    content: '';
    padding-top: 66.66%;
    display: block
}

/*
.padre_imagen .imagen{content:'';padding-top:100%;display:block}
*/
.btn-precio {
    padding: 0
}

.foto_color .imagen {
    float: left;
    height: 75px;
    width: 75px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 15px 30px 0
}

.swipebox .imagen.secundaria {
    background-size: contain;
    border: 1px solid #f5f5f5;
}

.zona_galeria_mini .bx-wrapper .bx-prev {
    left: -45px;
}

.zona_galeria_mini .bx-wrapper .bx-next {
    right: -45px;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 1000;
}

.zona_redes {
    padding: 15px 0px
}

.zona_redes li {
    height: 30px;
    margin-right: 5px
}

.zona_redes li p {
    font-weight: 600;
    margin: 0px;
}

.icono_compartir {
    height: 20px;
    margin-top: -5px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.icono_compartir:hover {
    transform: scale(1.2);
}

.tecnologias_productos {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.tecnologia .iconito_tec {
    height: 60px;
    margin-bottom: 10px
}

.tecnologia {
    text-align: center
}

.tecnologia p.texto {
    font-weight: 600;
    text-align: center;
    /* text-transform: uppercase; */
    margin: 0px;
    font-size: 18px;
}

.tecnologia p.copy_real {
    font-weight: 600;
    text-align: center;
    /* text-transform: uppercase; */
    margin: 0px;
    font-size: 12px;
    color: #498a26;
}

.tecnologia p.descripcion {
    font-size: 13px;
    text-align: center;
    height: 80px;
}

/**************************
NUEVA CESTA
**************************/

#cesta .articulo .padding {
    padding-right: 30px
}

.resumen-cesta {
    padding: 20px
}

.resumen-cesta .ancho-resumen {}

.resumen-cesta .label-resumen {
    float: right
}

.resumen-cesta .label-resumen .cesta-bono {
    font-size: 24px;
    margin-right: 10px
}

.resumen-cesta .label-resumen .precio_descuento {
    font-size: 24px;
    margin-left: 10px
}

.resumen-cesta .label-resumen .bigger {
    font-size: 24px;
}

.resumen-cesta .label-resumen p {
    margin: 0
}

.resumen-cesta .aplicar_codigo {
    height: 52px;
    border-radius: 0;
    border-right: none
}

.resumen-cesta .input-group-btn {
    border: 1px solid #ccc;
    border-radius: 0;
    border-left: none
}

.resumen-cesta .btn-codigo {
    color: #fff;
    border: 2px solid #fff;
    height: 48px;
    cursor: pointer;
    display: flex;
    min-width: 48px;
    align-items: center;
    justify-content: center;
    background-color: var(--primario)
}

#gastos .radio,
#gastos label {
    margin: 0
}

#gastos label {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#gastos .radio .colocar {
    width: 0px;
    margin-bottom: 5px
}

.marco-gasto {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px 0px
}

.resumen-total strong {
    /* text-transform: uppercase; */
    position: relative;
    top: 10px;
}

.metodos-pago .radio-inline {
    font-size: 18px;
    margin-left: 20px;
}

.btn-borrartodo {
    border-radius: 0px;
    background-color: var(--primario);
    color: #fff !important
}

.swal2-popup {
    font-size: 1.6rem !important;
}

.condiciones a {
    color: #000
}

/************************************
*  Archivos adjuntos y tipografias  *
************************************/

.tipografia,
.titulo-contenido {
    text-align: left;
    color: #505050;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
}

.titulo-contenido {
    color: #000;
}

.tipografia i {
    color: var(--primario)
}

.listado {
    text-align: justify;
}

.listado ul,
.listado li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.listado li {
    padding: 20px;
    background-color: var(--transparencia);
}

.listado li a,
.listado li.alt a {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.listado li.alt {
    background-color: transparent;
}

.listado li.alt a {
    color: #000;
    text-decoration: none;
}

.listado a {
    color: #000;
    text-decoration: none;
}

.listado a:hover,
.listado li.alt a:hover {
    color: var(--primario);
    text-decoration: none;
}

.btn-gris {
    color: #333;
    background-color: #fafafa;
    /* text-transform: uppercase; */
}

.btn-gris:hover,
.btn-gris:focus,
.btn-gris:active {
    color: #333;
    background-color: #dedede;
}


/************************************
*            MULTIFORMA             *
************************************/

.bloque_imagen_lista ul {
    list-style: none;
    padding: 0
}

.bloque_imagen_lista i {
    color: var(--primario)
}

.bloque_cabecera .bloque_titulo {
    background-color: var(--primario);
    padding: 15px
}

.bloque_cabecera .bloque_interior {
    background-color: var(--transparencia);
    padding: 30px 15px
}

.bloque_cabecera .bloque_titulo h3 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 300
}

.bloque_cabecera .imagen {
    width: 100%
}

.bloque_cabecera h4 {
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    color: var(--primario)
}

.bloque_cabecera .texto {
    font-size: 18px;
    font-weight: 300
}

.bloque_imagen_lista .imagen {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    margin-bottom: 30px
}

.bloque_imagen_lista h4 {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    color: var(--primario);
    font-size: 22px
}

.bloque_puntos ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.bloque_puntos ul li {
    margin-bottom: 15px
}

.bloque_puntos ul li>p>.fa {
    font-size: 20px;
    color: var(--primario)
}

.bloque_contenido .titulo {
    background-color: var(--primario);
    padding: 15px 10px
}

.bloque_contenido .titulo h4 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300
}

.bloque_contenido .bloque {
    padding: 0 10px
}

.bloque_desplegable .fondo,
.bloque_documentos .fondo {
    background-color: var(--transparencia);
    padding: 20px;
    margin-bottom: 40px
}

.bloque_desplegable .panel-group,
.bloque_documentos .panel-group {
    margin: 0
}

.bloque_desplegable h2,
.bloque_documentos h2 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: var(--primario)
}

.bloque_desplegable .panel-default {
    border-color: var(--primario)
}

.bloque_desplegable .panel-default>.panel-heading {
    background-color: var(--primario);
    color: #fff;
    border-color: var(--primario)
}

.bloque_desplegable h2 .fa {
    color: var(--primario)
}

.bloque_desplegable .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--primario)
}

.bloque_imagenes img {
    width: 100%
}

.bloque_imagenes .flexible {
    display: flex;
    align-items: center
}


.panel-body .btn-corporativo2 {
    padding: 8px 15px
}

.bloque_imagenes img {
    width: 100%;
    max-height: 200px;
    object-fit: cover
}

/************************************
*              IDIOMAS              *
************************************/

#idiomasside {
    position: fixed;
    top: 300px;
    right: 0;
    z-index: 900;
}

#idiomasside li {
    padding: 10px;
    list-style-type: none;
}

#idiomasside img {
    height: 40px;
}

#idiomasside font {
    display: none;
}

.zona-idiomas-movil {
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    margin-top: 25px;
}

.zona-idiomas-movil .flag {
    height: 50px;
    width: 30px;
}

/************************************
*               BLOG                *
************************************/
.alergenos {
    display: flex;
    justify-content: space-evenly;
    align-content: space-evenly;
    flex-wrap: wrap
}

.alergenos .padre_fondo {
    margin: 0
}

.alergenos .caja_alergenos {
    padding: 0 10px
}

.alergenos .caja_alergenos:hover {
    transform: translateY(0)
}

.bloque.principal.noticia {
    display: inherit
}

.noticias,
.post_details ul,
.popular {
    list-style: none;
    padding: 0;
    margin: 0
}

.noticia a {
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #333333
}

.noticias .imagen {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.noticias .imagen:after {
    content: "";
    padding-top: 50%;
    display: block
}

.not-imagen {
    background-color: #ededed
}

.full-width {
    width: 100%
}

.noticia .titular {
    margin-bottom: 0;
    border-bottom: solid 1px #f3f3f3
}

.noticia .titular h1 {
    color: #1e1f1d;
    margin-bottom: 10px
}

.noticia .titular a>h3 {
    margin-bottom: 17px;
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    color: #333333;
    font-family: 'Poppins', sans-serif;
}

.noticia .post_details {
    color: #fff;
    background-color: var(--primario);
    padding: 10px;
    border-bottom: solid 5px #5b8a24;
    text-align: right;
    font-size: 13px
}

.post_details li {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff
}

.noticia-detalle-fecha small {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #302224
}

.post_details i {
    color: #fff
}

.noticia-detalle-fecha i {
    color: #2f3668
}

.noticia .contenido {
    padding: 5px 15px 10px;
    background-color: #fff;
    border: 1px solid #ffefcc
}

.contenido_noticia_lista {
    padding: 0 20px;
    background-color: var(--transparencia)
}

.noticia-detalle-fecha {
    text-align: right;
    color: #2b2b2b
}

.widget-noticias {
    background-color: #f3f3f3;
    padding: 15px
}

.widget-noticias h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--primario);
    font-family: 'Poppins', sans-serif;
}

.widget-noticias .input-group-btn {
    height: 100%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.widget-noticias .input-group-btn button {
    height: 100%;
    border: 1px solid var(--primario);
    background-color: var(--primario);
    color: #fff;
    padding: 8px;
    z-index: 1 !important
}

.widget-noticias .input-group-btn i {
    font-size: 16px
}

.popular {
    font-size: 13px
}

.mini-noticia a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px
}

.popular li {
    padding: 10px 0;
    border-bottom: dotted 1px rgb(108 176 29)
}

.popular .imagen {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    background-size: cover;
    background-position: center center
}

.popular a.title {
    color: #070707;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.popular a.texto-breve {
    color: #707070;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
}

.popular a.title:hover,
.popular a.title:focus,
.popular a.title:active {
    color: #070707
}

.bloque.noticia {
    margin-bottom: 40px
}

.cuadro_noticia {
    background-color: var(--transparencia);
    max-width: 400px;
    float: left;
    margin: 0px 40px 20px 0px;
}

.titulo_noticia {
    color: var(--primario);
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

.banners-publicidad-lateral .publicidad_banner_p {
    width: 100%;
    background-size: cover;
    border-radius: 3px;
    border: 1px solid #dedede;
    margin-bottom: 30px;
}

.banners-publicidad-lateral .publicidad_banner_p:after {
    content: '';
    display: block;
    padding-top: 41%;
}

#busqueda {
    border-color: var(--primario);
}

.marco-contacto {
    background-color: var(--transparencia);
    padding: 20px
}

.marco-contacto h3 {
    margin-top: 0px
}

.widget-noticias {
    background-color: var(--transparencia)
}

.marco-contacto .input-group-addon {
    background-color: var(--primario);
    border-color: var(--primario);
    color: #fff
}

.marco-contacto .form-control {
    border-color: var(--primario);
}

.input-group .form-control {
    z-index: 0;
}

/* TABLA MIS PEDIOS*/

.tabla_cabecera .row {
    font-weight: 400;
    background-color: var(--primario);
    color: #fff
}

#tabla_stocks_resultados .row:nth-child(even) {
    background-color: var(--transparencia)
}

.tabla_stocks .cell {
    padding: 15px
}

.tabla_stocks .cell-btn {
    padding: 10px
}

.avisono {
    margin: 10px 0px;
    font-size: 18px
}

textarea {
    resize: vertical;
}

/*+++++++++++++++++++*/
/************************************
*             INTERIOR              *
************************************/
.fa {
    padding-left: 5px;
}

.acceso a p {
    color: var(--primario);
    font-weight: 600;
    margin: 0;
}

.noestavisibleparapersonas {
    display: none;
}

.banner_interior {
    width: 100%;
    height: 200px;
    background-size: cover;
    overflow: hidden;
    background-position: 0px 40%;
}

.banner-interiores .placa-titulo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-interiores .placa-titulo>.pantalla {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--terciario);
    opacity: 0.55;
}

.banner-interiores .placa-titulo>h1 {
    z-index: 10;
    font-size: 65px;
    color: #FFFFFF;

    font-family: var(--familia_fuente);
    text-shadow: 1px 1px 1px #000000;
    font-weight: 700;
    /* text-transform: uppercase; */
}

.corte_banner_interior {
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0px;
    z-index: 1;
}

.banner_interior .imagen {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(1px);
}

.banner_interior .texto {
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
}

.banner_interior .texto img {
    margin-top: 20px;
}

.banner_interior.interior_azul .texto {
    background-color: rgba(69, 183, 245, 0.5);
}

.banner_interior.interior_amarillo .texto {
    background-color: rgba(247, 201, 110, 0.5);
}

.banner_interior.interior_rojo .texto {
    background-color: rgba(245, 104, 78, 0.5);
}

.banner_interior p {
    margin-top: 0;
    font-size: 60px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0px;
    font-family: 'Open Sans';
    text-align: center;
    margin-bottom: 0px;
    text-shadow: 2px 2px 3px rgba(1, 0, 2, 0.75);
}

.banner_interior h1 {
    margin-top: 0;
    font-size: 60px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0px;
    font-family: 'Open Sans';
    text-align: center;
    margin-bottom: 0px;
    text-shadow: 2px 2px 3px rgba(1, 0, 2, 0.75);
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: var(--primario);
}

.nav-pills>li>a {
    color: #000;
    font-family: 'Open Sans';
    font-weight: 400;
    /* text-transform: uppercase; */
}

/************************************
*              FILTROS              *
************************************/

.filtros {
    height: 112px;
    background-color: var(--transparencia);
    margin: 0;
    padding: 0;
}

.interiores .filtros .container {
    background: transparent;
    background-color: transparent;
}

.interiores .filtros {
    overflow: visible;
}

.producto-detalle .filtros {
    height: 44px;
}

.filtros.interiores {
    background: var(--transparencia);
}

.filtros.gestion {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filtros.gestion>div {
    width: 100%;
    margin-top: 15px;
}

.filtros .bootstrap-select>.dropdown-toggle:not(.disabled),
.filtros .form-control {
    border-color: #6ba5c5;
}


.centrarflitros {
    display: flex;
    align-items: center;
}

.btn-corp {
    background-color: var(--secundario);
    width: 100%;
    height: 34px;
    color: #FFFFFF;
    margin: 0;
    border: 0;
}

/************************************
*             BUSCADOR              *
************************************/

#buscador_emergente {
    position: absolute;
    top: 195px;
    width: 100%;
    z-index: 1000;
    transition: 300ms all ease
}

#buscador_emergente.oculto {
    visibility: hidden;
    opacity: 0;
    top: 0
}

.buscador_emergente>div {
    background: var(--amarillo);
    border-bottom: 1px solid var(--terciario_oscuro_plus);
    box-shadow: 0 5px 8px #6b6b6b;
    padding: 15px;
    border-radius: 10px;
}

.input_buscador {
    border-right: 0;
    box-shadow: none;
    border-radius: 0
}

.boton_input_buscador {
    border-radius: 0;
    padding: 10px;
    border-left: 0;
    border-right: 0;
    color: rgba(0, 0, 0, .3);
    background-color: #fff !important
}

.cerrar_input_buscador {
    border-right: 0;
    border-right: 1px #ccc solid;
    color: rgba(0, 0, 0, .3);
    padding: 10px;
    border-radius: 0;
    background-color: #fff !important
}

#buscador {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    display: flex;
    pointer-events: none
}

#buscador.search-active {
    overflow: hidden;
    pointer-events: auto
}

#buscador.search-active .search-input {
    opacity: 1;
    transform: none;
    pointer-events: all
}

#buscador.search-active .icon-close {
    opacity: 1;
    transform: rotate(-90deg)
}

#buscador.search-active .control {
    cursor: default
}

#buscador.search-active .control .btn-material {
    transform: scale(70);
    right: 1000px;
    top: 0
}

#buscador.search-active .control .icon-material-search {
    opacity: 0
}

.icon-close {
    position: fixed;
    top: 30px;
    right: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 70px;
    opacity: 0;
    transition: all .3s ease-in-out
}

.icon-close:hover {
    transform: rotate(0)
}

.search-input {
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50px;
    margin-top: -40px;
    pointer-events: none;
    opacity: 0;
    transform: translate(40px, 0);
    transition: all .3s ease-in-out
}

.search-input input {
    color: #fff;
    font-size: 54px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    font-weight: 200;
    font-family: 'Open Sans';
}

.search-input i {
    color: #fff;
    font-size: 50px;
    margin-right: 15px
}

.search-input ::-webkit-input-placeholder {
    color: #eee
}

.search-input :-moz-placeholder {
    color: #eee;
    opacity: 1
}

.search-input ::-moz-placeholder {
    color: #eee;
    opacity: 1
}

.search-input :-ms-input-placeholder {
    color: #eee
}

.full-width {
    width: 100%
}

.control {
    cursor: pointer
}

.control .btn-material {
    position: absolute;
    top: -100px;
    width: 60px;
    height: 60px;
    right: 0;
    border-radius: 100%;
    box-sizing: border-box;
    background: var(--primario);
    outline: 0;
    opacity: .9;
    transform-origin: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: all .7s cubic-bezier(0.4, 0, 0.2, 1)
}

.control .btn-material:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)
}

.control .icon-material-search {
    color: #fff;
    position: absolute;
    top: -10px;
    right: 78px;
    transition: opacity .3s ease-in-out
}

.navbar-img {
    display: none
}

.modal-header {
    background-color: var(--primario);
    color: #fff;
}

.modal-content {
    border: 0;
}

.modal-header .close {
    color: #FFFFFF;
}

/************************************
*             PAGINACION            *
************************************/

.btn-pagination {
    color: #FFFFFF;
    background-color: var(--terciario);
    border-color: var(--terciario);
}

.btn-pagination:hover,
.btn-pagination:focus,
.btn-pagination:active,
.btn-pagination.active,
.open .dropdown-toggle.btn-pagination {
    color: #FFFFFF;
    background-color: var(--amarillo);
    border-color: var(--amarillo);
}

.btn-pagination:active,
.btn-pagination.active,
.open .dropdown-toggle.btn-pagination {
    background-image: none;
}

.btn-pagination.disabled,
.btn-pagination[disabled],
fieldset[disabled] .btn-pagination,
.btn-pagination.disabled:hover,
.btn-pagination[disabled]:hover,
fieldset[disabled] .btn-pagination:hover,
.btn-pagination.disabled:focus,
.btn-pagination[disabled]:focus,
fieldset[disabled] .btn-pagination:focus,
.btn-pagination.disabled:active,
.btn-pagination[disabled]:active,
fieldset[disabled] .btn-pagination:active,
.btn-pagination.disabled.active,
.btn-pagination[disabled].active,
fieldset[disabled] .btn-pagination.active {
    background-color: var(--secundario);
    border-color: var(--secundario);
}

.btn-pagination .badge {
    color: #0977b2;
    background-color: #FFFFFF;
}

.btn-pagination {
    padding: 10px 20px;
    font-size: 14px;
    margin: 0 15px;
    border: 1px solid;
}

.proyecto .imagen {
    background-size: cover;
}

.proyecto h3 {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 40px;
    text-align: center;
}

/************************************
*         INSTAGRAM WIDGET          *
************************************/

.instagram-widget>div {
    position: relative;
    padding-top: calc(100vw / 6);
    width: 100%;
    overflow: hidden;
}

.instagram-widget iframe {
    border: none !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/************************************
*           SELECT BONITO           *
************************************/

.selectbonito {
    position: relative;
}

.selectbonito:after {
    content: '\f078';
    font: normal normal normal 10px/1 FontAwesome;
    color: #ffffff;
    right: 0;
    position: absolute;
    pointer-events: none;

    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
}

select::-ms-expand {
    display: none;
}

.selectbonito select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */

    display: block;
    width: 100%;
    float: right;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
}

/* whatsapp */
.floating-icons {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 99;
}

.floating-icons a {
    display: inline-block;
    transition: all .2s ease-in-out;
}

a:hover,
a:visited,
a:link,
a:active {
    text-decoration: none;
}

.floating-icons img {
    max-width: 48px;
    height: auto;
}

.floating-icons a:hover {
    transform: scale(0.9);
}

.cuadro_superior {
    background-color: var(--primario);
    position: relative;
    background-size: contain;
}

.cuadro_superior .fondo_pie {
    position: absolute;
    background-size: contain;
    width: 100%;
    height: 100%;
    filter: blur(2px);
}

.cuadro_superior .degradado {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--primario)+0,488a25+100&1+50,0+100 */
    background: -moz-linear-gradient(left, rgba(72, 138, 37, 1) 0%, rgba(72, 138, 37, 1) 40%, rgba(72, 138, 37, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(72, 138, 37, 1) 0%, rgba(72, 138, 37, 1) 40%, rgba(72, 138, 37, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(72, 138, 37, 1) 0%, rgba(72, 138, 37, 1) 40%, rgba(72, 138, 37, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--primario)', endColorstr='#00488a25', GradientType=1);
    /* IE6-9 */




    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -2px;
}

.cuadro_superior .cuadro_blanco {
    background-color: #fff;
    position: absolute;
    width: calc(100% + 40px);
    height: 110px;
    transform: rotate(2.0deg);
    top: -50px;
}

.cuadro_superior .cuadro_blanco.parte_2 {
    opacity: 0.5;
    top: -20px;
    transform: rotate(1.3deg);
}

.cuadro_inferior {
    background-color: #3f7d1e;
    color: #fff;
    padding: 20px 0px;
    font-size: 14px;
}

.cuadro_inferior p {
    color: #fff;
    font-size: 12px;
    margin: 0px;
}

.cuadro_inferior a {
    color: #fff;
}

.elementospie {
    position: relative;
}

footer {
    position: relative;
    overflow: hidden;
}

footer .elementosderechos {
    height: 90px;
    text-shadow: 1px 1px 0 #525252;
}

footer .elementosderechos .redes_sociales_pie {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: inline-flex;
    height: 25px;
}

footer .elementosderechos .redes_sociales_pie p {
    margin: 0px;
    margin-right: 40px;
    color: #fff;
}

footer .elementosderechos .redes_sociales_pie a {
    color: #fff
}

footer .elementosderechos .redes_sociales_pie .icono_info_pie {
    height: 20px;
    margin-right: 5px
}

footer .elementosizquierdos img {
    height: 90px;
}

footer .elementosizquierdos>div {
    float: left;
    height: 90px;
}

footer .info_pie {
    padding-left: 40px;
    color: #fff;
    position: absolute;
    bottom: 0px;
}

footer .info_pie .icono_info_pie {
    height: 20px;
    margin-right: 15px
}

footer .info_pie p {
    color: #fff;
    margin: 0px;
}

footer .otros_contenidos_texto {
    text-align: right
}

footer .pie_imagen_horizontal {
    width: 50%;
    height: 400px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    right: 0px;
    bottom: calc(100% - 420px);
}

footer .zona_blog {
    position: absolute;
    bottom: calc(100% + 20px);
    left: 30px;
    width: 100%;
}

footer .zona_blog .titulo {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 20px
}

/*
footer .pie_imagen_horizontal:after{content:"";padding-top:50%;display:block}
*/

::marker {
    color: #488a24;
}

ul ::marker {
    font-size: 25px;
    line-height: 0px;
}

/**************************/
/*** CONTENIDO-APARTADO ***/
/**************************/

.interiores {
    overflow: hidden
}

.interiores.noticias_lista {
    background-color: #FFFFFF;
}

.interiores .container {
    background-color: #FFFFFF;
}

.linea-apartado {
    width: 100%;
    height: 3px;
    margin: 15px 0px 0px;
    /*    margin: 15px 0px 30px;*/
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, var(--primario) 40%, var(--primario) 60%, rgba(255, 255, 255, 1) 60%);
}

.izquierda .linea-apartado {
    background: linear-gradient(90deg, var(--primario) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
}

.derecha .linea-apartado {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60%, var(--primario) 60%, var(--primario) 100%);
}

/*ADORNO*/
.zona_titulo .simbolo_relleno {
    position: absolute;
    top: 0px;
    left: -90px;
    display: inline-flex;
    align-items: center;
}

.zona_titulo .simbolo_relleno.reducido {
    left: -70px;
}

.zona_titulo .relleno {
    background-color: #8bc771;
    right: calc(100% + 3px);
    height: 1px;
    width: calc((100vw - 1140px)/2);
    position: absolute;
}

.zona_titulo.derecha .simbolo_relleno.reducido {
    left: calc(100% + 20px);
}

.zona_titulo.derecha .relleno {
    right: auto;
    left: calc(100% + 3px);
}

.zona_titulo.centro .simbolo_relleno.reducido {
    display: none;
}

.zona_titulo.centro .relleno {
    display: none;
}

.zona_titulo .forma_base_lineas_central {
    display: none;
}

.zona_titulo.centro .forma_base_lineas_central {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.zona_titulo.centro .forma_base_lineas_central img {

    height: 26px;
    margin: 0 2px;
}

/*TITULO*/

.zona_titulo .titulo {
    color: #333333;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-align: left;
    margin-top: 0px;
    line-height: 42px;
    /* text-transform: uppercase; */
    margin-bottom: 0px;

    letter-spacing: 0px;

}

.zona_titulo.derecha .titulo {
    text-align: right;
}

.zona_titulo.centro .titulo {
    text-align: center;
}

.titulo.subtitulo {
    font-style: italic;
    font-size: 20px;
    color: #377417;
}

/*CONTENIDO*/
.zona_contenido.triple_columna {
    column-count: 3;
}

.zona_contenido.apartado_iframe iframe {
    width: 100%;
}

/**MULTIMEDIA 100**/

.multimpedia_completo .multimedia_div {
    height: 100%;
    width: 100%;
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

.multimpedia_completo .imagen {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.embed-responsive-40 {
    padding-bottom: 40%;
}

.embed-responsive-66 {
    padding-bottom: 66%;
}

.multiple_columna {
    column-gap: 40px;
}

.doble_columna {
    column-count: 2;
}

.triple_columna {
    column-count: 3;
}

/**MULTIMEDIA MITAD**/
.multimpedia_mitad .multimedia_div {
    width: 100%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
}

.multimpedia_mitad .imagen {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 440px;
}

.multimpedia_mitad.izquierda .multimedia_div {
    justify-content: flex-start
}

.multimpedia_mitad.derecha .multimedia_div {
    justify-content: flex-end
}

/*
.multimpedia_mitad .imagen:after{content:'';padding-top:66.66%;display:block}
.multimpedia_mitad.redondo .imagen:after{content:'';padding-top:100%;display:block}
*/

.multimpedia_mitad.redondo .imagen {
    border-top-right-radius: 999999px;
    border-bottom-right-radius: 999999px
}

.multimpedia_mitad.redondo.derecha .imagen {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 999999px;
    border-bottom-left-radius: 999999px
}

.multimpedia_mitad .contenedor_imagen {
    position: relative
}

.multimpedia_mitad .contenedor_imagen .adorno_imagen {
    background-color: transparent;
    width: 50%;
    height: 25px;
    position: absolute;
    left: 0px;
}

.multimpedia_mitad .contenedor_imagen .adorno_imagen.superior {
    bottom: 100%;
}

.multimpedia_mitad .contenedor_imagen .adorno_imagen.inferior {
    top: 100%;
}

.multimpedia_mitad.derecha .contenedor_imagen .adorno_imagen {
    left: auto;
    right: 0px;
}

.texto_y_multimedia {
    position: relative;
    display: flex;
}

.multimpedia_mitad {
    position: relative;
    left: 0px;
    width: 66%;
}

.contenido_mitad {
    position: relative;
    width: calc(100% - 30px);
    top: 0px;
}

.container_mitad.izquierda {
    padding-right: calc(50% - 325px);
}

.container_mitad.derecha {
    padding-left: calc(50% - 325px);
}

.container_mitad .zona_contenido {
    padding: 0px 15px;
}

.container_mitad.izquierda .zona_contenido {
    padding-left: 60px;
}

.container_mitad.derecha .zona_contenido {
    padding-right: 60px;
}

.btn-largo {
    padding: 15px 30px
}

.splide__arrow {
    height: 3em;
    width: 3em;
}

.multimpedia_mitad_splide {
    position: relative;
    left: 0px;
    width: 55%;
}

.contenedor_splide_multiple {
    width: 100%;
    background-color: #8bc771;
    position: relative;
}

.contenedor_splide_multiple .splide__arrows {
    top: -50px;
    width: 15px;
    left: 85px;
    z-index: 1
}

.derecha .contenedor_splide_multiple .splide__arrows {
    right: 85px;
    left: auto
}

/*.contenedor_splide_multiple .splide__arrow { height: 40px; background-color: var(--transparencia);}*/
.contenedor_splide_multiple .splide__arrow svg {
    /* fill: #fff */
}


.multiple_splide .imagen {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.multiple_splide .imagen.imagen:after {
    content: '';
    padding-top: 66%;
    display: block
}

.enlace_circular {
    border-radius: 100px;
    width: 80%;
    background-size: cover;
    background-position: center;
    margin: 0 auto
}

.enlace_circular:after {
    content: '';
    padding-top: 100%;
    display: block
}

.circulo_con_enlace .titulo {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
    /* text-transform: uppercase; */
}

.circulo_con_enlace .icono {
    height: 30px;
    margin-right: 15px;
    margin-top: -5px;
}

.circulo_con_enlace.quitar_circular .enlace_circular {
    border-radius: 0px;
    background-size: contain;
    background-repeat: no-repeat
}

.community-centers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.multiple_horizontal_splide {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.multiple_horizontal_splide .splide__list>div {
    padding: 0 15px;
}

.multiple_horizontal_splide .splide__arrow--prev {
    left: 2em;
}

.multiple_horizontal_splide .splide__arrow--next {
    right: 2em;
}

.multiple_horizontal_splide .imagen {
    height: 500px;
    background-size: cover;
    background-position: center;
    position: relative;
    left: 1px;
    font-size: 13px;
}

.multiple_horizontal_splide .imagen .cuadro_info {
    position: absolute;
    background-color: rgba(67, 130, 166, 0.75);
    bottom: 5px;
    right: 0px;
    padding: 5px 20px 0px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.multiple_horizontal_splide .linea_inferior_adorno {
    position: absolute;
    width: 100%;
    background-color: rgba(67, 130, 166, 0.75);
    bottom: 0px;
    height: 5px;
}

.bloque_grande_enlace {
    width: 100%;
    background-size: cover;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
}

.bloque_grande_enlace.ultimos {
    margin-bottom: 0;
}

.bloque_grande_enlace .imagen {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
}

.bloque_grande_enlace:after {
    content: '';
    padding-top: 66%;
    display: block
}

.bloque_grande_enlace:hover .imagen,
.bloque_grande_enlace:focus .imagen {
    transform: rotate(3deg) scale(1.2);
}

.bloque_grande_enlace .cuadro_info {
    position: absolute;
    background-color: rgba(67, 130, 166, 0.75);
    bottom: 10px;
    left: 0px;
    padding: 5px 20px 0px;
    color: #fff;
    width: 100%;
}

.bloque_grande_enlace .cuadro_info p {
    color: #fff;
    margin: 0px;
    text-align: center;
}

.bloque_grande_enlace .cuadro_info p.antetitulo {
    font-size: 14px;
    color: #e5f1d7;
}

.bloque_grande_enlace .cuadro_info p.titulo {
    font-size: 22px;
    font-weight: 600
}

.bloque_grande_enlace .linea_inferior_adorno {
    position: absolute;
    width: 100%;
    background-color: rgba(67, 130, 166, 0.75);
    bottom: 0px;
    height: 10px;
}

.multiple_logos_splide .padre_imagen {
    border: 1px solid #dedede;
    margin: 0px 15px;
    padding: 15px;
}

.multiple_logos_splide .imagen {
    width: calc(100%);
    height: 200px;
    background-size: contain;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    object-fit: contain;
}

/**BLOQUE FORM**/

.bloque_formulario input,
.bloque_formulario textarea,
.bloque_formulario select {
    background-color: var(--transparencia);
    border: 0px;
    box-shadow: none;
    font-size: 15px
}

.bloque_formulario input[type=text],
.bloque_formulario input[type=email],
.bloque_formulario input[type=tel],
.bloque_formulario select {
    height: 46px
}

.bloque_formulario select {
    appearance: none;
}

.bloque_formulario select {
    background-image:
        linear-gradient(45deg, transparent 50%, var(--primario) 50%),
        linear-gradient(135deg, var(--primario) 50%, transparent 50%),
        radial-gradient(transparent 70%, transparent 72%);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - .5em) .5em;
    background-size:
        5px 5px,
        5px 5px,
        1.5em 1.5em;
    background-repeat: no-repeat;
}


.label_check,
.label_check input {
    cursor: pointer
}

.btn-alto {
    height: 45px
}

.label_check input {
    filter: hue-rotate(240deg);
}

.uman {
    position: absolute;
    height: 0px;
    width: 0px;
    opacity: 0
}


/**BLOQUE F&Q**/

.panel-corporativo {
    box-shadow: none;
    -webkit-box-shadow: none
}

.panel-corporativo .panel-heading+.panel-collapse>.list-group,
.panel-corporativo .panel-heading+.panel-collapse>.panel-body {
    border: 0px;
}

.panel-corporativo .panel-heading {
    border-bottom: 1px solid var(--transparencia);
    height: 50px;
    padding: 5px
}

.panel-corporativo .icono {
    height: 40px;
    width: 40px;
    object-fit: contain;
    margin-right: 15px;
}

.panel-corporativo h4 {
    display: inline-flex;
    align-items: center;
}

.panel-corporativo .panel-title a {
    color: var(--primario);
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 600
}

.panel-corporativo .panel-title p {
    color: var(--primario);
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 600;
    padding-right: 60px;
    margin: 0px;
}

.panel-corporativo .panel-heading {
    position: relative;
    display: flex;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: var(--primario);
    background-color: var(--transparencia);
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-left: 2px;

    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e114";
}

/**BLOQUE CRONO**/

.cronologia {
    position: relative
}

.cronologia .linea_vertical {
    position: absolute;
    height: 100%;
    width: 4px;
    background-color: var(--transparencia);
    left: 50%;
    top: 0px;
}

.cronologia .imagen {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.cronologia .imagen:after {
    content: '';
    padding-top: 66.66%;
    display: block
}

.cronologia .titulo {
    font-weight: 600;
    /* text-transform: uppercase; */
    font-size: 20px;
    margin: 0px;
}

.cronologia .subtitulo {
    /* text-transform: uppercase; */
    font-size: 18px;
}

.cronologia .invertir p {
    text-align: right
}

.cronologia .imagen_bloque {
    padding-right: 50px;
}

.cronologia .info_bloque {
    padding-left: 50px;
}

.cronologia .invertir .imagen_bloque {
    padding-right: 0px;
    padding-left: 50px;
}

.cronologia .invertir .info_bloque {
    padding-left: 0px;
    padding-right: 50px;
}

.cronologia .circulo_temporal {
    width: 20px;
    height: 20px;
    background-color: #3e7d1e;
    border: 2px solid #fff;
    position: absolute;
    border-radius: 9999px;
    top: calc(50% - 10px);
    left: calc(100% + 42px);
}

.cronologia .invertir .circulo_temporal {
    right: calc(100% + 38px);
    left: auto;
}

.cronologia .letrero_anio {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background-color: rgb(62 125 30 / 80%);
    width: 70px;
    height: 70px;
    color: #fff;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-weight: 600;
    font-size: 20px
}

.brillo {
    overflow: hidden;
    position: relative;
}

.row-eq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.row-eq>[class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*** TESTIMONIOS DE VIDEO ****/

.zona_testimonio .imagen {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.zona_testimonio .imagen.imagen:after {
    content: '';
    padding-top: 66%;
    display: block
}

.zona_testimonio h3 {
    font-size: 20px;
    font-weight: 600
}

.zona_testimonio h4 {
    font-size: 20px;
    margin-bottom: 20px
}

.multiple_video_splide .splide__arrows {
    bottom: calc(50% + 45px)
}

.multiple_video_splide .splide__arrow--prev {
    left: 0px;
    background-color: var(--transparencia);
}

.zona_testimonio {
    padding-top: 25px;
    padding-bottom: 25px;
}

/**
* The "shine" element
*/

.brillo:after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);

    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.13) 0%,
            rgba(255, 255, 255, 0.13) 77%,
            rgba(255, 255, 255, 0.5) 92%,
            rgba(255, 255, 255, 0.0) 100%);
}

/* Hover state - trigger effect */

.brillo:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

/* Active state */

.brillo:active:after {
    opacity: 0;
}

/***PRODUCTO DETALLE****/
.opcion {
    border: 1px solid #dedede;
    border-radius: 8px;
}

.opcion .titulotag {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #377417;
    font-weight: 600
}

.opcion .opt {
    min-height: 50px;
    padding: 12px 0px
}

.caja_informacion_extra {
    padding: 0px 15px;
}

.informacion_extra {
    font-size: 12px;
    font-family: 'Open Sans';
    letter-spacing: normal;
    margin: 0px;
    margin-top: 10px;
}

.texto_generico p {
    font-size: 12px;
    font-family: 'Open Sans';
    letter-spacing: normal;
    margin-top: 5px;
}

.btn-borde {
    color: var(--primario);
    background-color: #FFFFFF;
    border-color: var(--primario);
    border-width: 2px;
    padding: 15px;
    /* text-transform: uppercase; */
    border-radius: 10px
}

.btn-borde:hover,
.btn-borde:focus,
.btn-borde:active,
.btn-borde.active,
.open .dropdown-toggle.btn-borde {
    color: var(--primario);
    background-color: #F5FFF0;
    border-color: var(--primario);
}

.btn-borde:active,
.btn-borde.active,
.open .dropdown-toggle.btn-borde {
    background-image: none;
}

.btn-borde.disabled,
.btn-borde[disabled],
fieldset[disabled] .btn-borde,
.btn-borde.disabled:hover,
.btn-borde[disabled]:hover,
fieldset[disabled] .btn-borde:hover,
.btn-borde.disabled:focus,
.btn-borde[disabled]:focus,
fieldset[disabled] .btn-borde:focus,
.btn-borde.disabled:active,
.btn-borde[disabled]:active,
fieldset[disabled] .btn-borde:active,
.btn-borde.disabled.active,
.btn-borde[disabled].active,
fieldset[disabled] .btn-borde.active {
    background-color: #FFFFFF;
    border-color: var(--primario);
}

.btn-borde .badge {
    color: #FFFFFF;
    background-color: var(--primario);
}

.btn-izquierdabajo {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

.btn-borde img {
    height: 20px;
    margin-top: -5px;
    margin-right: 5px;
}

.caja_informacion {
    border: 1px solid #baddaa;
    padding: 10px 20px;
    border-radius: 10px;
}

.caja_informacion .caja_caracteristica {
    width: 100%;
}

.caja_informacion .caja_caracteristica p {
    margin: 10px 0px;
}

.caja_kit {
    border: 1px solid #baddaa;
    border-radius: 10px;
    overflow: hidden
}

.caja_kit p {
    margin-bottom: 0px;
    font-size: 14px;
}

.titulo_kit {
    font-weight: 600;
}

.caja_kit .cuerpo {
    padding: 15px;
}

.caja_kit .pie {
    background-color: #baddaa4f;
    padding: 5px;
    display: flex;
    justify-content: flex-end;
}

.caja_kit .pie p {
    margin-left: 15px
}

.caja_kit .pie p.precio_kit {
    padding: 8px 0px;
    font-size: 16px;
}

.caja_kit .btn-kit {
    height: auto;
    padding: 0px;
    height: auto;
    padding: 0px;
    padding: 10px 20px;
    font-size: 22px;
    border-bottom-right-radius: 10px;
}

.tabs_productos_detalle {
    position: relative;
    margin-bottom: 20px
}

.tabs_productos_detalle img {
    position: absolute;
    right: calc(50% - 15px);
    top: 34px;
}

.tabs_productos_detalle .forma_base.reducido {
    height: auto;
    width: 32px;
}

.logotipo_doc {
    height: 30px;
    margin-top: -5px;
    margin-right: 10px;
}

.icono_texto {
    font-weight: 600;
    color: #585858;
    margin-bottom: 30px
}

.precios_estilos {
    display: flex
}

.precios_estilos .caja_precio {
    width: 38%;
    background-color: #f6f8f5;
    border-top-left-radius: 10px;
    margin-right: 3px;
    font-family: 'Open Sans';
}

.precios_estilos .quantity {
    width: 22%;
}

.precios_estilos .botones_carro {
    width: 40%;
}

.quantity-controls {
    background-color: #2b5f10
}

.quantity-controls .fa {
    color: #fff;
}

.quantity-controls span {
    width: 35%;
    height: 52px;
    top: 4px;
}

.quantity {
    border: 0px;
}

.botones_carro .btn {
    border-radius: 0px;
    margin-left: 2px;
    font-family: 'Open Sans';
    border-bottom-right-radius: 10px;
}

.botones_carro .btn:hover,
.botones_carro .btn:focus {
    opacity: 0.9
}


#cantidad {
    margin: 0 35%;
    font-family: 'Open Sans';
    width: 30%;
    height: 52px;
    border-top: 1px solid #e6e7e5;
    border-bottom: 1px solid #e6e7e5;
}

.precios .tachado {
    color: #4f8f2e;
    font-size: 14px;
    margin-right: 5px
}

.precios .precio_m2 {
    font-weight: 700;
    font-size: 20px;
    color: #333333
}

.precios .precio_m2>span {
    font-weight: 400
}

/** PRODUCTOS LISTA **/
.bloques_extra_pie {
    overflow: hidden
}

#r_slider_precio {
    width: calc(80%);
    margin: 0px 10%
}

#r_slider_precio .slider-selection {
    background: #367418;
}

#r_slider_precio .slider-handle {
    background: #498a26;
}

.label_precio {
    text-align: center
}

.puntos_filtro {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rating-input .fa {
    cursor: pointer;
    color: #75bc56
}

.rating-input .fa.fa-fw {
    width: 1.1em;
}

.rating-input .fa.fa-gris {
    color: #d4d4d4
}

.form-check-input {
    filter: hue-rotate(240deg);
}

.zona_filtro_vertical {
    padding: 0px 30px;
    border-right: 1px solid #cfdec0
}

.titulo_filtro h2 {
    font-size: 22px;
    font-weight: 600
}

.botones_filtro {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sticky_filtro {
    position: sticky;
    top: 115px;
}



.btn-claro {
    color: #ffffff;
    background-color: #488A24;
    border-color: #488A24;
}

.btn-claro:hover,
.btn-claro:focus,
.btn-claro:active,
.btn-claro.active,
.open .dropdown-toggle.btn-claro {
    color: #ffffff;
    background-color: #488a24;
    border-color: #488A24;
}

.btn-claro:active,
.btn-claro.active,
.open .dropdown-toggle.btn-claro {
    background-image: none;
}

.btn-claro.disabled,
.btn-claro[disabled],
fieldset[disabled] .btn-claro,
.btn-claro.disabled:hover,
.btn-claro[disabled]:hover,
fieldset[disabled] .btn-claro:hover,
.btn-claro.disabled:focus,
.btn-claro[disabled]:focus,
fieldset[disabled] .btn-claro:focus,
.btn-claro.disabled:active,
.btn-claro[disabled]:active,
fieldset[disabled] .btn-claro:active,
.btn-claro.disabled.active,
.btn-claro[disabled].active,
fieldset[disabled] .btn-claro.active {
    background-color: #488A24;
    border-color: #488A24;
}

.btn-claro .badge {
    color: #488A24;
    background-color: #ffffff;
}


/***IDIOMAS****/
.idiomas_dropdown {
    padding: 30px 0px;
}

.idiomas_dropdown .dropdown-menu>li>a {
    padding: 5px 10px;
}

.idiomas_dropdown .dropdown-menu>li>a:focus,
.idiomas_dropdown .dropdown-menu>li>a:hover {
    color: var(--primario);
}

.nombre_more_informacion {
    width: 100%;
}

.nombre_more_informacion>a {
    width: 100%;
    display: flex;
    color: #fff;
    justify-content: space-between;
}

.boton_mas {
    background-color: #75bc56;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 2px;
}

.boton_mas i {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.boton_mas:hover i {
    transform: scale(1.3);
}


.row.myrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/****PRODUCTOS****/
.multiple_productos_splide .splide__pagination {
    bottom: -2em
}

.multiple_productos_splide .splide__pagination__page.is-active {
    background-color: #498a26;
}

.stickyrow {
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
}

.interiores.producto-detalle {
    overflow: unset;
}

.kits_titulo h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.producto-detalle .zona_titulo.derecha .relleno {
    width: calc(((100vw - 1400px)/2) - 68px);
}

.pie_movil_seguidor {
    display: none;
}


/***ALTO ****/
.cuadro_imagen_efecto_raro .padre_imagen_efecto_raro {
    height: 700px;
}


/**************************/
/***    MENU SUPERIOR   ***/
/**************************/

.navbar .dropdown-menu {
    background-color: #1f516d;
    padding: 20px 0;
    width: 350px;
    border-top: 4px solid var(--amarillo);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 28px;
}

.navbar .dropdown-menu::after {
    content: "";
    display: block;
    height: 8px;
    width: 100%;

    position: absolute;
    bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: var(--amarillo);
}

.navbar .dropdown-menu .dropdown-menu {
    padding: 0;
    border-radius: 10px;
    border: 0;
    border-top-left-radius: 0;
    padding-bottom: 8px;
}


.navbar .dropdown-menu>li>a {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    /* text-transform: uppercase; */
    height: 60px;
    padding-left: 40px;

    display: flex;
    align-items: center;
}

.navbar .dropdown-menu>li>a:focus,
.navbar .dropdown-menu>li>a:hover {
    background-color: #346f90;
}

.navbar .dropdown-menu .dropdown-menu>li:first-child>a {
    border-top-right-radius: 10px;
}

.navbar .dropdown-menu ul {
    width: 100%;
    right: -99.8% !important;
    top: 0;
}

.navbar .go-left .dropdown-menu {
    right: auto;
    left: -99.8%;
    top: 0;

    border-top-left-radius: 10px;
    border-top-right-radius: 0;
}

.navbar .go-left .dropdown-menu>li:first-child>a {
    border-top-right-radius: 0;
    border-top-left-radius: 10px;
}

/** ON HOVER MENU**/
@media only screen and (min-width: 768px) {
    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
    }
}

#swipebox-overlay {
    background: #0d0d0ddb;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    background: transparent;
}

.ug-lightbox .ug-lightbox-overlay {
    background: #0d0d0ddb;
}


/* -- -- -- Vídeo -- -- -- */
.caja_contiene_video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.caja_contiene_video .container-fluid,
.caja_contiene_video .row,
.caja_contiene_video .row {
    height: 100%;
}

/* -- -- -- efecto del botón -- -- -- */
.padre_portada_imagen {
    height: 100%;
    width: 100%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 90px;
}

.padre_portada_imagen .imagen {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.play_video a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.play {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #266199;
    margin-right: 20px;
    -webkit-transition: all 1s cubic-bezier(0, 0, .2, 1) !important;
    transition: all 1s cubic-bezier(0, 0, .2, 1) !important;
    position: relative;
}

.play img {
    height: 18px;
    /*    transition: all .2s ease-in-out;*/
}

.play_video p {
    color: #363636;
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    margin: 0;
    transition: all .2s ease-in-out;
}

.play_video a:hover p {
    color: #d1db43;
}

.play_video:hover .play {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
}

@-webkit-keyframes zoomBig {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        border-width: 3px
    }

    40% {
        opacity: .5;
        border-width: 2px
    }

    65% {
        border-width: 1px
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 0
    }
}

@keyframes zoomBig {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        border-width: 3px
    }

    40% {
        opacity: .5;
        border-width: 2px
    }

    65% {
        border-width: 1px
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 0
    }
}

.tm-popup-video {
    position: absolute;
    text-align: center;
}

.tm-popup-video .video-text {
    margin-top: 28px
}

.tm-popup-video .video-play {
    position: relative;
    -webkit-transition: all 1s cubic-bezier(0, 0, .2, 1) !important;
    transition: all 1s cubic-bezier(0, 0, .2, 1) !important;
    border-radius: 50%;
    color: #fff
}

.tm-popup-video .video-play:hover {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
}

.tm-popup-video.group-button-style-01 .video-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tm-popup-video.group-button-style-01 .video-play-wrap {
    position: relative;
    width: 100px;
    height: 100px;
}

.tm-popup-video.group-button-style-01 .video-play {
    width: 100px;
    height: 100px;
}

.tm-popup-video.group-button-style-01 .video-play-icon {
    z-index: 9
}

.tm-popup-video.group-button-style-01 .video-play-icon:before {
    border-top-width: 9px;
    border-bottom-width: 9px;
    border-left-width: 14px
}

.tm-popup-video.group-button-style-01 .video-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

.tm-popup-video.group-button-style-01 .wave-pulse {
    width: 1px;
    height: 0;
    margin: 0 auto
}

.tm-popup-video.group-button-style-01 .wave-pulse:before,
.tm-popup-video.group-button-style-01 .wave-pulse:after {
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 3px solid #ee7455;
    -webkit-animation: zoomBig 3.25s linear infinite;
    animation: zoomBig 3.25s linear infinite
}

.tm-popup-video.group-button-style-01 .wave-pulse:before {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.tm-popup-video.style-button-03 .video-text {
    margin-top: 0;
    margin-left: 20px;
    color: var(--primario);
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
}

.tm-popup-video.style-button-03 .video-play {
    background: rgba(255, 255, 255, 0.7);
    border: 0px solid #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.tm-popup-video.style-button-03 .video-play img {
    height: 54px;
}

.tm-popup-video.style-button-03 .wave-pulse:before,
.tm-popup-video.style-button-03 .wave-pulse:after {
    border-color: rgba(255, 255, 255, 0.3);
}

/* -- -- -- fin efecto del botón -- -- -- */


.foto_parroquia {
    width: 100%;
    height: 450px;
    background-position: center;
    background-size: cover;
}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
-- --  -- -- -- -- -- -- -- Responsive  -- -- -- -- -- -- -- -- -- -- -- -- 
-- --  -- -- -- -- -- -- -- -- -- -- --  -- -- -- -- -- -- -- -- -- -- --*/
@media (max-height: 768px) {
    /* alto portatil */
    /* -- -- -- ESTILOS COMPARTIDOS -- -- -- */

    /* -- -- -- FIN ESTILOS COMPARTIDOS -- -- -- */



    /* -- -- -- HEADER -- -- -- */
    /* -- -- -- Menú -- -- -- */

    /* -- -- -- MAIN -- -- -- */
    /* -- -- -- Banner -- -- -- */
    /* -- -- -- Bienvenida -- -- -- */

    /* -- -- -- FOOTER -- -- -- */

}



/*  Ipad Pro horizontal */
@media only screen and (max-width: 1367px) and (max-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    /* -- -- -- ESTILOS COMPARTIDOS -- -- -- */

    /* -- -- -- FIN ESTILOS COMPARTIDOS -- -- -- */



}

@media (max-width: 1800px) {}

@media (max-width: 1600px) {}

@media (max-width: 1400px) {}

@media (max-width: 1250px) {}

@media (max-width: 1200px) {

    /* monitores normales y tablet horizontal */
    .container.algogrande {
        width: 100%;
    }

    header .navbar-secundaria>li>a {
        font-size: 10px;
    }

    header .parte_superior .interior .bloque_relleno_final {
        width: calc((100vw - 970px) / 2);
    }

    .navbar-default .navbar-nav>li>a {


        margin: 21px 5px;
        font-size: 10px;
    }

    header .parte_superior .interior .bloque_relleno {
        width: fit-content;
    }

    header .navbar-brand>img {
        height: 90px;
    }

    .navbar .dropdown-menu>li>a {
        font-size: 10px;
        height: 45px;
    }

    .navbar .dropdown-menu {
        width: 295px;
    }
}


@media (max-width: 992px) {

    /* tablet vertical */
    header {
        position: fixed;
        width: 100%;
        z-index: 20;
        -webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
        box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
    }

    .icono_secundario {
        display: none;
    }

    .banner {
        margin-top: 55px;
    }

    .cuadro_avisos p {
        font-size: 12px;
    }

    .parte_superior {
        display: none;
    }


    .rectangulo_corrector {
        width: 250px;
        height: 52px;
        background-color: white;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        z-index: 2;
    }




    header .navbar-brand>img,
    .menu_horizontal .navbar-brand>img {
        height: 44px;
        left: 0;
        top: 4px;
        right: 0;
        margin: 0 auto;
    }

    .forma_logo,
    .menu_horizontal .forma_logo {
        height: 95px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -8px;
    }

    header .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    /*
    .navbar-brand>img,
    .barra_reducida .navbar-brand>img {
    position: absolute;
    left: 0px;
    top: 3px;
    height: 46px;
    margin: 0;
    z-index: 2;
    right: 0;
    margin: 0 auto;
}
    */
    .navbar>.container {
        padding: 0;
        width: 100%;
    }

    .navbar-header {
        float: none;
        height: 52px;
        border-bottom: 0px solid #002ba6;
        margin: 0 !important
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-toggle {
        margin: 0px;
        padding: 19px 15px;
        border: 0px;
        background-color: var(--primario);
        border-radius: 0;
    }

    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px 15px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    /* menu_despegale */

    .sidebar-wrapper {
        opacity: 1;
        z-index: 19;
    }

    /*    .sidebar-nav .dropdown-backdrop{z-index: -1}*/

    .sidebar-nav .open>.dropdown-menu {
        position: static;
        background-color: transparent;
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
    }

    .dropdown-menu {
        border-radius: 0px;
    }

    .dropdown-menu>li {
        width: 250px;
        padding: 0;
    }


    .open>.dropdown-menu,
    .sidebar-nav .open>.dropdown-menu {
        transition: all 1000ms linear !important;
        -webkit-transition: all 1000ms linear !important;
        -moz-transition: all 1000ms linear !important;
        -ms-transition: all 1000ms linear !important;
        -o-transition: all 1000ms linear !important;

        background-color: var(--terciario_oscuro);
    }

    .sidebar-nav .dropaco .dropdown-menu>li>a {
        text-align: left;
        /* padding: 0; */
        padding: 15px 20px;
        /*
        background-color: rgb(139 178 32 / 20%);
        */
        background-color: var(--secundario_transparente);
        white-space: initial;
        color: #ffffff;
        font-size: 14px;
        font-family: var(--familia_fuente);
        font-weight: 300;
        line-height: 18px;
        border: 0px;
    }

    .sidebar-nav .dropaco .dropaco .dropdown-menu>li>a {
        text-align: left;
        padding: 15px 20px;
        background-color: var(--secundario);
        white-space: initial;
        color: #ffffff;
        font-size: 14px;
        font-family: var(--familia_fuente);
        font-weight: 300;
        line-height: 18px;
        border: 0px;
        padding-left: 20px;
    }


    /* menu_despegale */


    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: var(--primario);
    }

    .navbar-default .right-toggle:focus,
    .navbar-default .right-toggle:hover {
        background-color: var(--amarillo);
    }

    .sidebar-wrapper {
        background-color: var(--primario);
        height: calc(100% - 52px);
    }

    .sidebar-wrapper.right {
        margin-top: 56px;
        background-color: var(--primario);
    }

    .sidebar-wrapper.right .texto {
        padding: 10px 10px 0 10px;
        color: #fff;
        font-weight: 600;
        text-align: center;
    }

    .sidebar-wrapper.right hr {
        margin-bottom: 0;
        border-top: 2px solid var(--amarillo);
    }

    .right .sidebar-nav li a:hover {
        background-color: var(--amarillo);
    }

    .navbar-toggle.right-toggle {
        border-radius: 0;
        height: 52px;
        width: 52px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0px;
        flex-direction: column;
        background-color: var(--amarillo);
    }

    .navbar-toggle.right-toggle img {
        height: 22px;
    }

    .sidebar-nav li {
        text-indent: 0px;
    }

    .left .sidebar-nav li a {
        color: #fff;
        padding: 10px 0px;
        font-size: 16px;
        font-family: var(--familia_fuente);
        font-weight: 400;
        text-align: left;
        padding: 10px 20px;
        text-transform: none;
    }

    .left .sidebar-nav li a {
        margin: 0;
        text-align: left;
    }

    .right .sidebar-nav li a {
        color: #fff;
        padding: 10px 0px;
        font-size: 16px;
        font-family: var(--familia_fuente);
        font-weight: 400;
        text-align: right;
        padding: 10px 20px;
        text-transform: none;
    }

    .sidebar-nav li {
        border-bottom: 1px solid var(--terciario_oscuro);
    }



    .sidebar-nav li a:hover {
        text-decoration: none;
        color: #ffffff;
        background-color: #22506b;
    }

    .sidebar-nav li.active a {
        text-decoration: none;
        color: #ffffff;
        /* background-color: var(--primario); */
    }


    .sidebar-wrapper.left .sidebar-nav li.buscador {
        padding: 10px 20px;
        border-top: 0px;
    }

    .sidebar-wrapper.left .sidebar-nav li:last-child {
        border-bottom: 1px solid var(--terciario_oscuro);
    }

    .sidebar-wrapper.left .sidebar-nav .dropdown-menu li:last-child {
        border-bottom: 0px;
    }

    .sidebar-wrapper li img {
        height: 24px;
        transition: all .2s ease-in-out;
    }

    .sidebar-wrapper.left .form-control {
        height: 43px;
        padding: 6px 12px;
        color: #58a080;
        font-style: italic;
        background-color: #ffffff;
        border: 1px solid rgb(88, 160, 128);
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .sidebar-wrapper.left .btn {
        padding: 6px 8px;
        height: 43px;
        border-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .sidebar-wrapper.left .btn-default {
        background-color: rgb(88, 160, 128);
        border-color: rgb(88, 160, 128);
    }

    .sidebar-wrapper.left .form-control::placeholder {
        color: #58a080;
    }


    .sidebar-nav li.caja_colorines {
        line-height: initial;
    }

    .left .sidebar-nav li.caja_colorines a {
        padding: 13px 20px;
        line-height: 0;
    }


    .colorines {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .caja_favorito p {
        margin: 0;
        color: #fff;
        padding: 0px 0px;
        font-size: 16px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        text-align: left;
        /*        padding: 10px 20px;*/
        /* text-transform: uppercase; */
    }

    .separa-icono {
        height: 20px;
        width: 1px;
        background-color: #404040;
    }

    .sidebar-wrapper li .colorines img {
        height: 24px;
        padding: 0px 10px;
        transition: all .2s ease-in-out;
        margin: 0px;
    }



    /****Super desplegable****/

    .sidebar-nav .dropdown-menu>li>a {
        width: auto;
    }

    .left .sidebar-nav .dropdown-submenu .dropdown-menu a {

        background-color: var(--terciario_oscuro_plus);
    }

    footer .pie_principal .logo_pie img {
        height: 88px;
    }

    /*** INTERIORES I ***/
    .texto_y_multimedia {
        display: block;
    }

    .contenido_mitad {
        margin: 0px;
        width: 100%;
    }

    .container_mitad .zona_contenido {
        padding: 0px !important;
    }

    .multimpedia_mitad {
        width: 100%;
        margin-top: 30px;
    }

    .empresa .padding_lado {
        padding: 0px;
    }

    .banner-interiores .placa-titulo>h1 {
        font-size: 38px
    }


}

@media (max-width: 767px) {
    /* móviles */

    /* INTERIORES I */

    .zona_titulo .titulo {
        font-size: 30px;
    }

    .limitar_1 {
        -webkit-line-clamp: inherit;
    }

    .banner-interiores .placa-titulo>h1 {
        font-size: 38px;
        text-align: center;
    }

    .doble_columna {
        column-count: 1;
    }

    .triple_columna {
        column-count: 1;
    }

    .bloque_grande_enlace .cuadro_info p.antetitulo {
        font-size: 12px;
    }

    .bloque_grande_enlace .cuadro_info {
        padding: 5px 10px 0px;
    }

    .bloque_grande_enlace .cuadro_info p.titulo {
        font-size: 14px;
    }

    .multiple_horizontal_splide .splide__arrow--prev {
        left: -1em
    }

    .multiple_horizontal_splide .splide__arrow--next {
        right: -1em
    }

    .zona_titulo.izquierda .img {
        left: -10px;
    }

    .zona_titulo.derecha .img {
        right: -10px;
    }

    .banner_interior {
        height: 240px;
    }

    .banner-interiores .placa-titulo>h1 {
        margin: 50px 0px;
    }

    #search input[type="search"] {
        margin-top: -10px;
        font-size: 20px;
    }

    .btn-pagination {
        padding: 6px 12px;
        font-size: 12px;
        margin: 0 4px;
        border: 1px solid var(--primario);
    }

    .filtros {
        height: auto;
    }

    .interiores.empresa h1 {
        font-size: 26px;
        text-align: center;
    }

    .empresa .linea_adorno {
        margin: 20px auto;
    }

    .banner-interiores .placa-titulo h1 {
        font-size: 38px
    }

    .lista_datos .redes_li {
        display: inline-grid;
    }

    .lista_datos .redes_li a {
        margin-bottom: 5px;
    }

    .caja_noticia.principal {
        height: auto
    }

    .caja_noticia.principal:after {
        content: '';
        padding-top: 66.66%;
        display: block
    }

    .caja_noticia.principal .titulo_noticia {
        font-size: 24px;
    }

    footer .pie_principal .elementos {
        display: block
    }

    footer .pie_principal .elementos>div.logo_pie {
        text-align: center
    }

    footer .pie_principal .elementos>div {
        border: 0px;
    }

    footer .pie_principal div.redes_sociales_pie {
        border-bottom: 1px solid #558eae;
    }


    .cuadro_avisos .zona_amarilla {
        border-radius: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .cuadro_avisos .zona_blanca {
        border-radius: 0px;
        border: 1px solid var(--primario);
        border-top: 0px;
        height: 57px;
    }

    .banner-interiores .placa-titulo h1 {
        margin-top: 100px;
    }

    .btn-parroquia {
        padding: 10px
    }

    footer .pie_principal .mas_datos_pie p {
        font-size: 14px;
        text-align: center;
    }

    footer .pie_principal .redes_sociales_pie p {
        text-align: center
    }
}


/*//ESTILOS GENERALES//*/
@media (max-width: 1200px) {
    .sidebar-wrapper.left .form-control {
        height: 43px;
        padding: 6px 12px;
        color: var(--primario);
        font-style: italic;
        background-color: #ffffff;
        border: 1px solid #91a22f;
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .sidebar-nav li a.favorito {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }

    .caja_favorito,
    .caja_redes {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

    .caja_favorito a,
    .caja_redes a {
        padding: 0 10px !important;
        /*
        margin: 10px 0!important;
        */
    }

    .caja_acceso a {
        padding: 0 20px !important;
    }

    .caja_favorito a img {
        margin-left: 0 !important;
    }

    .sidebar-wrapper li img,
    .caja_redes a img {
        height: 20px;
        transition: all .2s ease-in-out;
    }

    .sidebar-wrapper.left .btn {
        padding: 6px 11px;
        height: 43px;
        border-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: var(--primario);
        border: 1px solid var(--primario);
    }

    .sidebar-wrapper.left .sidebar-nav li:first-child {
        padding: 0px 0px;
        text-indent: 0px;
        padding-top: 10px;
    }

    .left .sidebar-nav .multi-level li:first-child {
        padding: 0;
    }

    .left .sidebar-nav .multi-level li:last-child a {
        text-indent: 0;
    }

    .banner_interior {
        height: 250px;
    }

    .fijar {
        position: fixed;
        width: 100%;
    }

    .menu_principal .container_medio {
        margin: 0px;
        width: 100%;
    }
}

@media (max-width: 992px) {

    /* móviles */
    /* whatsapp */
    .floating-icons {
        bottom: 1rem;
        right: 1rem;
    }

    .videos_responsive {
        width: 100%;
        float: none
    }

    .botones_carro {
        width: 100%;
    }

    .otras_fotos .imagen {
        height: 100px;
    }

    .foto_principal .imagen {
        width: 100%
    }

    .zona_galeria_mini .bx-wrapper .bx-prev {
        display: none;
    }

    .zona_galeria_mini .bx-wrapper .bx-next {
        display: none;
    }


    .instagram-widget>div {
        position: relative;
        padding-top: calc(100vw / 3);
    }

    .instagram-widget iframe {
        width: 200% !important;
    }

    .padre_imagen .imagen {
        background-size: contain;
    }

    .sidebar-wrapper.left .form-control {
        height: 43px;
        padding: 6px 12px;
        color: var(--primario);
        font-style: italic;
        background-color: #ffffff;
        border: 1px solid var(--primario);
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .sidebar-nav li a.favorito {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }

    .caja_favorito,
    .caja_redes {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        flex-wrap: wrap;
    }

    .caja_favorito a,
    .caja_redes a {
        padding: 0 10px !important;
        margin: 10px 0 !important;
    }

    .caja_acceso a {
        padding: 0 20px !important;
    }

    .caja_favorito a img {
        margin-left: 0 !important;
    }

    .sidebar-wrapper li img,
    .caja_redes a img {
        height: 25px;
        transition: all .2s ease-in-out;
    }

    .sidebar-wrapper.left .sidebar-nav li:first-child {
        /*
        padding: 10px 20px;
        text-indent: 0px;
        padding-top: 25px;
        */
    }

    .left .sidebar-nav .multi-level li:first-child {
        padding: 0;
    }

    .left .sidebar-nav .multi-level li:last-child a {
        text-indent: 0;
    }

    .left .sidebar-nav .multi-level li.active a {
        text-decoration: none;
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.30);
        font-weight: 400;
    }

    .quantity {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .quantity label {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {

    /* móviles */
    .marco-izq .col-xs-10 {
        margin-left: 0px;
    }

    .filtros {
        height: 260px;
    }

    h3.categoria {
        text-align: center;
    }

    span.precio {
        font-size: 48px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }

    span.tachado {
        font-size: 24px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }

    .precios_estilos {
        text-align: center;
        width: 100%;
    }

    .banner_interior {
        height: 200px;
    }

    .otras_fotos {
        margin-bottom: 30px
    }

    .nav-botones>li {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .nav-botones>li>a {
        margin: 0;
    }

    .btn-pagination {
        padding: 6px 12px;
        font-size: 12px;
        margin: 0 7px;
        border: 1px solid;
    }

    h3 {
        font-size: 20px;
    }

    .proyecto .imagen {
        background-size: cover;
    }

    .cuadro_noticia {
        float: none;
        position: relative;
        width: 100%;
        margin: 0 auto 30px;
    }

    .instagram-widget>div {
        position: relative;
        padding-top: calc(100vw / 2);
    }

    .instagram-widget iframe {
        width: 300% !important;
    }
}