/*		www.sidmac.com		*/

@font-face{    font-family: 'Roboto';				font-display: swap;	src: url("fuentes/RobotoBold.ttf"); }
@font-face{    font-family: 'Oswald';				font-display: swap;	src: url("fuentes/oswald.woff"); }
@font-face{    font-family: 'Federo';				font-display: swap;	src: url("fuentes/federo.woff"); }
@font-face{    font-family: 'Sidmac';				font-display: swap;	src: url("fuentes/Sidmac.ttf?v=1.1"); }
@font-face{    font-family: 'OpenSans';				font-display: swap;	src: url("fuentes/OpenSans.ttf"); }
@font-face{    font-family: 'Montserrat';			font-display: swap;	src: url("fuentes/montserrat.otf"); }
@font-face{    font-family: 'FiraSans';				font-display: swap;	src: url("fuentes/FiraSans.otf"); }
@font-face{    font-family: 'Poppins';				font-display: swap;	src: url("fuentes/poppins.woff2"); }
@font-face{    font-family: 'Jost';					font-display: swap;	src: url("fuentes/jost.ttf?v=1.0"); }
@font-face{    font-family: 'Playfair';				font-display: swap;	src: url("fuentes/Playfair.woff2"); }
@font-face{    font-family: 'AlexBrush';			font-display: swap;	src: url("fuentes/AlexBrush.ttf"); }

/* HTML5	Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
}

:root{
--bg		:#f5f5f5;
--bg-oscuro	:#444441;
--bg-red	:#e21d26;
--padding	:60px;
--aalto		:40vw;
--altoimg	:130px; /* 13.75vw */
--altohdr	:90px;
--altoh1	:5.9959vw;
--altoimgrel:12vw;
--color		:#e21d26;
--color2	:#00183c;
--color3	:#9f0008;
--texto		:#5d5d5d;
--link		:#e96125;
--ahover	:#8F001B;
--mhover	:#fd4326;
--c-menu	:#787878;
--bgtransp	:#00000052;
--colortrsn	:#e21d26b5;
--top		:50px!important;
--minitop	:25px!important;
--amarillo	:#2e86c1;
--rojo		:#c12e3d;
--verde		:#2e86c1;
--azul		:#2e86c1;
--negro		:#1E2023;
--oscuro	:#787878;
--blanco	:#ffffff;
--gris		:#d1d1d1;
--fuente1	: "Roboto";
--fuente2	: "Oswald";
--fuente3	: "OpenSans";
--fuente4	: "Montserrat";
--fuente5	: "FiraSans";
--fuente6	: "Poppins";
--fuente7	: "Jost";
--fuente8	: "Playfair";
--fuente9	: "AlexBrush";
--altomenu	: 80px;
--disabled	: #b58a89;
}

html {
scroll-behavior: smooth;
}
body {
margin: 0px;
color: var(--texto);
font: 16px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Ocultar el scroll por defecto */
::-webkit-scrollbar {
    width: 8px; /* Ancho del scroll */
}

/* Estilo de la barra del scroll */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Fondo del track (gris claro) */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #d32f2f; /* Rojo oscuro, como en tu imagen */
    border-radius: 4px;
}

/* Opcional: Cambiar color cuando se pasa el mouse */
::-webkit-scrollbar-thumb:hover {
    background: #b71c1c; /* Rojo más oscuro al pasar el mouse */
}

h1 {
color: var(--oscuro);
font: 30px/1 var(--fuente1), "arial", "Georgia", serif;
margin: 0px;
}

h2, h3, h4, h5 { 
font: 20px/1 var(--fuente4), "arial", "Georgia", serif;
}

img a { 
border:0;
}

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

a {
color:var(--link);
text-decoration:none;
}
a:hover {
color:#4d4e4d;
}

.relative {
position:relative;
}
.absolute {
position:absolute;
}
.box {
box-sizing:border-box;
}


.sm {
display: inline-block;
font: normal 14px/1 Sidmac;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.s-home:before {
content: "\e9c5";
}
.s-mail:before {
content: "\e9da";
}
.a-tag:before {
content: "\e907";
}
.s-tag:before {
content: "\ea0c";
}
.s-date:before {
content: "\e91f";
}
.s-link:before {
content: "\e9d3";
}
.s-izq:before {
content: "\e905";
}
.s-der:before {
content: "\e906";
}
.s-a:before {
content: "\e907";
}
.s-tel:before {
content: "\ea10";
}
.s-f:before {
content: "\ea06";
}
.s-x:before {
content: "\ea09";
}
.s-in:before {
content: "\e9cd";
}
.s-lnkin:before {
content: "\e9d5";
}
.s-l:before {
content: "\e905"
}
.s-r:before {
content: "\e906"
}
.s-ws:before {
content: "\ea30"
}
.s-w:before {
content: "\ea08"
}
.s-tk:before {
content: "\ea18"
}
.s-usr:before {
content: "\ea2a"
}
/********************************************************************************/
/*	Base																		*/
/********************************************************************************/
#contenedor {
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1 1 auto;
}
header {
flex: 0 0 calc(var(--altohdr) + 30px);
}
#animacion {
width:100%;
height: var(--aalto);
overflow:hidden;
position:relative;
background:#323232 url(imgs/1488.png) no-repeat 50% 50%;
}

#contenido {
display:flex;
}
.marco {
min-height:40px;
box-sizing:border-box;
}
.top {
margin-top: var(--top) !important;
}
.minitop {
margin-top: var(--minitop) !important;
}
.btmm {
margin-bottom:50px!important;
}
.min {
min-height:100px;
}
.after:after	{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.boxed	{
margin:0 auto 0 auto;
padding-left: var(--padding);
padding-right: var(--padding);
}
.animacion {
opacity: 0;
}  
.animacion.animated {
opacity: 1;
} 
.main {
flex: 1;
padding: 0 30px 0 0;
float: left;
border-right:1px solid #ddd;
box-sizing: border-box;
}
aside {
flex: 450px 0 0;
float: left;
padding-left:30px;
align-self: flex-start;
}
footer {
flex: 0 0 auto;
overflow: hidden;
min-height:50px;
color: #ddd;
background: #1b1b1b;
overflow: hidden;
border-top:3px solid var(--color)
}
/********************************************************************************/
/* Cabecera																		*/
/********************************************************************************/
header .arriba {

background: var(--color);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
box-sizing:border-box;
}
header .arriba .cont {
display:flex;
}
header .arriba .cont .a-izq,
header .arriba .cont .a-der {
width: 50%;
height: 29px;
display:table
}
header .arriba .cont .a-der {
text-align:right;
}
header .arriba .cont .a-izq ul,
header .arriba .cont .a-der ul {
display: table-cell;
vertical-align: middle;
}
header .arriba .cont .a-izq ul li,
header .arriba .cont .a-der ul li {
font-size:1em;
color:var(--blanco);
overflow: hidden;
}
header .arriba .cont .a-der ul li span i {
font-size:15px;
line-height:1.3;
margin-left:10px;
}
header .arriba .cont .a-der ul li a {
font-size:1em;
color:var(--blanco);
}
header .arriba .cont .a-der ul li a:hover {
color:var(--gris);
}

header #cont {
display:flex;
height: var(--altohdr);
margin: 0 auto 0 auto;
position:relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
header #cont #logo {
flex: 0 0 250px;
position: relative;
height:var(--altohdr);
aspect-ratio: 150 / 100;
overflow: hidden;
margin-right:30px;
float:left;
display: flex;
}
header #cont #logo img {
width: 235px;
margin-top:20px;
}
header #cont #logo a {
position:relative;
}
header #cont #logo a #slogan {
width: auto;
position: absolute;
top: 65px;
left: 25px;
font: bold 1.2em/1 var(--fuente2), "Imperial", Times, serif;
text-align: center;
color: var(--oscuro);
border-bottom: 1px solid var(--color);
padding-bottom: 5px;
margin: auto;
}
#slogan span {
color:var(--color);
font-weight:800;
}

header #cont #der {
width: 100%;
height:var(--altohdr);
margin-left:0;
display:flex;
align-items: center;
box-sizing:border-box;
}

.bg {
background-color:var(--bg);
}

#m {
width:100%;
height: 60px;
}
.menu {
width:100%;
height:30px;
box-sizing:border-box;
}
.slicknav_menu, .i2 {
display:none;
}

nav {
height:30px;
/*float:right;*/
position:relative;
}
nav #menu {
height: 30px;
padding: 0px 0px 0px 0px;
}
nav ul {
margin: 0px;
list-style-type: none;
position:relative;
}
nav ul li {
width:auto;
height:30px;
margin-right: 30px;
position: relative;
display: inline;
float: left;
display:table;
}
nav ul li:last-child {
border-right: none;
}
nav ul li:hover:last-child {
border-right: none;
}
nav ul li a {
color: var(--color);
padding: 0;
text-transform: uppercase;
font: normal 1.3vw / 1 var(--fuente2), "Imperial", Times, serif;
display: table-cell;
vertical-align: middle;
}
nav ul li:hover {

}
nav ul li a:hover {
color: var(--oscuro);
}
nav ul li.actual a {
color:var(--color2);
}
nav  ul li.inicio a {
font-size:30px;
}

nav ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: var(--blanco);
z-index:500;
width: 300px; 
margin: 0px;
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25)
}

nav ul li ul li {
display: list-item;
float: none;/*display: inline;*/
border-right: none;
margin: 0px;
width: 100%;
height:50px;
position: relative;
border-bottom: 1px solid rgba(140,140,140,0.5);
}

nav ul li ul li a {
padding: 15px 10px;
text-transform: inherit!important;
margin: 0;
display: block;
border-top-width: 0;
font: normal 15px/1.5 var(--fuente5), "Imperial", Times, serif;
color:var(--negro)!important;
}
nav ul li ul li a:hover {
color:var(--color)!important
}

.flechaabajo:before {
font: 17px/1 "Sidmac";
content: "\e904";
margin-left: 10px;
margin-right: 15px;
color: var(--mlink);
}

.der .menu #slogan {
width:auto;
height:30px;
display:inline;
font: normal 1.8vw/1 var(--fuente9), "Imperial", Times, serif;
}
nav #slogan span {
color:var(--color)
}

nav .buscador {
width: auto;
height: 40px;
position: absolute;
top: -5px;
right: 0px;
z-index: 1;
border-radius:5px 0 0 5px;
box-sizing:border-box;
}
nav .buscador .buscar {
width: 300px;
height: 40px;
float: left;
padding: 0 45px 0 10px;
border: none;
font-size:1rem;
color: var(--mlink);
outline: medium none currentColor;
border: 1px solid var(--gris)!important;
font-size:15px;
border-radius:0 5px 5px 0!important;
box-sizing:border-box;
}
nav .buscador button {
width: 40px;
height: 40px;
border: none;
position: absolute;
top: 0;
right: 0;
background: var(--color);
color: #fff;
cursor: pointer;
box-sizing:border-box;
}
nav .buscador button:before {
font: 1.5em/20px "Sidmac";
content: "\e9fc";
}
nav .buscador button:hover {
background: var(--color2);
}
/********************************************************************************/
/* Principales																	*/
/********************************************************************************/
.principales {
height:auto;
}
.principales figure:first-child {
width:75%;
height:36vw;
float:left;
border-right:10px solid var(--blanco);
box-sizing:border-box;
}
.principales figure:first-child img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display:block
}
.principales figure:first-child .titulo {
font-size: 1.8vw;
font-family: var(--fuente7), sans-serif;
color:#fff;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), #000);
text-decoration:none;
padding: 10px;
}
.principales figure {
width:25%;
height:12vw;
float:left;
position: relative;
overflow: hidden;
box-sizing:border-box;
}
.principales figure:nth-child(3),
.principales figure:nth-child(4) {
border-top:10px solid var(--blanco);
}
.principales figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.principales figure .titulo {
width:100%;
min-height:20px;
padding: 10px;
position:absolute;
left:0;
bottom:0;
font-size: 1.2vw;
font-family: var(--fuente7), sans-serif;
line-height: 1;
color:var(--blanco);
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), #000);
box-sizing:border-box;
}
.principales .fondo	{
background:transparent url(imgs/gira.gif) center no-repeat;
}
.principales figure .sec {
padding: 3px 5px;
position:absolute;
top:10px;
right:10px;
background:var(--color);
font-size:12px;
color:var(--blanco);
border-radius:1px;
}
.principales figure .hora {
padding: 3px 5px;
position:absolute;
top:10px;
left:10px;
font-size:12px;
color:var(--blanco);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
border-radius:1px;
}
.principales figure .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
/***************************************************************/
.destacadas {
margin: 0 auto;
}
/* Encabezado */
.destacadas .header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
position:relative;
}
.destacadas .header:before {
border-bottom: 3px solid var(--color);
bottom: 0;
content: '';
display: inline-block;
left: 0;
position: absolute;
width: 30%;
}
.destacadas .header h2 {
color: var(--oscuro);
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.destacadas .items {
transition: transform 0.5s ease-in-out;
}
.destacadas .items .item {
width:24.25%;
margin-right:1%;
float:left;
}
.destacadas .items .item:nth-child(4n) {
margin-right:0;
}
.destacadas .items .item figure {
height:12vw;
position: relative;
overflow: hidden;
border-radius: 4px;
}
.destacadas .items .item figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: opacity 0.3s;
}
.destacadas .items .item .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
color: white;
padding: 5px;
/*opacity: 0;*/
transition: opacity 0.3s;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), #000);
font-size: 1vw;
}
.destacadas .items .item:hover figure img {
opacity: 0.7;
}
.destacadas .items .item figure .sec {
padding: 3px 5px;
position: absolute;
top: 10px;
right: 10px;
background: var(--color);
font-size: 12px;
color: var(--blanco);
border-radius: 1px;
}
.destacadas .items .item figure .hora {
padding: 3px 5px;
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
color: var(--blanco);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
border-radius: 1px;
}
.destacadas .items .item .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
/*
.destacadas .items .item:hover .overlay {
opacity: 1;
}
*/
/***************************************************************/
.head {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
position:relative;
}
.head:before {
border-bottom: 3px solid var(--color);
bottom: 0;
content: '';
display: inline-block;
left: 0;
position: absolute;
width: 30%;
min-width:150px;
}
.head h3 {
color: var(--oscuro);
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
/***************************************************************/
.minibloques {
display: flex;
gap: 20px;
}
.minibloques .miniblock {
flex: 1 1 calc(25% - 20px);
text-align: center;
}
.minibloques .miniblock .items {
margin-top: 0px;
}
.minibloques .miniblock .items .item {
width:100%;
height:80px;
display: flex;
gap: 10px;
margin-top:10px;
position:relative;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);
}
.minibloques .miniblock .items .item figure {
flex: 0 0 120px;
height:80px;
}
.minibloques .miniblock .items .item figure img {
width:100%;
height:100%;
object-fit: cover;
display: block;
}
.minibloques .miniblock .items .item .txt {
flex:1;
height: 80px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.minibloques .miniblock .items .item .txt .nombre {
width: 100%;
height: 100%;
flex: 1;
padding-top:5px;
padding-right:5px;
font:15px/1.1 var(--fuente7), sans-serif;
text-align:left;
font-weight:600;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
box-sizing:border-box;
}
.minibloques .miniblock .items .item .txt .fecha {
flex: 0 0 20px;
font-size: 13px;
line-height: 1.1;
text-align:left;
margin-top:5px;
}
.minibloques .miniblock .items .item .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
/***************************************************************/
.videos {
width:100%;
height:auto;
display:block;
}
.videos figure:first-child {
width:40%;
height:19.3vw;
float:left;
border-right:10px solid var(--blanco);
box-sizing:border-box;
}
.videos figure:first-child .titulo {
font-size: 1.8vw;
font-family: var(--fuente7), sans-serif;
}
.videos figure {
width:20%;
height:9.65vw;
float:left;
position: relative;
overflow: hidden;
border-right:10px solid var(--blanco);
box-sizing:border-box;
}
.videos figure:nth-child(5),
.videos figure:nth-child(6),
.videos figure:nth-child(7) {
border-top:10px solid  var(--blanco);
}
.videos figure:nth-child(4),
.videos figure:nth-child(7) {
border-right:none;
}
.videos figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.videos figure .titulo {
width:100%;
min-height:20px;
padding: 10px;
position:absolute;
left:0;
bottom:0;color:#fff;
font-size: 1.4vw;
font-family: var(--fuente7), sans-serif;
line-height: 1;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), #000);
box-sizing:border-box;
}
.videos figure .sec {
padding: 3px 5px;
position:absolute;
top:10px;
right:10px;
background:var(--color);
font-size:12px;
color:var(--blanco);
border-radius:1px;
}
.videos figure .hora {
padding: 3px 5px;
position:absolute;
top:10px;
left:10px;
font-size:12px;
color:var(--blanco);
border-radius:1px;
}
.videos figure .play-button {
position: absolute;
top: 20px;
left: 20px;
width: 50px;
height: 50px;
background-color: var(--colortrsn);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.videos figure .play-button::before {
content: "▶";
color: white;
font-size: 20px;
}
.videos figure .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
/*
#videos {
display: flex;
gap: 20px;
padding: 20px;
max-width: 1400px;
margin: 0 auto;
}

#videos .item.large {
flex: 1;
position: relative;
overflow: hidden;
border-radius: 8px;
width: 500px;
height: 18.2481vw;
}

#videos .item.large img {
width: 100%;
height: 100%;
object-fit: cover;
}

#videos .item.large h3 {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 1.2rem;
z-index: 1;
color: white;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

#videos .item.large .time {
font-size: 0.8rem;
color: #ccc;
}

#videos .play-button {
position: absolute;
top: 20px;
left: 20px;
width: 50px;
height: 50px;
background-color: red;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}

#videos .play-button::before {
content: "â–¶";
color: white;
font-size: 20px;
}

#videos .items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
flex: 1;
}
#videos .item.small {
position: relative;
overflow: hidden;
border-radius: 8px;
width: 250px;
height: 8.6vw;
}
#videos .item.small img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
#videos .item.small h3 {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 0.9rem;
color: white;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
z-index: 1;
}
#videos .item.small .time {
font-size: 0.6rem;
color: #ccc;
}
#videos .item.small .play-button {
width: 40px;
height: 40px;
top: 10px;
left: 10px;
}
*/
/*********************************************/
.nombre-bloque1 {
margin-bottom: 1rem;
}
.header h3 {
color: #333;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.bloque1 {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.bloque1 .item {
flex: 1 1 calc(12.5% - 20px);
text-align: center;
padding-bottom:10px;
border-bottom:1px solid var(--gris);
position:relative
}
.bloque1 .item figure {
position:relative;
}
.bloque1 .item figure img {
width: 100%;
height: auto;
display: block;
border: none;
}
.bloque1 .item figure .nom {
width:auto;
padding:3px 5px;
position:absolute;
left:10px;
bottom:10px;
background:var(--color);
border-radius:5px;
color:var(--blanco);
font-size: 0.7rem;
}
.bloque1 .nombre-col {
font-size: 0.7rem;
color: #666;
margin: 5px 0 10px;
font-style: italic;
}
.bloque1 .nombre {
font-size: 0.9rem!important;
font-weight: bold;
margin: 0;
}
.bloque1 .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
/*********************************************/
.blq {

}
.blq .items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(250px, auto);
gap: 20px;
}
.blq .items .item:first-child {
grid-column: span 2;
grid-row: span 2;
height:37vw;
display:flex;
}
.blq .items .item:first-child figure {
overflow:hidden;
height:28.6757vw;
flex:1
}
.blq .items .item:first-child h3 {
font:1.5vw/1.1 var(--fuente7), sans-serif;
}
.blq .items .item {
height:18vw;
background: #fff;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.2s ease;
display: flex;
flex-direction: column;
position:relative;
display:flex;
}

.blq .items .item figure {
overflow:hidden;
height:11.4702vw;
flex:1
}
.blq .items .item figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.blq .items .item .cont {
height:80px!important;
padding: 10px;
}

.blq .items .item h3 {
margin: 10px 0;
font:1vw/1.1 var(--fuente7), sans-serif;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.blq .items .item p {
font-size: 0.9em;
color: #666;
}
.blq .items .item .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
/* Tarjeta destacada
.large {
  grid-column: span 2;
  grid-row: span 2;
}
 */
/********************************************************************************/
/* Main																			*/
/********************************************************************************/
article {

}
article .head {
z-index: 1;
position: relative;
background: -webkit-gradient(linear, left top, right top, from(var(--color)), to(var(--color3)));
background: linear-gradient(90deg, var(--color) 0%, var(--color3) 100%);
padding-top: 20px;
padding-bottom: 20px;
text-align:center;
}
article .head:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
z-index: -1;
opacity: .2;
height: 100%;
position: absolute;
background-image: url(imgs/bg_lines.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 200%;
}
article h1 {
margin-bottom: 0;
color: var(--blanco);
font: 45px/1 var(--fuente7);
}

article .post h2 {
font: 27px / 1 var(--fuente1), "arial", "Georgia", serif;
margin-bottom: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
color: var(--texto);
}
article .post h3, article .post h4, article .post h5, article .post h6 {
font: 22px / 1 var(--fuente1), "arial", "Georgia", serif;
margin-bottom: 15px;
color: var(--texto);
}
article .post img {
width:100%!important;
height:auto!important;
display:block;
box-sizing:border-box;
}

.tweet-embed, .tiktok-embed, .insta-embed, .fb-post, .youtube-embed {
width:100%;
display:flex;
overflow: hidden;
justify-content: center;
margin-bottom: 20px;
}
.youtube-embed {
height: 34vw;
}
.fb_iframe_widget {
display:flex!important
}
blockquote.tiktok-embed {
border-style: none!important;
}

blockquote {
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
border-style: solid;
border-color: var(--color);
border-width: 0;
border-left-width: 2px;
padding-left: 10px;
margin:30px 0 30px 30px;
}
.paragrafo {
font: normal 16px/1.3 "SquadaOne", "arial", "Georgia", serif;
}

#not-individual .post ul {
list-style-type: none;
margin-left: 20px;
margin-top: 21px;
margin-bottom: 21px;
}
#not-individual .post ol {
margin-left: 40px;
margin-top: 21px;
margin-bottom: 21px;
}
#not-individual .post ul li, article ol li {
font: 20px/1.5 var(--fuente6), sans-serif;
letter-spacing: 0.2px;
margin-bottom: 10px;
}
#not-individual .post ul li:before {
padding: 8px 7px;
float: left;
font: 13px/1 "Sidmac";
content: "\e940";
margin-right: 10px;
color: var(--texto);
}
/*
#not-individual .post iframe {
width:440px;
height:38.5617vw
}
*/
article .head ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
margin-bottom: 0;
margin-top: 12px;
}
article .head ul li {
font-size: 17px;
position: relative;
display: inline-block;
margin-left: 13px;
margin-right: 13px;
}
article .head ul li.active {
color: var(--blanco);
}
article .head ul li::before {
top: 50%;
opacity: .7;
right: -26px;
content: "\e906";
position: absolute;
color: var(--blanco);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'Sidmac';
font-size: 18px;
}
article .head ul li a {
color: var(--blanco);
}
article .head ul li a:hover {
color: var(--texto);
opacity: 0.7;
}
article .head ul li:last-child {
margin-right: 0;
}
article .head ul li:last-child::before {
display: none;
}
article .head ul li:first-child {
margin-left: 0;
}


#noticia,
#pagina {

}
#noticia .encabezado,
#pagina .encabezado {
z-index: 1;
position: relative;
}
#noticia .encabezado h1,
#pagina .encabezado h1 {
margin-bottom: 0;
font-family: var(--fuente8), "Georgia", serif;   /* fallback */
font-weight: 800;
font-size: clamp(2rem, 5vw, 2.5rem); /* responsive */
line-height: 1;
margin-top: 0;
margin-bottom: 0.5rem;
color: var(--oscuro);
}
#pagina .encabezado h1 {
font-family: var(--fuente6), "Georgia", serif;   /* fallback */
font-size: clamp(1.3rem, 2.5vw, 2.0rem); /* responsive */
font-weight: 400;
}
#noticia .encabezado ul,
#pagina .encabezado ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
margin-bottom: 0;
margin-top: 12px;
}
#noticia .encabezado ul li,
#pagina .encabezado ul li {
font-size: 17px;
position: relative;
display: inline-block;
margin-left: 13px;
margin-right: 13px;
}
#noticia .encabezado ul li .active,
#pagina .encabezado ul li .active {
color: var(--oscuro);
}
#noticia .encabezado ul li::before,
#pagina .encabezado ul li::before {
top: 50%;
opacity: .7;
right: -22px;
content: "\e906";
position: absolute;
color: var(--oscuro);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'Sidmac';
font-size: 18px;
}
#noticia .encabezado ul li a,
#pagina .encabezado ul li a {
color: var(--color);
}
#noticia .encabezado ul li a:hover,
#pagina .encabezado ul li a:hover {
color: var(--texto);
opacity: 0.7;
}
#noticia .encabezado ul li:last-child,
#pagina .encabezado ul li:last-child {
margin-right: 0;
}
#noticia .encabezado ul li:last-child::before,
#pagina .encabezado ul li:last-child::before {
display: none;
}
#noticia .encabezado ul li:first-child,
#pagina .encabezado ul li:first-child {
margin-left: 0;
}
/********************************************************************************/
/* Aside																		*/
/********************************************************************************/
.bloque:first-child {
margin-top: 0px;
}
.bloque {
margin-top: 40px;
}
.bloque .encabezado {
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 15px;
padding-bottom: 12px;
position: relative;
border-bottom: 1px solid var(--color);
position:relative;
}
.bloque .encabezado:before {
border-bottom: 3px solid var(--color);
bottom: 0;
content: '';
display: inline-block;
left: 0;
position: absolute;
width: 30%;
min-width:120px;
}
.bloque .encabezado h3 {
margin-top: 0;
padding-bottom: 5px;
font-size: 16px;
color: #000;
}
.bloque .cont {
min-height: 50px;
}


.social {
font-family: Arial, sans-serif;
/*max-width: 600px;*/
margin: 0 auto;
}
.social h3 {
margin-top: 0;
border-bottom: 1px solid #000;
padding-bottom: 5px;
font-size: 16px;
color: #000;
}
.social .btns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-top: 10px;
}
.social .btn {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 10px 15px;
text-decoration: none;
color: white;
font-size: 14px;
border-radius: 5px;
transition: transform 0.2s ease;
cursor: pointer;
}
/* Estilos por red social */
.tiktok { background-color: #000;color:#fff!important }
.facebook { background-color: #3b5998; }
.twitter { background-color: #1da1f2; }
.tumblr { background-color: #35465c; }
.android { background-color: #a4c639; }
.pinterest { background-color: #bd081c; }
.snapchat { background-color: #fffc00;color:#000!important }
.instagram { background-color: #e1306c; }
.behance { background-color: #0071e3; }
.apple { background-color: #000; }
.youtube { background-color: #db4437; }
.whatsapp { background-color: #25d366; }
.btn i {
margin-right: 10px;
width: 16px;
height: 16px;
display: inline-block;
}
/* Iconos específicos para cada red */
.tiktok i:before {width:17px;height:17px;display:inline-block;font: 17px/1 "Sidmac";content: "\ea18";}
.facebook i:before {width:17px;height:17px;display:inline-block;font: 17px/1 "Sidmac";content: "\ea06";}
.twitter i:before {width:17px;height:17px;display:inline-block;font: 17px/1 "Sidmac";content: "\ea09";}
.pinterest i:before {width:17px;height:17px;display:inline-block;font: 17px/1 "Sidmac";content: "\e9ea";}
.instagram i:before {width:17px;height:17px;display:inline-block;font: 17px/1 "Sidmac";content: "\e9cd";}
.youtube i:before {width:17px;height:17px;display:inline-block;font: 17px/1 "Sidmac";content: "\ea37";}
.whatsapp i:before {width:17px;height:17px;display:inline-block;font: 17px/1 "Sidmac";content: "\ea30";}
.tumblr i { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>'); }
.android i { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>'); }
.snapchat i { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>'); }
.behance i { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>'); }
.apple i { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>'); }
.btn:hover {
transform: translateY(-2px);
}
/********************************************************************************/
/*	Relacionadas																	*/
/********************************************************************************/
.relacionadas	{

}
.relacionadas .encabezado,
.comentarios .encabezado {
margin-bottom:10px;
font-size: 20px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 15px;
padding-bottom: 12px;
position: relative;
border-bottom: 1px solid var(--color);
}
.relacionadas .encabezado:before,
.comentarios .encabezado:before {
border-bottom: 5px solid var(--color);
bottom: 0;
content: '';
display: inline-block;
left: 0;
position: absolute;
width: 40%;
}
.relacionadas .encabezado span,
.comentarios .encabezado span {
text-transform: uppercase;
font: 18px/1 var(--fuente3), "Georgia", serif;
}
.relacionadas .r-items {

}
.relacionadas .r-items .item {
width:32%;
margin-right:2%;
float:left;
border: 1px solid #d9d9d9;
box-sizing:border-box;
}
.relacionadas .r-items .item:nth-child(3n) {
margin-right:0;
}
.relacionadas .r-items .item figure	{
width:100%;
height:var(--altoimgrel);
position:relative;
margin-bottom: 0!important;
}
.relacionadas .r-items .item figure img	{
width:100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.relacionadas .r-items .item .fecha	{
height:25px;background:#f2f2f2;
padding:0 5px;
}
.relacionadas .r-items .item .fecha span	{
font-size:13px;
line-height:25px;
}
.relacionadas .r-items .item .nombre	{
width:100%;
height: 52px;
padding:10px;
font-size:18px;
line-height:1.1;
color:#fff;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
position:absolute;
left:0;
bottom:0;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), #000);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
box-sizing:border-box;
}
.relacionadas .r-items .item figure a {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

.relacionadas .p-items {

}
.relacionadas .p-items .item {
width:23.5%;
margin-right:2%;
float:left;
border: 1px solid #d9d9d9;
position:relative;
box-sizing:border-box;
}
.relacionadas .p-items .item:nth-child(4n) {
margin-right:0;
}
.relacionadas .p-items .item figure	{
width:100%;
height:11vw;
position:relative;
}
.relacionadas .p-items .item figure img	{
width:100%;margin-bottom:-4px;
height: 100%;
object-fit: cover;
object-position: center center;
}
.relacionadas .p-items .item .nombre {
width:100%;
height:80px;
padding:10px;
font-size:16px;
line-height:1.1;
color:var(--texto);
box-sizing:border-box;
}
.relacionadas .p-items .item .precio,
.relacionadas .p-items .item .sinprecio {
width:auto;
height:30px;
position:absolute;
top:5px;
right:5px;
background:var(--color2);
text-align:center;
border-radius: 0 3px 3px 0;
padding: 0 10px 0 8px;
display:table;
}
.relacionadas .p-items .item .sinprecio {
background:var(--color);
border-radius: 3px;
}
.relacionadas .p-items .item .precio:before {
border-color: transparent var(--color2) transparent transparent;
border-style: solid;
border-width: 15px 15px 15px 0px;  
content: "";
float: left;
left:-15px;
height: 0;
position: absolute;
top: 0;
width: 0;
}
.relacionadas .p-items .item .precio:after {
color: #FFF;
content: "$";
float: left;
left: -2px;
position: absolute;
top: 6px;
font-size:15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.relacionadas .p-items .item .precio span,
.relacionadas .p-items .item .sinprecio span {
display: table-cell;
vertical-align: middle;
font: 14px/1 var(--fuente), "arial", "Georgia", serif;
color:#fff;
}
.relacionadas .p-items .item .saldo {
width:auto;
height:15px;
position:absolute;
top:37.5px;
right:5px;
background:var(--color2);
text-align:center;
padding: 0 5px 0 8px;
display:table;
}
.relacionadas .p-items .item .saldo span {
font-size:14px;
color:#fff;
}
.relacionadas .p-items .item .saldo span:before {
font: 14px/1.5 "Sidmac";
margin-top: 1px;
margin-left: -5px;
margin-right: 5px;
color: var(--mlink);
content: "\e942";
}
.relacionadas .p-items .item a {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

.relacionadas .p-items .item {

}
/******************************************/
.bloque .cont .items {

}
.bloque .cont .items .item {
display: flex;
flex-flow: row wrap;
margin-top:20px;
position:relative;
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #e9eaec;
}
.bloque .cont .items .item:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.bloque .cont .items .item figure {
height:80px;
flex: 0 0 125px;
position: relative;
overflow: hidden;
float: left;
box-sizing: border-box;
}
.bloque .cont .items .item figure img {
-webkit-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;
width: auto;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

.bloque .cont .items .item .txt {
height:80px;
flex: 1;
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 0 0 0 10px;
overflow: hidden;
float: left;
}
.bloque .cont .items .item .txt .nombre {
width:100%;
height:100%;
flex: 1;
padding-top:5px;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bloque .cont .items .item .txt .nombre span {
display: table-cell;
vertical-align: middle;
font: normal 15px/1.1 "Arial", "Imperial", Times, serif;
color:#555;
}
.bloque .cont .items .item .txt .fecha {
flex: 0 0 15px;
font-size:13px;
line-height:1;
margin-top:6px;
}
.bloque .cont .items .item .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.bloque .cont .items .item:hover > .txt .nombre {
color:var(--color);
}
.bloque .cont .items .item:hover > figure img {
filter: grayscale(100%);
}
/**********************************************/
#l-noticias {

}
#l-noticias .items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(auto, auto);
gap: 20px;
}
#l-noticias .items .item {
flex: 0 0 25%;
float:left;
position: relative;
}
#l-noticias .items .item figure {
width:100%;
height:13.0344vw;
position:relative;
}
#l-noticias .items .item .columna {
height:20vw
}
#l-noticias .items .item figure img {
width:100%;
height:100%;
object-fit: cover;
object-position: center;
display: block;
}
#l-noticias .items .item .columna .sec {
padding: 3px 5px;
position:absolute;
top:10px;
left:10px;
background:var(--color);
font-size:12px;
color:var(--blanco);
border-radius:1px;
}
#l-noticias .items .item .columna .autor {
width: 100%;
min-height: 20px;
padding: 10px;
position: absolute;
left: 0;
bottom: 0;
color: #fff;
font-size: 1.4vw;
font-family: var(--fuente7), sans-serif;
line-height: 1;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), #000);
box-sizing: border-box;
}
#l-noticias .items .item .txt {
width:100%;
min-height:80px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#l-noticias .items .item .txt .nombre {
flex: 1;
padding-top: 10px;
}
#l-noticias .items .item .txt .nombre h3 {
font: 20px/1.2 var(--fuente7);
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#l-noticias .item .txt .nombre h3 a {
color:var(--oscuro)
}
#l-noticias .items .item .txt .fecha {
flex: 0 0 15px;
margin-top:5px;
font-size:13px;
}

#l-noticias .items .item .link {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
#l-noticias .items .item:hover > .txt .nombre {
color:var(--color);
}
#l-noticias .items .item:hover > figure img {
filter: grayscale(100%);
}

#individual {
display:flex;
}
#not-individual figure {
width: 100%;
position: relative;
margin-bottom:30px;
}
#not-individual figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: opacity 0.3s;
}
#not-individual figure figcaption {
height: 40px;
position: absolute;
left: 0;
bottom: -1px;
background-color: var(--bgtransp);
padding: 0 10px;
width: 100%;
display: table;
box-sizing: border-box;
}
#not-individual figure figcaption p {
display: table-cell;
vertical-align: middle;
color: #fff !important;
font: 14px/1 var(--fuente3), serif;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
}
#not-individual .datos ul {
margin-bottom: 15px;
padding: 0;
list-style: none;
}
#not-individual .datos ul li:first-child {
padding-left: 0;
padding-right: 0;
}
#not-individual .datos ul li {
display: inline-block;
padding: 0 10px;
font-size: 15px;
box-sizing: border-box;
}
#not-individual .datos ul li i {
margin-right:5px;
color:var(--color)
}
#not-individual .post p {
font-size: 1.2rem;
line-height: 1.8;
margin-top: 0;
margin-bottom: 1rem;
}
#not-individual .post p:last-child {
margin-bottom: 0px;
}

#not-individual .post-datos {
overflow: hidden;
height: 70px;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
#not-individual .post-datos .autor {
display: flex;
justify-content: center;
align-items: center;
}
#not-individual .post-datos .autor figure {
width: 58px;
height: 58px;
overflow: hidden;
margin: 0;
border: 1px solid #c9c9c9;
background: #c9c9c9;
margin-right: 16px;
}
#not-individual .post-datos .autor figure img {
width: 100%;
vertical-align: middle;
}
#not-individual .post-datos .autor .nombre {
float:left;
font: normal 15px/1 "Montserrat", "Helvetica", sans-serif;
color:var(--elcolor);
}
#not-individual .post-datos .autor .fecha {
margin-left:15px;
position:relative;
}
#not-individual .post-datos .autor .fecha span {
color: #6b6a6a;
font-size: 14px;
line-height:1;
}
#not-individual .post-datos .autor .fecha span i {
margin-right: 5px;
color:var(--elcolor);
}
#not-individual .post-datos .autor .fecha a {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#not-individual .post-datos .comparte {
float: right;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0 !important;
}
#not-individual .post-datos .comparte .redes {

}
#not-individual .post-datos .comparte .redes .icono {
margin-left:10px;
float:left;
text-align:center;
display:table;
}
#not-individual .post-datos .comparte .redes .icono a {
display: table-cell;
vertical-align: middle;

}
#not-individual .post-datos .comparte .redes .icono a i:hover {
color:var(--color2);
}
#not-individual .post-datos .comparte .redes .icono a i {
font-size:25px;
line-height:1;
color:var(--color);
}
/********************************************************************************/
/* Footer																		*/
/********************************************************************************/
footer #cont	{
min-height:50px;
}
footer #cont .items {
display: flex;
justify-content: space-between;
margin-top: 25px;
margin-bottom: 25px;
gap: 40px;
flex-wrap: wrap;
}
footer #cont .items .item {
flex: 1;
min-width: 250px;
}
footer #cont .items .item h3 {
color: #fff;
margin-bottom: 15px;
font-size: 1.2rem;
position: relative;
padding-bottom: 10px;
}
footer #cont .items .item h3::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 3px;
background-color: #e64a19;
}
footer #cont .items .item .logo {
display: flex;
align-items: center;
margin-bottom: 20px;
}

footer #cont .items .item .logo img {
width: 70px;
margin-right: 10px;background:#fff;padding:0.1em 0.2em;
}

footer #cont .items .item  p {
color: #ccc;
margin-bottom: 10px;
}
footer #cont .item .cont p,footer #cont .item .cont section,footer #cont .item .cont ul {
display: table-cell;
vertical-align: middle;
padding: 0
}
footer #cont .items .item ul li {
list-style: none;
position: relative;
padding-left: 20px;
margin: 0 0 5px 10px
}
footer #cont .items .item ul li:last-child {
margin: 0 0 0 10px
}
footer #cont .items .item ul li:before {
width: 20px;
height: 20px;
position: absolute;
top: 3px;
left: 0;
font: 15px/15px Sidmac;
content: "\e92c";
text-decoration: inherit;
color: #939393
}
footer #cont .items .item .contact-info i {
color: #e64a19;
margin-right: 10px;
font-size: 1.1rem;
}
.newsletter input[type="email"] {
width: 100%;
padding: 12px;
margin-bottom: 10px;
border: none;
border-radius: 4px;
background-color: #f9f9f9;
font-size: 1rem;
box-sizing: border-box;
}
.newsletter button {
width: 100%;
padding: 12px;
background-color: #e64a19;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
font-weight: bold;
transition: background-color 0.3s;
}
.newsletter button:hover {
background-color: #d43c00;
}
.newsletter #newsletter {
position:relative;
}
.newsletter #newsletter #n-enviar {
width:30px;
height:30px;
position:absolute;
top:6px;
right:5px;
}
.newsletter #newsletter #n-enviar:before {
font: 30px/1 Sidmac;
content: "\e9fe";
color:var(--color);
cursor:pointer
}

footer .abajo {
height:40px;
}
footer .abajo .copy {
height:40px;
margin:auto;
font: 13px/40px "Times New Roman ", "arial", "Georgia", serif;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a {
color:#e0e0e0;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a:hover {
color:#FF981D;
}
footer .abajo .copy .izq {
width:65%;
float:left;
}
footer .abajo .copy .der {
width:35%;
text-align:right;
float:left;
}
footer .abajo .copy a {
color:#fff;
}
footer .abajo {
height:40px;
background:#0f0f0f;
}
footer .abajo .copy {
height:40px;
margin:auto;
font: 13px/40px "Times New Roman ", "arial", "Georgia", serif;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a {
color:#c4c4c4;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a:hover {
color:#e0e0e0;
}
footer .abajo .copy .izq {
width:65%;
float:left;
}
footer .abajo .copy .der {
width:35%;
text-align:right;
float:left;
}
footer .abajo .copy a {
color:#fff;
}
/*************************************************************/
#IrArriba {
position: fixed;
bottom: 20px;
right: 20px;
z-index:5;
display:none;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}
#IrArriba span {
width: 40px;
height: 40px;
display: block;
text-align:center;
background:var(--color3);
font-weight:bold;
cursor: pointer;
color:#fff;
}
#IrArriba span i {
font-size: 30px;
line-height: 1.4;
}
#IrArriba span:hover {
opacity:.85;
}
/*************************************************************/
#enconstruccion {
width: 50%;
height: 300px;
margin: auto;
position: relative
}
#enconstruccion:before {
width: 150px;
height: 150px;
font: 9.4em/1 Sidmac;
content: "\e96f";
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: -75px
}
#enconstruccion:after {
width: 150px;
height: 50px;
font: 45px / 1 fuente2;
content: "404";
text-align: center;
display: inline-block;
position: absolute;
top: 160px;
left: 50%;
margin-left: -75px;
}
/*************************************************************/
article .post img.i50 {
float:left!important;
width:49%!important;
height:auto!important;
padding-right:20px;
padding-top:10px;
display:block;
box-sizing:border-box;
}
article .post img.d50 {
float:right!important;
width:49%!important;
height:auto!important;
padding-left:20px;
padding-top:10px;
display:block;
box-sizing:border-box;
}
img.cien {
width:100%;
height:auto;

box-sizing:border-box;
}
.left {
float:left;padding-right:20px;padding-top:10px;
}
.right {
float:right;padding-left:20px;padding-top:10px;
}
/******************/
.contacto {
font: bold 12px/12px "Arial", "Verdana", sans-serif;
position:relative;
display:flex;
}
.contacto .e-correo {
width: 50%;
}
.contacto .img_correo {
width: 50%;
height: 100%;
flex: 50% 0 0;
text-align: center;
}
.contacto .img_correo img {
height:100%;
}
.contacto figure i {
font-size: 400px;
color: var(--elcolor);
}
.contacto .img_correo2 {
width:150px;
height:150px;
position:absolute;
top:25px;
right:90px;
border:none;
}
.contacto .img_correo2 img {
border:none;
}
.contacto .campo {
width:75%;
border-radius: 2px;
border:1px solid #C3C5C9;
height:40px;
padding:0 5px;
margin-top:5px;
font-size: large;
box-sizing:border-box;
}
.contacto .campito {
width:60px !important;
height:32px;
text-align:center;
font: normal 15px/15px "Oswald", sans-serif;
}
.contacto .captcha {
position:absolute;
top:18px;
left:80px;
}
.contacto .area {
border-radius: 2px;
border:1px solid #C3C5C9;
max-width:100%;
min-width:100%;
min-height:100px;
height:200px;
margin-top:5px;
margin-bottom:10px;
padding:10px;
font: normal large/15px "Verdana", sans-serif;
box-sizing: border-box;
}
.contacto .campo:focus, .contacto .area:focus {
border-bottom-color: #00C3D2;
border-left-color: #00C3D2;
border-right-color: #00C3D2;
border-top-color: #00C3D2;
outline: medium none currentColor;
}
.contacto .b {
margin-top:15px;
position:relative;
}
.contacto .b .mensaje {
color: red;
font: 700 11px/15px "Verdana", sans-serif;
height: 30px;
left: 80px;
padding: 5px 25px;
position: absolute;
text-align: left;
top: 3px;
width: 300px;
}
.contacto .lbl {
width:100%;
display: inline-block;
background:#4494ad;
color:#fff!important;
}
/*********************************/
.boton {
width:150px;
height:40px!important;
background-image: none !important;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
box-shadow: none;
filter: none;
font-size: 20px!important;
line-height:1!important;
outline: medium none currentColor !important;
padding: 0px 16px;
text-shadow: none!important;
}
a.boton {
padding: 7px 16px!important;
vertical-align: middle;
}
.boton:hover {
cursor:pointer;
color:#eee;
}
button:focus,
.boton:focus {
outline: medium none currentColor;
}
textarea:disabled,
input:disabled {
color:#888!important;
background:#f5f5f5;
box-shadow: inset 0px 0px 1px 0px rgba(128,128,128,1);
}
.disabled {
color:#888!important;
background:#e1e1e1;
box-shadow: inset 0px 0px 1px 0px rgba(128,128,128,1);
}
.tema {
background-color: var(--color);
color: var(--gris)
}

.tema:hover {
    background-color: var(--color2)
}

.tema:disabled,.tema:disabled:hover {
    background-color: var(--disabled);
    opacity: .5;
    cursor: default!important
}

.re {
    width: 30px;
    height: 30px
}

.re:before {
    position: absolute;
    top: 5px;
    left: 0;
    font: 30px/1 Sidmac;
    content: "\e90c";
    animation: .75s linear infinite spin
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
.azul {
background-color: #279fd3;
color: #FFFFFF;
}
.azul:hover {
background-color: #0b7eaf;
color: #FFFFFF;
}
.azul:disabled {
background-color: #279fd3;
opacity:0.5;
cursor:default!important;
}
.azul:disabled:hover {
background-color: #279fd3;
opacity:0.5;
cursor:default!important;
}
.blanco {
background-color: #fff;
color: #279fd3;
}
.blanco:hover {
background-color: #fff;
color: #0b7eaf;
}
.blanco:disabled {
background-color: #fff;
opacity:0.5;
cursor:default!important;
}
.blanco:disabled:hover {
background-color: #fff;
opacity:0.5;
cursor:default!important;
}
.oscuro {
background-color: #42454a;
color: #fff;
}
.oscuro:hover {
background-color: #d74937;
color: #fff;
}
.oscuro:disabled {
opacity:0.5;
cursor:default!important;
}
.oscuro:disabled:hover {
background-color: #42454a;
opacity:0.5;
cursor:default!important;
}
.rojo {
background-color: #ee1111;
color: #fff;
}
.rojo:hover {
background-color: #d41d2e;
color: #fff;
}
.rojo:disabled {
opacity:0.5;
cursor:default!important;
}
.rojo:disabled:hover {
background-color: #ee1111;
opacity:0.5;
cursor:default!important;
}
.naranja {
background-color: #da532c;
color: #fff;
}
.naranja:hover {
background-color: #e3a21a;
color: #fff;
}
.naranja:disabled {
opacity:0.5;
cursor:default!important;
}
.naranja:disabled:hover {
background-color: #da532c;
opacity:0.5;
cursor:default!important;
}
.verde {
background-color:var(--elcolor);
color: #fff;
}
.verde:hover {
background-color:var(--ahover);
color: #fff;
}
.verde:disabled {
background-color: #99b433;
opacity:0.5;
cursor:default!important;
}
.verde:disabled:hover {
background-color: #99b433;
opacity:0.5;
cursor:default!important;
}
.b-left	{
float:left;
}
.b-right	{
float:right;
}
.msg {
width: auto;
height: 40px;
margin-left: 15px;
float: left;
display:table
}
.msg span {
display: table-cell;
vertical-align: middle;
}
/**************************/
span.info {
padding-left:18px;
color:#2672EC;
position:relative;
}
span.info:before,
span.alerta:before,
span.error:before {
position:absolute;
top:9px;
left:-6px;
font: 20px/1 "Sidmac";
content: "\e983";
}
span.alerta  {
padding-left:18px;
color:#E56C19;
position:relative;
}
span.error  {
padding-left:18px;
color:#B81B1B;
position:relative;
}
span.bl  {
border-left:4px solid #fff; 
display:block; 

padding-left:6px;
color:#fff;
}
span.ok  {
display:block; 
padding-left:18px;
color:#008A00;
position:relative;
}
span.bien  {
display:block; 
padding-left:10px;
color:#fff;
position:relative;
}
span.ok:before,
span.bien:before  {
position:absolute;
top:0px;
left:-6px;
font: 20px/1 "Sidmac";
content: "\e93d";
}
/*************************************************************/
.sitemap {
font-size:18px;
}
.sitemap ul {
color:#ae2803;
list-style:none;
padding:0;
margin:0;
padding-left:10px;
}
.sitemap ul li{
padding:5px 5px 10px 15px;
font-weight: bold;
}
.sitemap ul li:before {
width:20px;
height:20px;
display:inline-table;
font: normal 15px/20px "Sidmac", "Helvetica", sans-serif;
text-align:center;
content: "\e906";
text-decoration: inherit;
margin-right:10px;
}
.sitemap ul li a{
color:#808080;
}
.sitemap ul li a:hover{
color:#fe0000;
}

.sitemap ul li li {
padding:10px 5px 10px 15px;
font-weight: normal;
}
.sitemap ul li li:before {
width:20px;
height:20px;
display:inline-table;
font: normal 15px/20px "Sidmac", "Helvetica", sans-serif;
text-align:center;
content: "\e904";
text-decoration: inherit;
margin-right:10px;
}
.sitemap ul li li a{
color:#808080;
}
.sitemap ul li li a:hover{
color:#fe0000;
}
/*********************************/
#l-buscador {

}
#l-buscador .item {
height:100px!important;
margin-bottom:20px;
display: flex;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);
box-sizing:border-box;
}
#l-buscador .item:last-child {
margin-bottom:0px;
}
#l-buscador .items {
margin-top:20px;
}
#l-buscador .item .foto {
flex: 146px 0 0;
height:100px;
float:left;
position:relative;
overflow:hidden;
}
#l-buscador .item .foto img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
#l-buscador .item .foto img:hover {
opacity:0.85;
}
#l-buscador .item .desc {
width:100%;
height:100px;
float:left;
margin-left:20px;
display: flex;
flex-direction: column;
}
#l-buscador .item .tit {
width:100%;
flex: 0 0 40px;
font: 18px/1.1 var(--fuente3), "arial", "Georgia", serif;
box-sizing:border-box;
}
#l-buscador .item .resumen {
width:100%;
font: 17px/1.1 var(--fuente7), "Helvetica", sans-serif;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#l-buscador .item .fecha {
width:100%;
flex: 0 0 15px;
font: 10px/1 var(--fuente1), "Helvetica", sans-serif;
margin-top:10px;
}
/*********************************/
.ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/*************************************************************/
.thumbnail {
height: auto;
cursor: pointer;
}

.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
}

.modal-contenido {
width: 800px;
position: absolute;
background-color: var(--oscuro);
top:45%;
left:50%;
margin-top:-225px;
margin-left:-400px;
padding: 1px;
text-align: center;
border-radius: 5px;
}

.modal .cerrar {
position: absolute;
top: 0px;
right: 7px;
font-size: 35px;
color: #aaa;
cursor: pointer;
}

.modal iframe {
width: 100%;
height: 450px;
display:block;
}
/*************************************************************/
.tabla {
width: 100%;
overflow-x: auto!important;
}

.tabla table {
width: 100%;
border-collapse: collapse;
}

.tabla th,
.tabla td {
padding: 8px;
text-align: left;
border: 1px solid #ccc;
word-break: break-word;
}

th {
background-color: #dfdcdc
}
td {
color: rgba(255,255,255,.7)!important
}
table {
border-collapse: collapse;
width: 100%;
min-width: 700px;
margin-bottom: 20px
}
table,td,th {
border: 1px solid #ddd;
padding:10px;
box-sizing:border-box;
}
tbody td {
color: var(--texto)!important
}
tr:nth-child(2n) {
background-color: #f2f2f2
}
/*************************************************************/
.tabs {
display: flex;
border-bottom: 1px solid #ccc;
margin-bottom: 1rem;
}
.tab {
padding: 0.6rem 1.2rem;
cursor: pointer;
background: #f2f2f2;
border: 1px solid #ccc;
border-bottom: none;
margin-right: 0.2rem;
transition: background 0.2s;
}
.tab.active {
background: #fff;
font-weight: bold;
border-top: 2px solid var(--color);
color: var(--color);
}
.panel {
display: none;               /* Oculto por defecto */
}
.panel.active {
display: block;              /* Sólo el panel activo se muestra */
}
/*************************************************************/

/*************************************************************/

/*************************************************************/