/*		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: 'DMSans';				font-display: swap;	src: url("fuentes/DMSans.ttf"); };
@font-face{    font-family: 'Unbounded';			font-display: swap;	src: url("fuentes/Unbounded.ttf"); }
@font-face{    font-family: 'Flaticon';				font-display: swap;	src: url("fuentes/flaticon.woff2"); }
@font-face{    font-family: 'Flaticon2';			font-display: swap;	src: url("fuentes/flaticon.ttf"); }
@font-face{    font-family: 'Monic';				font-display: swap;	src: url("fuentes/monic.woff"); }

/* 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		:120px;
--aalto			:40vw;
--altoimg		:130px; /* 13.75vw */
--altohdr		:120px;
--altoh1		:12.5vw;
--altoimgrel	:12vw;
--menu-ul		:100%;
--color			:#005d89;
--color2		:#3db0c3;
--color3		:#014362;
--color4		:#fd4326;
--texto			:#000;
--texto2		:#f1f1f1;
--link			:#9f9e9e;
--ahover		:#8F001B;
--mhover		:#fd4326;
--c-menu		:#fff;
--bgtransp		:#00000052;
--bgfooter		:#0B0E10;
--colortrsn		:#e21d26b5;
--transparente	:transparent!important;
--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		: "DMSans";
--fuente10		: "Unbounded";
--altomenu		: 80px;
--disabled		: #b58a89;
}

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

::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: var(--color2);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--color3);
}

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:var(--color3);
}

.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
}

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

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

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

.s-home:before {
content: "\e9c5";
}
.s-mail:before {
content: "\e9da";
}
.s-mail-2:before {
content: "\e97c";
}
.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"
}
.s-tv:before {
content: "\ea20"
}
.s-ok:before {
content: "\e93b"
}
.s-pnt:before {
content: "\e9ed"
}
.s-card:before {
content: "\e953"
}
.s-fecha:before {
content: "\e921"
}
.s-check:before {
content: "\e93b"
}
.s-dcheck:before {
content: "\e93c"
}
/**************/
.f-tv:before {
content: "\f143"
}
.f-tv2:before {
content: "\f146"
}
.f-wf:before {
content: "\f153"
}
.f-int:before {
content: "\f12a"
}
.f-int2:before {
content: "\f155" /*f142*/
}
.f-movil:before {
content: "\f112" /*f112*/
}
.f-mny:before {
content: "\f130"
}
.f-chat:before {
content: "\f132"
}

.f2-cal:before {
content: "\f1a5" /*f1a5*/
}

.m-bag:before {
content: "\f113"
}
.m-tv:before {
content: "\f147"
}
/********************************************************************************/
/*	Base																		*/
/********************************************************************************/
#contenedor {
background-color:var(--bg);
display: flex;
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1 1 auto;
}
header {
flex: 0 0 115px;
}
#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;
}
.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);
}
.ancho {
min-height:300px;
background: transparent url(imgs/bg-ancho-2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 80%;
overflow:hidden;
}
.animacion {
opacity: 0;
}  
.animacion.animated {
opacity: 1;
} 
.main {
flex: 75% 0 0;
padding: 0 50px 0 0;
float: left;
box-sizing: border-box;
}
aside {
flex: 25% 0 0;
float: left;
}
footer {
flex: 0 0 auto;
overflow: hidden;
min-height:50px;
color:var(--gris);
overflow: hidden;
border-top:6px solid var(--color);
position:relative;
background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), var(--bgfooter) url(imgs/bg-f.webp) left bottom no-repeat;
box-sizing: border-box;
}

/********************************************************************************/
/* Cabecera																		*/
/********************************************************************************/
header .arriba {

background: var(--bgfooter);
color: #c1c1c1;
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 {
flex:1;
height: 34px;
display:table
}
header .arriba .cont .a-der {
flex: 0 0 120px;
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(--gris);
overflow: hidden;
}
header .arriba .cont .a-izq ul li {float:left;margin-right:20px;}
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(--gris);
}
header .arriba .cont .a-der ul li a:hover {
color:var(--color2);
}

header #cont {
display:flex;
height: 80px;
margin: 0 auto 0 auto;
position:relative;
background: linear-gradient(to right,
var(--blanco) 0%,    /* color 1 */
var(--blanco) 50%,
var(--color) 50%,   /* color 2 */
var(--color) 100%);
}
header #cont #logo {
flex: 0 0 150px;
position: relative;
height:80px;
/*aspect-ratio: 60 / 60;*/
margin-right:50px;
overflow: hidden;
transition: 0.5s;
float:left;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
header #cont #logo img {
width: 100%;
height: auto;
}
header #cont #slogan {
flex: 0 0 200px;
width: 100%;
height:80px;
margin-right:20px;
float:left;
text-transform:uppercase;
padding: 5px;
display:table;
}
header #cont #slogan a {
color:var(--color);
}
header #cont #slogan a:hover {
color:var(--ahover);
}
header #cont #slogan p {
display: table-cell;
vertical-align: middle;
font: bold 14px/1.5 var(--fuente1), "arial", "Georgia", serif;
letter-spacing: 0.5px;
color:var(--color2);
}
header #cont #slogan span,
header #cont #slogan span h1 {
margin: 0px;
color: #5d5d5d;
font: 16px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:none;
color:var(--color);
}

header #cont #der {
width: 100%;
height:80px;
display:flex;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
background-color:var(--color);
transition: 0.5s;
box-sizing:border-box;
}
header #cont #der #triangulo {
flex: 0 0 150px;
height:80px;
position:relative
}
header #cont #der #triangulo:before {
width: 0;
height: 0;
position:absolute;
top:0;
left:0;
content: "";
border-top: 80px solid transparent;
border-left: 60px solid var(--blanco);
border-bottom: 0px solid transparent;
}
/*
#m {
width:100%;
height: 160px;
}
*/
.menu {
width:100%;
height:var(--menu-ul);
box-sizing:border-box;
}


.slicknav_menu {
display:none;
}
.i2	{
display:none;
}

nav {
height:var(--menu-ul);
/*float:right;*/
position:relative;
}
nav #menu {
height: var(--menu-ul);
padding: 0px 0px 0px 0px;
}
nav ul {
margin: 0px;
list-style-type: none;
position:relative;
}
nav ul li {
width:auto;
height:var(--menu-ul);
margin-right: 1vw;
position: relative;
display: inline;
float: left;
padding:0 15px;
transition: 0.5s;
display:table;
}
nav ul li:last-child {
margin-right: 0;
}
nav ul li:hover {
background-color: rgba(255,255,255,0.2);
}
nav ul li a {
color: var(--c-menu);
padding: 0;
text-transform: uppercase;
font: normal 17px / 1 var(--fuente4), "Imperial", Times, serif;
display: table-cell;
transition: 0.35s;
vertical-align: middle;
}
nav ul li:hover {

}
nav ul li a:hover {
color: var(--blanco);
transform: translateY(-1.5px);
}
nav ul li.actual {
color:var(--blanco);
background-color: rgba(255,255,255,0.2);
transform: translateY(1.5px);
}
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);
}

.sub {
width:200px;
position:absolute;
top:22px;
right:var(--padding);
transition: 0.5s;
}
.sub .select {
width:100%;
height:35px;
padding: 0 10px;
border-radius: 3px 3px 0 0;
font: 1em / 1.3 "OpenSans", Helvetica, Arial, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color:var(--gris);
background-image: url("imgs/down.svg");
background-repeat: no-repeat;
background-position: right 7px top 6px;
background-size: 22px 22px;
padding-right: 0px; /* un poco más que el tamaño del icono */
color:var(--oscuro);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
outline: medium none currentColor;
border-color:var(--color3)!important;
box-sizing:border-box;
}
.sub .select option {
background:var(--color2);
color:var(--texto2);
}


#der .buscador {
width: auto;
height: 35px;
z-index: 1;
border-radius:5px 0 0 5px;
box-sizing:border-box;
}
#der .buscador .buscar {
width: 250px;
height: 35px;
float: left;
padding: 0 45px 0 10px;
border: none;
font-size:1rem;
color: var(--mlink);
outline: medium none currentColor;
border: 1px solid var(--color3)!important;
font-size:15px;
border-radius: 5px 0 0 5px!important;
box-sizing:border-box;
}
#der .buscador button {
width: 35px;
height: 35px;
border: none;
position: absolute;
top: 23px;
right: 0;
background: var(--negro);
color: #fff;
cursor: pointer;
box-sizing:border-box;
}
#der .buscador button:before {
font: 1.2em/1 "Sidmac";
content: "\e9fc";
}
#der .buscador button:hover {
background: var(--color);
}
/********************************************************************************/
/* General																		*/
/********************************************************************************/
article .paginas {
height: var(--altoh1);
background-color: var(--color3);
background-image: url(imgs/bg-2.png);
background-size: 100% auto;
background-position: 50%;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
}

article .paginas h1 {
letter-spacing: 1.2px;
font: 40px/1.2 var(--fuente1),arial,Georgia,serif;
text-align: center;
color: #fff!important;
-webkit-transition: opacity .24s ease-in-out;
-moz-transition: opacity .24s ease-in-out;
transition: opacity .24s ease-in-out
}

article .encabezado h1 {
width: 100%;
font: 25px/1.2 var(--fuente6),arial,Georgia,serif;
color: #544!important;
visibility: visible;
-webkit-transition: opacity .24s ease-in-out;
-moz-transition: opacity .24s ease-in-out;
transition: opacity .24s ease-in-out;
position: relative
}

article h2, article h3, article h4, article h5, article h6 {
font: 18px/1 var(--fuente4),arial,Georgia,serif;
margin-bottom: 10px;
padding: 10px 0;
color: #555
}
article h2 {
font: 1.5vw/1 var(--fuente6),arial,Georgia,serif;
}
article .h2 a {
display: block
}

.center {
margin: 0 0 10px
}

article h3 {
margin-bottom: 10px
}
article p {
margin-bottom: 20px;
font: 20px/1.8 var(--fuente5), sans-serif;
color:var(--negro)!important;
letter-spacing: 0.2px;
outline: 0;
vertical-align: baseline;
white-space: normal;
}
article p:last-child {
margin-bottom: 0px;
}

article ul {
margin-left: 20px;
margin-top: 21px;
margin-bottom: 21px
}

article ol {
margin-left: 30px;
margin-bottom: 21px
}

article ol li,article ul li {
font: 20px/1.5 var(--fuente5),sans-serif;
letter-spacing: .2px;
margin-bottom: 10px
}

article ul li:before {
padding: 6px 4px;
float: left;
font: 10px/2 Sidmac;
content: "\e940";
margin-right: 10px;
color: #878
}

article .img {
border-radius: 2px;
display: block;
aspect-ratio: 2/1;
width: 100%;
background-image: url('imgs/bg.svg');
background-position: center;
background-size: contain
}

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

article .img figcaption {
height: 40px;
position: absolute;
left: 0;
bottom: -1px;
color: #fff;
background-color: var(--bgtransp);
padding: 0 10px;
width: 100%;
display: table
}

article .img figcaption p {
color: #fff!important;
font: 14px/1 "Times New Roman",arial,Georgia,serif;
text-shadow: 0 1px 5px #000
}

article .meta {
height: 30px;
margin-top: 5px;
font: 14px/30px "Times New Roman",arial,Georgia,serif;
color: #666;
background: #ddd;
padding-left: 10px
}

article .meta .cate,article .meta .fecha {
float: left;
margin-right: 15px
}

article .meta .cate i,article .meta .fecha i {
margin-right: 5px
}

article .interlink {
margin-bottom: 20px;
color: var(--texto)!important;
letter-spacing: .2px
}

article .interlink a {
color: var(--color);
font-weight: 700
}

.interlink .blq {
display: flex;
background-color: #f5f5f5;
margin: auto;
border-radius: 5px
}

.interlink .blq .img {
flex: 200px 0 0;
height: 100px;
border: none!important;
border-radius: 0;
padding: 0!important
}

.interlink .blq .img img {
height: 100%;
object-fit: cover;
object-position: center center
}

.interlink .blq .txt {
width: 100%;
height: 100px;
float: left;
margin-left: 15px;
padding-right: 10px
}

.interlink .blq .txt span {
display: block;
padding: 15px 0;
font: 700 14px/14px var(--fuente1),serif;
letter-spacing: 0;
text-transform: uppercase;
color: #d8122f
}

.interlink .blq .txt a {
font: 700 18px/1.1 var(--fuente5) serif;
letter-spacing: 0
}

.quote {
width: 100%;
font-weight: 300;
padding: 10px;
letter-spacing: 1px;
border-left: 3px solid #c41d54;
display: inline-block;
background-color: #f1f1f1;
color: #c41d54!important
}

.ancho,.tema {
background-color: var(--color)
}

#b1 {
position:relative;
}
#b1 .b1-items {
display: flex;
}
#b1 .b1-items .item {
width: calc((100% - 100px) / 3);
height:140px;
background:#ebe9e9;
padding: 20px 150px 20px 20px;
display: flex;
position: relative;
z-index: 9;
cursor:pointer;
align-items: center;
box-sizing:border-box;
}
#b1 .b1-items .item:not(:last-child) {
margin-right: 50px;
}
#b1 .b1-items .item:before {
position: absolute;
right: 0;
width: 100px;
height: 100%;
bottom: 0;
top: 0;
content: "";
background-color: var(--color);
transition: all .4s ease-in-out;
z-index: -1;
}
#b1 .b1-items .item .cont h3 {
font-size: 24px;
font-weight: 600;
line-height: 121%;
}
#b1 .b1-items .item .cont span {
letter-spacing: .11em;
text-transform: uppercase;
font-size: 15px;
color: var(--color);
font-weight: 700;
margin-bottom: 5px;
display: inline-block;
}
#b1 .b1-items .item .icono {
position: absolute;
top:20px;
right:50px;
width: 100px;
height: 100px;
line-height: 110px;
border-radius: 50%;
background-color: var(--blanco);
box-shadow: var(---box-shadow);
text-align: center;
font-size: 42px;
color: var(--color2);
}
#b1 .b1-items .item:hover:before  {
background-color:var(--color2);
}

#b2 {

}
#b2 .b2-items {
display: flex;
}
#b2 .b2-items .item {
flex: 1;
width:50%;
margin-right:70px;
}
#b2 .b2-items .item:nth-child(2) {
margin-right:0;
}

#b2 .b2-items .item figure {
height:30vw;
}
#b2 .b2-items .item figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display:block;
border-radius:5px;
}
#b2 .b2-items .item .texto {
margin-top:2em;
}
#b2 .b2-items .item .iconos {
display: flex;
align-items: center;
gap: 70px;
margin-top: 50px;
flex-wrap: wrap;
}
#b2 .b2-items .item .iconos .icono {
display: flex;
align-items: center;
gap: 10px;
}
#b2 .b2-items .item .iconos .icono .circulo {
width:100px;height:100px;
border:3px solid var(--color);
border-radius:50%;
}
#b2 .b2-items .item .iconos .icono .circulo i {
font-size:6.2em;
color:var(--color)
}
#b2 .b2-items .item .iconos .icono .contenido {
margin-left:20px;
}

#b3 {
background-image:url(imgs/bg-blq-3.jpg);
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
#b3 .b3-items {
display: flex;
height:380px;
padding-top: 15px;
padding-bottom: 15px;
}
#b3 .b3-items .item {
width:50%;
margin-right:70px;
}
#b3 .b3-items .item:nth-child(2n) {
margin-right:0;
}
#b3 .b3-items .item h4 {
font-size: 40px;
font-weight: 600;
margin-bottom: 40px;
color: var(--blanco);
line-height:1.3;
margin-top:50px;
}
#b3 .b3-items .item figure {
position:absolute;
right: 0;
top: 50%;
transform: translateY(-55%);
}
#b3 .b3-items .item figure img {
display:block;
}
#b3 .b3-items .item a {
display: inline-block;
border: 0;
height: 50px;
padding: 0 28px;
border-radius: 4px;
text-decoration: none;
color: var(--blanco);
background-color: var(--color);
font-size:1.2em;
font-weight: 500;
line-height: 48px;
outline: medium none;
float:right;
}
#b3 .b3-items .item a:hover {
background-color:var(--color3)
}

#b4 .b4-items {
display: flex;
flex-wrap: wrap;
}
#b4 .b4-items .item {
width: calc((100% - 150px) / 4); /* 150px = 3 gaps de 50px */
border-radius: 5px 5px 0 0;
overflow: hidden;
box-sizing: border-box;
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
transition: 0.5s;
box-sizing:border-box;
}
#b4 .b4-items .item:not(:last-child) {
margin-right: 50px;
}
#b4 .b4-items .item figure {
height: 18vw;
}
#b4 .b4-items .item figure img {
width: 100%;
display: block;
}
#b4 .b4-items .item .media {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-height: 60px;
overflow: hidden;
border-top: 5px solid var(--color);
text-align: center;
transition: max-height .6s;
background: #fff;
box-sizing: border-box;
}
#b4 .b4-items .item .media .cont {
padding: 0;
}
#b4 .b4-items .item .media .cont h3 {
width: 100%;
margin: 0;
height: 60px;
padding: 0;
transition: padding .4s;
display:flex;
align-items: center;
justify-content: space-between;
border-bottom:1px solid #eee;
}
#b4 .b4-items .item .media .cont h3 span {
width:100%;
display:inline-block;
font-size: .8em;
text-align: center;
}
#b4 .b4-items .item .media .cont p {
color: var(--negro);
margin: 10px 0 0;
text-align: left;
padding: 5px 15px 15px 15px;
transition: opacity .3s .1s;
box-sizing: border-box;
}
#b4 .b4-items .item:hover .media {
max-height: 200px
}
/********************************************************************************/
/* 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;
}
footer #cont .items .item h3 {
color: #fff;
margin-bottom: 15px;
font-size: 1.2rem;
position: relative;
padding-bottom: 10px;
padding-left: 30px;
}
footer #cont .items .item h3::after {
content: '';
position: absolute;
left: 15px;
bottom: 9px;
width: 4px;
height: 20px;
background-color: var(--color);
}
footer #cont .items .item .logo {
width:100%;
align-items: center;
margin-bottom: 10px;
}
footer #cont .items .item .logo img {
height:50px
}
footer #cont .items .item  p {
width:100%;
display:inline-block;
color: #ccc;
margin-top: 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 .dts {
display:grid;
gap:10px;
}

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;
}

footer .abajo {
height:60px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
footer .abajo .copy {
height:60px;
margin:auto;
font: 13px/1 var(--fuente3), "arial", "Georgia", serif;
display:flex;
align-items: center;
}
footer .abajo .copy .izq {
width:50%;
float:left;
}
footer .abajo .copy .der {
width:50%;
text-align:right;
float:left;
}
footer .abajo .copy a {
color:var(--gris);
}
footer .abajo .copy a:hover {
color:var(--color2);
}
/*********************************/
#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
}










/*********************************/
.contenedor-imagen {
width: 100%;
height: var(--aalto);
overflow: hidden; /* Evita que la imagen desborde */
position: relative;
}
.imagen-zoom {
width: 100%;
height: 100%;
object-fit: cover; /* Ajusta la imagen sin distorsión */
transform-origin: center center; /* Zoom desde el centro */
transition: transform 10s ease-in-out; /* Duración del efecto */
}
.imagen-zoom.zoom-activo {
transform: scale(1.2); /* Escala final */
}
/*********************************/
.sinanimacion {
height:100%;
position:relative;
transition: 0.5s;
}
.sinanimacion figure {
width: 100%;
height: var(--aalto);
position:relative;
}
.sinanimacion figure img {
width:100%;
}
.sinanimacion figure .fijo {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.sinanimacion figure .fijo .baseC {
margin-top:12%;
min-height:100px;
position:relative;
text-align:center;
}
.sinanimacion figure .fijo .baseC .titulo {
width:auto;
padding: 10px;
font: bold 3vw/1 var(--fuente9),"Lucida Grande",sans-serif,Arial;
text-transform: uppercase;
color:#fff;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); 
box-sizing:border-box;
}
.sinanimacion figure .fijo .baseC .cont {
width:auto;
padding: 10px;
text-transform: uppercase;
font: bold 2vw/1 var(--fuente9),"Lucida Grande",sans-serif,Arial;
color:#fff;
margin-top:10px;
padding:5px;
/*background: rgba(0, 0, 0, 0.32);text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); */
}
.sinanimacion figure .fijo .baseC .img {
width:400px;
height:250px;
position:absolute;
top:-50px;
right:50px;
}
.sinanimacion figure .fijo .baseC .img {
float:right;
}
.sinanimacion figure .fijo .baseC .img span {
height:100%;
}
.sinanimacion figure .fijo .baseC .img span:before {
font: 200px/1 "Sidmac";
margin-left: 10px;
margin-right: 15px;
color: var(--mlink);
content: "\e921";
}
/*********************************/
.base {
margin-top:8%;
position:relative;
}
.base .a-cont {
width:40%;
/*background:linear-gradient(rgba(34, 34, 34, 0.5), rgba(34, 34, 34, 0.5));*/
padding:20px;
border-radius:10px;
box-sizing:border-box;
}
.base .a-cont .imagen {
width: 150px;
height: 150px;
position: absolute;
top:5%;
right: 0;
z-index: 1;
opacity: 0;
transition: 0.5s;
}
.base .a-cont .titulo {
width: 100%;
/*margin-top:20%;*/
transition: 0.5s;
}
.base .a-cont .titulo h4 {
width:auto;
display:inline-block;
font: bold 2.2vw/1.1 var(--fuente10), "arial", "Georgia", serif;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
box-sizing:border-box;
}
.base .a-cont .texto {
width: 100%;
height: auto;
margin-top:20px;
transition: 0.5s;
}
.base .a-cont .texto p {
font: 1.5vw/1.1 var(--fuente9),"Helvetica",sans-serif;
letter-spacing: 1px;
outline: 0;
vertical-align: baseline;
color:#f9f9f9;
white-space: normal;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); 
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}
.base .a-cont .texto p:last-child {
margin-bottom:0px;
}
.a--izq {
float:left;
text-align:left;
margin-left:100px;
}
.a--der {
float:right;
text-align:left;
margin-right:100px;
}
.a--centro {
margin:0 auto 0 auto;
text-align:left;
}
/*********************************/
.tabla {
width:60%;margin:auto;margin-top:var(--top);margin-bottom:var(--top);
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;
}
thead {background-color: #707c7e;color:#fff}}
th {
background-color: #dfdcdc
}
td {
color: rgba(255,255,255,.7)!important
}
table {
border-collapse: collapse;
width: 100%;
min-width: 600px;
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: #eee
}
/*********************************/
#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;
}
/*********************************/
.contacto {
display:flex;
gap:50px;
}
.contacto .l, .contacto .r {
float: left;
box-shadow: 0px 10px 60px 0px rgba(223, 223, 223, .75);
box-sizing: border-box;
}
.contacto .r {
width: 60%;
padding: 50px;
}
.contacto .l {
width: 40%;
}
.contacto .l .items {
width:100%;
display: flex;
flex-direction: column;
margin-top:-20px;
}
.contacto .l .items .item {
width:100%;
height:80px;
margin-top:20px;
display: flex;
box-shadow: rgba(2, 2, 2, .075) 0px 10px 60px 0px;
box-sizing:border-box;
}
.contacto .l .items .item .icono {
flex: 0 0 80px;
height:80px;
background-color:var(--color);
display: flex;
align-items: center;
justify-content: center
}
.contacto .l .items .item .icono i {
font-size:50px;margin:auto;
color:var(--gris)
}
.contacto .l .items .item .txt {
width:100%;
height:80px;
display: flex;
align-items: center;
font-size:1vw;
line-height:1.2;
padding-left:30px;
box-sizing:border-box;
}

.contacto .r .frm {

}
.contacto .r .frm .input,
.contacto .r .frm .txtarea,
.contacto .r .contcaptcha input {
width:49%;
margin-right:2%;
float:left;
background-color: rgba(255, 255, 255, 1);
border: 1px solid #dee2e6;
border-radius: 2px;outline: medium none currentColor;
padding:13px;
margin-top: 8px;
margin-bottom: 20px;
box-sizing:border-box;
}
.contacto .r .frm .w100 {
width:100%;
margin-right:0;
}
.contacto .r .frm .input:nth-child(3n) {
margin-right:0;
}
.contacto .r .frm .input,
.contacto .r .frm .txtarea {
font: 18px/1 var(--fuente), "arial", "Georgia", serif;
}
.contacto .r .frm .txtarea {
width:100%;
height:100px;
box-sizing:border-box;
}
.contacto .r .contcaptcha {
width:100%;
height:40px;
margin-bottom:20px;
}
.contacto .r .contcaptcha input {
width:100px;
margin-top: 0;
margin-bottom: 0;
padding:6px 13px;
text-align:center;
font: 20px/1 var(--fuente), "arial", "Georgia", serif;
}
.contacto .r .contbtn {
width:100%;
height:40px;
}
.contacto .r .contbtn .btn {
width:200px;
float:left;
background-image: none;
background-size: 25px 25px;
background-repeat: no-repeat;
background-position: 10px 8px;
}
.contacto .r .frm .txtarea {
resize: vertical;
}

.msg {
width: auto;
height: 40px;
margin-left: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.boton {
height: 40px!important;
background-image: none!important;
border-width: 0;
border-radius:2px;
box-shadow: none;
filter: none;
font-size: 20px!important;
line-height: 1!important;
outline: currentColor!important;
padding: 0 25px;
text-shadow: none!important;
cursor: pointer
}

.b-left {
float: left
}

.tema {
color: var(--gris)
}

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

.tema:disabled,.tema:disabled:hover {
background-color: var(--disabled);
opacity: .5;
cursor: default!important
}
.contacto .b, .re {
position: relative;
}
.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)
}
}

span.info {
display:block; 
padding-left:18px;
color:#2672EC;
position:relative;
}
span.info:before,
span.alerta:before,
span.error:before {
position:absolute;
top:0px;
left:-6px;
font: 20px/1 "Sidmac";
content: "\e983";
}
span.alerta  {
display:block; 
padding-left:18px;
color:#E56C19;
position:relative;
}
span.error  {
display:block; 
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";
}
/*********************************/
.pl-ciudad {
margin-bottom:2rem;
}
.pl-ciudad h2 {
font:2.5vw/1 var(--fuente9), "arial", "Georgia", serif!important;
}
.planes {
width:80%;
margin:auto;
display:flex;
gap:50px;
}
.planes .item {
width: 33.333%;
border: 1px solid #e0e9e9;
padding: 50px 35px 35px 35px;
overflow: hidden;
position: relative;
margin-bottom: 30px;
overflow: visible;
margin-top: 22px;
position:relative;
-webkit-box-shadow: rgba(2, 2, 2, .075) 0px 10px 60px 0px;
-moz-box-shadow: rgba(2,2,2,.075) 0px 10px 60px 0px;
-ms-box-shadow: rgba(2,2,2,.075) 0px 10px 60px 0px;
-o-box-shadow: rgba(2,2,2,.075) 0px 10px 60px 0px;
box-shadow: rgba(2, 2, 2, .075) 0px 10px 60px 0px;
box-sizing:border-box;
}
.planes .item .tit {
background-color: var(--negro);
transform: rotate(0deg) translateX(-50%);
position:absolute;
top: -20px;
left: 50%;
width: 50%;
padding: 6px 10px;
text-align: center;
line-height: 30px;
letter-spacing: 1px;
color: #f0f0f0;
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.planes .item .rojo {
background-color: var(--rojo);
}
.planes .item .icono {
margin-bottom: 20px;
color: var(--color);
text-align:center;
}
.planes .item .icono span {
font-size: 80px;
}
.planes .item .precio {
font-size: 36px;
line-height: 1;
font-weight: 600;
text-align:center;
color:var(--color)
}
.planes .item .xmes {
color: #808080;
font-size: 11px;
text-transform: capitalize;
text-align:center;
}
.planes .item .folio {
font-size: 16px;
}
.planes .item .folio span {
padding:0px;
}
.planes .item .folio span span {
font-weight:bold;
}
.planes .item ul {
margin-left: 0px;
}
.planes .item .boton {
margin-top: 40px;
text-align:center;
}
.planes .item .boton a {
font-size: 16px;
padding: 15px 30px;
color: #fff;
line-height: 1;
border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px!important;
-ms-border-radius: 4px!important;
-o-border-radius: 4px!important;
background: var(--color);
margin: 0 auto;
text-align: center;
width: auto;
display: inline-block;
border-radius: 8px;
padding: 15px 20px;
}
.planes .item .boton a:hover {
background: var(--color2);
}
.planes .item .condiciones {
font-size: 16px;
margin-top:30px;
text-align:center;
}
.planes .item .condiciones a {
color:var(--color3);
padding:25px;
}
.planes .popular:before {
position: absolute;
top: 0px;
right: 0px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 80px 80px 0;
border-color: transparent var(--color) transparent;
z-index: 0;
}
.planes .popular .label {
position: absolute;
right: 0;
top: 20px;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
font-family: var(--fuente3), serif;
font-weight: 900;
font-size: 14px;
color: var(--blanco);
}

.canales {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.mascanales {
text-align:center
}
.canales .canal {
flex: 1 1 calc(12.5% - 20px);
}
.canales .canal img {
width:100%;
display:block;
}

.pagos {
width:800px;
margin:auto;
display: flex;
gap: 50px;
flex-wrap: wrap;
}
.pagos .pago {
flex: 1 1 calc(50% - 50px);
-webkit-box-shadow: rgba(2, 2, 2, .15) 0px 10px 30px 0px;
-moz-box-shadow: rgba(2, 2, 2, .15) 0px 10px 30px 0px;
-ms-box-shadow: rgba(2, 2, 2, .15) 0px 10px 30px 0px;
-o-box-shadow: rgba(2, 2, 2, .15) 0px 10px 30px 0px;
box-shadow: rgba(2, 2, 2, .15) 0px 10px 30px 0px;
}
.pagos .pago .icono {
width:100%;
height:60px;float:left;
display:flex;
justify-content: center;
align-items: center;
}
.pagos .pago .icono i {
font-size:40px;
color:var(--color)
}
.pagos .pago .txt {
width:100%;
height:80px;
float:left;
display:flex;
justify-content: center;
align-items: center;
}
.pagos .pago h3 {
border-bottom:1px solid #e1e1e1;
font-size:20px;
}
.pagos .pago .txt span {
padding:0 20px;
box-sizing:border-box;
}
/*********************************/
.promociones {
max-width:80%;
margin:auto;
display: flex;
gap:50px;
flex-wrap: wrap;
}
.promociones .item {
flex:1;
}
.promociones .item figure {
height: 100%;
position:relative;
margin-right:40px;
margin-bottom:40px;
-webkit-box-shadow: rgba(2, 2, 2, .075) 0px 10px 60px 0px;
    -moz-box-shadow:
}
.promociones .item figure::after {
position: absolute;
right: -40px;
top: 40px;
width: 100%;
height: 100%;
background-color: var(--color);
content: "";
z-index: -1;
}
.promociones .item figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
box-shadow: var(--color) 20px 20px 0px 0px;
box-sizing: border-box;
}
.promociones .item h3 {
font-size: 2vw;
font-weight: 600;
margin-bottom: var(--top);
}
.promociones .item .texto {
padding:0!important;
margin-bottom: 28px;
padding:0;
}
.promociones .item .texto ul {
margin: 0;
padding: 0;
}
.promociones .item .texto ul li {
list-style: none;
overflow: hidden;
margin-bottom: 30px;
display:flex;
box-sizing:border-box;
}
.promociones .item .texto ul li:last-child {
margin-bottom: 0;
}
.promociones .item .texto ul li:before {
padding: 0;
margin:0;
content:"";
}
.promociones .item .texto ul li .icono {
flex: 0 0 100px;
display: flex;
justify-content: center;
align-items: center;
}
.promociones .item .texto ul li .icono i {
font-size:5em;
background:var(--color);
color:var(--blanco)
}
.promociones .item .texto .txt {
width:100%;
margin-left:30px;
}
.promociones .item .texto .txt h4 {
font-size: calc(1.275rem + .3vw);
padding:0;
}
.promociones .item .texto .txt h5 {
font-size: calc(1rem + .3vw);
padding:0;
}
.promociones .item .texto .txt p {
line-height:1.2;
}
.promociones .item .texto .txt .span {
background-color:var(--color);
color:var(--blanco);
font-size:1.3rem;
padding: 1px 5px;
border-radius:5px;
}
.promo {
width:80%;
margin:auto;
}
/*********************************/
#IrArriba {
position: fixed;
bottom: 20px;
right: 20px;
z-index:5;
display:none;
}
#IrArriba span {
width: 45px;
height: 45px;
display: block;
text-align:center;
background:var(--color3);
font-weight:bold;
border-radius:50px;
cursor: pointer;
color:#fff;
}
#IrArriba span i {
font-size: 30px;
line-height: 1.55;
}
#IrArriba span:hover {
opacity:.85;
}