:root{

    --main-red: #D82A2F;
    --main-red-light: #FE6166;
    --main-red-medium:#B10005;
    --main-red-dark:#880004;
    --main-gray-01:#848484;
    --main-gray-01-light:#A6A6A6;
    --main-gray-01-medium:#303030;
    --main-gray-01-dark:#131313;
    --main-gray-02:#FAFAFA;
    --main-gray-02-light:#FBFBFB;
    --main-gray-02-medium:#F5F5F5;
    --main-gray-02-dark:#D8D8D8;
    --main-dark: #010101;
    --main-dark-light:#151515;
    --main-dark-medium:#222222;
    --main-dark-dark:#333333;
    --main-dark-02: #111111;
    --main-dark-02-medium: #525252;
    --main-text: #555555;
    --main-text-dark: #0F1010;
    --main-gray-spotify:#484848;
    --main-gray-card:#C2C2C2;

    --white:#ffffff;
    --cnvs-themecolor: var(--main-red);
    --primary-family:'Poppins', sans-serif !important; 
    --cnvs-primary-font:'Poppins', sans-serif !important;
    --cnvs-secondary-font:'Poppins', sans-serif !important;
    --primary-color-text:#222222;
    --bs-body-font-size: 1.125rem;
    --cnvs-font-size-h1:3rem;
    --cnvs-font-size-h2:2.5rem;
    --cnvs-font-size-h3:2rem;
    --cnvs-font-size-h4:1.875rem;
    --cnvs-font-size-h5:1.5rem;
    --cnvs-font-size-h6:1.25rem;
    --cnvs-header-bg: var(--main-dark-medium) !important;
    --cnvs-primary-menu-color:var(--white) !important;
    --cnvs-btn-color: #880004 !important;

    


    /* Chart color palette*/

    --green_100:#6ACC1A;
    --green_200:#2ED03E;
    --green_300:#22952C;
    --green_400:#126519;
    --yellow_100:#FBFF2C;
    --yellow_200:#FFE000;
    --yellow_300:#F3BF04;
    --yellow_400:#CEA616;
    --red_100:#E9031E;
    --red_200:#C70118;
    --red_300:#9B0012;
    --red_400:#78000E;
    --cherry_100:#FF758F;
    --cherry_200:#F4D6DF;
    --cherry_300:#C9184A;
    --cherry_400:#A4133C;
    --brown_400:#BB9457;
    --brown_300:#99582A;
    --brown_200:#6B452E;
    --brown_100:#673120;
    --orange_100:#FF7020;
    --orange_200:#FF4D00;
    --orange_300:#FF2E00;
    --orange_400:#FC1E00;
    --brick_100:#D41515;
    --brick_200:#B71B1B;
    --brick_300:#940C0C;
    --brick_400:#620808;
    --grass_100:#A3B18A;
    --grass_200:#588157;
    --grass_300:#3A5A40;
    --grass_400:#344E41;
    --blume_100:#80ED99;
    --blume_200:#57CC99;
    --blume_300:#38A3A5;
    --blume_400:#227A7A;
    --blue_100:#00A6FB;
    --blue_200:#0582CA;
    --blue_300:#006494;
    --blue_400:#003554;
    --sky_100:#9DCEE2;
    --sky_200:#71ACD4;
    --sky_300:#4F87B2;
    --sky_400:#2B4D7B;
    --bley_100:#778DA9;
    --bley_200:#415A77;
    --bley_300:#2E384D;
    --bley_400:#0D1B2A;
    --grape_100:#BE95C4;
    --grape_200:#9F86C0;
    --grape_300:#5E548E;
    --grape_400:#392D5C;
    --violet_100:#C77DFF;
    --violet_200:#9D4EDD;
    --violet_300:#7B2CBF;
    --violet_400:#5A189A;
    --sucess_100:#179442;
    --sucess_200:#2D9F4D;
    --sucess_300:#43A959;
    --sucess_400:#5AB268;
    --sucess_500:#70BB77;
    --sucess_600:#86C389;
    --sucess_700:#9CCA9C;
    --sucess_800:#B2D1B0;
    --sucess_900:#C8D8C6;
    --info_100:#228EBF;
    --info_200:#3696C3;
    --info_300:#4B9FC6;
    --info_400:#60A7CA;
    --info_500:#75B0CD;
    --info_600:#8AB9D1;
    --info_700:#9FC2D4;
    --info_800:#B4CBD7;
    --info_900:#C9D4DB;
    --warning_100:#F98A10;
    --warning_200:#F69423;
    --warning_300:#F29D37;
    --warning_400:#EFA74D;
    --warning_500:#ECB063;
    --warning_700:#E9B97A;
    --warning_800:#E6C392;
    --warning_900:#E1D5C4;
    --danger_100:#F70F2E;
    --danger_200:#F4253C;
    --danger_300:#F13C4B;
    --danger_400:#EE545C;
    --danger_500:#EB6C6E;
    --danger_600:#E88382;
    --danger_700:#E59A97;
    --danger_800:#E3B1AD;
    --danger_900:#E0C8C5;
    --light_100:#FFFFFF;
    --light_200:#FBFBFB;
    --light_300:#F8F7F7;
    --light_400:#F4F4F3;
    --light_500:#F0F0F0;
    --light_600:#EDECEC;
    --light_700:#E9E9E8;
    --light_800:#E5E5E5;
    --light_900:#E2E1E1;
    --dark_100:#111111;
    --dark_200:#151515;
    --dark_300:#191919;
    --dark_400:#1D1D1D;
    --dark_500:#2D2C2C;
    --dark_600:#3A3937;
    --dark_700:#595653;
    --dark_800:#7E7B77;
    --dark_900:#ABA8A4;
    --gray_odd:#B6B6B6;
    --gray_d:#D9D9D9;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf'); src: url('fonts//Poppins-Regular.eot'); src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Regular.woff2') format('woff2'), url('fonts/Poppins-Regular.woff') format('woff'), url('fonts/Poppins-Regular.svg#Poppins') format('svg'); font-weight: normal; font-style: normal;font-display: swap;}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.ttf'); src: url('fonts/poppins-bold.eot'); src: url('fonts/poppins-bold.eot?#iefix') format('embedded-opentype'),url('fonts/poppins-bold.woff2') format('woff2'),url('fonts/poppins-bold.woff') format('woff'), url('fonts/poppins-bold.svg#Poppins') format('svg'); font-weight: bold; font-style: normal;font-display: swap;}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.ttf'); src: url('fonts/poppins-semibold.eot'); src: url('fonts/poppins-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/poppins-semibold.woff2') format('woff2'), url('fonts/poppins-semibold.woff') format('woff'), url('fonts/poppins-semibold.svg#Poppins') format('svg'); font-weight: 600; font-style: normal;font-display: swap;}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.ttf'); src: url('fonts/poppins-medium.eot'); src: url('fonts/poppins-medium.eot?#iefix') format('embedded-opentype'), url('fonts/poppins-medium.woff2') format('woff2'), url('fonts/poppins-medium.woff') format('woff'), url('fonts/poppins-medium.svg#Poppins') format('svg'); font-weight: 500; font-style: normal;font-display: swap;}


/*Font Family*/
.poppins-regular {font-family: var(--primary-family) !important;font-weight: 400;}
.poppins-medium {font-family: var(--primary-family) !important;font-weight: 500;}
.poppins-semi-bold {font-family: var(--primary-family) !important;font-weight: 600;}
.poppins-bold {font-family: var(--primary-family) !important;font-weight: 700;}

/*Colors Branding*/
.col-main-red {color: var(--main-red) !important;} .col-main-red-light{color: var(--main-red-light);} .col-main-red-medium{color: var(--main-red-medium) !important;} .col-main-red-dark{color: var(--main-red-dark) !important;}
.col-main-gray-01 {color: var(--main-gray-01) !important;} .col-main-gray-01-light{color: var(--main-gray-01-light);} .col-main-gray-01-medium{color: var(--main-gray-01-medium) !important;} .col-main-gray-01-dark{color: var(--main-gray-01-dark) !important;}
.col-main-gray-02 {color: var(--main-gray-02) !important;} .col-main-gray-02-light{color: var(--main-gray-02-light);} .col-main-gray-02-medium{color: var(--main-gray-02-medium) !important;} .col-main-gray-02-dark{color: var(--main-gray-02-dark) !important;}
.col-main-dark {color: var(--main-dark) !important;} .col-main-dark-light{color: var(--main-dark-light);} .col-main-dark-medium{color: var(--main-dark-medium) !important;} .col-main-dark-dark{color: var(--main-dark-dark) !important;} .col-gray-d{color: var(--gray_d);}
.col-white{color: var(--white);} .col-main-text{color: var(--main-text);} .col-green3{color: var(--green_300);}

/* Variable Colors*/
.sucess_100{color: var(--sucess_100);} .danger_100{color: var(--danger_100);}


/*Background Branding*/
.bg-main-red {background-color: var(--main-red) !important;} .bg-main-red-light{background-color: var(--main-red-light);} .bg-main-red-medium{background-color: var(--main-red-medium) !important;} .bg-main-red-dark{background-color: var(--main-red-dark) !important;}
.bg-main-gray-01 {background-color: var(--main-gray-01) !important;} .bg-main-gray-01-light{background-color: var(--main-gray-01-light);} .bg-main-gray-01-medium{background-color: var(--main-gray-01-medium) !important;} .bg-main-gray-01-dark{background-color: var(--main-gray-01-dark) !important;}
.bg-main-gray-02 {background-color: var(--main-gray-02) !important;} .bg-main-gray-02-light{background-color: var(--main-gray-02-light);} .bg-main-gray-02-medium{background-color: var(--main-gray-02-medium) !important;} .bg-main-gray-02-dark{background-color: var(--main-gray-02-dark) !important;}
.bg-main-dark {background-color: var(--main-dark) !important;} .bg-main-dark-light{background-color: var(--main-dark-light);} .bg-main-dark-medium{background-color: var(--main-dark-medium) !important;} .bg-main-dark-dark{background-color: var(--main-dark-dark) !important;}
.bg-white{background-color: var(--white);} .bg-main-dark2 {background-color: var(--main-dark-02)} .bg-main-gray-spotify {background-color: var(--main-gray-spotify);} .gray-card{background-color: var(--main-gray-card) !important;} .bg-gray-odd{background-color: var(--gray_odd);} .bg-gray-d{background-color: var(--gray_d);}

/* Font size */
.h1,h1{font-size: 3rem;font-family: var(--primary-family) !important;}
.h2,h2{font-size: 2.5rem;font-family: var(--primary-family) !important;}
.h3,h3{font-size: 2rem;font-family: var(--primary-family) !important;}
.h4,h4{font-size: 1.875rem;font-family: var(--primary-family) !important;}
.h5,h5{font-size: 1.5rem;font-family: var(--primary-family) !important;}
.h6,h6{font-size: 1.25rem;font-family: var(--primary-family) !important;}

.f-18{font-size: 1.125rem;font-family: var(--primary-family) !important;}
.f-16{font-size: 1rem;font-family: var(--primary-family) !important;}
.f-15{font-size: 0.9375rem !important;font-family: var(--primary-family) !important;}
.f-14{font-size: 0.875rem;font-family: var(--primary-family) !important;}
.f-13{font-size: 0.8125rem;font-family: var(--primary-family) !important;}
.f-12{font-size: 0.75rem;font-family: var(--primary-family) !important;}
.f-10{font-size: 0.8rem; font-family: var(--primary-family) !important;}
.f-8{font-size: 0.5rem;font-family: var(--primary-family) !important;}
.f-7{font-size: 0.4375rem;font-family: var(--primary-family) !important;}
.f-20{font-size: 20px; font-family: var(--primary-family) !important;}
.f-24{font-size: 24px; font-family: var(--primary-family) !important;}
.f-28{font-size: 28px; font-family: var(--primary-family) !important;}
.f-30{font-size: 30px; font-family: var(--primary-family) !important;}
.f-32{font-size: 32px !important; font-family: var(--cnvs-primary-font); font-weight: 700 !important;}

.f_titles{font-size:24px; text-transform:uppercase; font-weight: 700; text-align: center; align-content: center; color: var(--white); background-color: var(--main-red); height: 61px;}
.f_titles2{font-size: 24px !important; text-transform: uppercase; font-weight: 700; text-align: center; color: var(--main-dark-medium);}
.f_titles3{color: var(--main-red, #d82a2f);text-align: center;font-family: var(--cnvs-primary-font);font-size: clamp(20px, 5vw, 28px);font-style: normal;font-weight: 700;line-height: 20px;}
.f_title_not{font-size: 24px; text-transform: uppercase; font-weight: 500; color: var(--white);}

/* Justify */
.center-jus{justify-self: center;}
.max-blocks{max-block-size: -webkit-fill-available;}
.center-text{text-align: center;}
.jus-text{text-align: justify !important;}
.jus-cont{justify-content: center;}
.jus-item{justify-items: center;}
.jus-item-r{justify-items: right;}
.al-center{align-content: center !important;}
.al-self-center{align-self: center !important;}
.al-self-end{align-self: end !important;}
.pcenter{place-content: center;}
.r-text{text-align: right;}
.end-text{text-align: end;}
.al-end{align-items: end;}
.m-left{margin-left: auto;}
.al-itm-1{align-items: baseline !important;}
.pselfcenter{place-self: anchor-center;}
.al-itm-bas{align-items: baseline;}
/* index */
:is(.lado_der,.lado_izq) {float: left; width: 50%; height: 100%;}
.lado_izq{background-color: var(--main-red);}
.lado_der{background-color: var(--main-gray-01-dark); display: flex; justify-content: center; align-items: center;}
.lados{display: flex; width: 100%; height: 100%;}
html, body {margin: 0;padding: 0;height: 100%;width: 100%;}
.w-310{width: 310px;}
.bg-black{background-image: url(../images/bg-black.png) !important; background-position: center; background-size: cover;  min-height: 100vh;}
.black-card{max-width: 400px; background-color: rgba(0, 0, 0, 0.70); border-color: white;}
.p-40{padding: 40px;}
.background {height: 100%;background-image: url(../images/textura-circulos.png);background-size: cover;background-position: center;background-repeat: no-repeat;}

/* newsletter */
.background2 {height: 100%; width: 100%; background-color: var(--main-red); background-image: url(../images/textura-circulos2.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.content-box {padding: 20px;text-align: center;max-width: min-content;}
.card-body {flex: 1 1 auto;color: var(--bs-card-color);border: solid;border-color: white;border-radius: 10px;border-width: thin;}
@media (max-width: 1280px) {.padding-mobile-0 {padding: 0 !important;}}
  

/* Menu */
.menu-item:hover > .menu-link {background-color: var(--main-red);color: var(--white);}
.menu-link{padding: 3px; padding-left: 6px; padding-right: 6px; margin: 7px; border-radius: 3px;}
.is-expanded-menu .full-header #logo {border-right:none; }
.is-expanded-menu .full-header .primary-menu .menu-container {border-right: none;}
.dark {--cnvs-contrast-bg: #111111;}
.is-expanded-menu .sub-menu-container,.is-expanded-menu .mega-menu-content {background-color: var(--main-dark-02-medium);}
#header{--cnvs-primary-menu-hover-color: var(--white); --cnvs-primary-menu-submenu-hover-bg: var(--main-red);}
.line_men{border-bottom: solid .2px var(--white); padding-bottom: 9px;}
.img-logo{width: auto!important;height: 52px !important;margin: 25px 0 !important;}


/*Footer*/
.border_r{border-right: 1px solid var(--white); margin-right: 2em;}
.border_l{border-left: 1px solid var(--white); margin-left: 2em;}
#footer {--cnvs-footer-top-border: none; --cnvs-copyrights-link-color: var(--cnvs-contrast-500); position: relative; background-color: var(--main-dark-02); border-top: var(--cnvs-footer-top-border);}
.top-footer{font-size: 12px; background-color: var(--main-dark-02-medium);}
.size_log{max-width: none;}
.contacto_f{padding-left: 35px; padding-right: 35px;}
.font_foot{font-size: 20px;}
.align_center{align-items: center !important;}
.marg-wrapper #footer {margin: 0 !important;}
.med-3{flex: 0 0 auto;width: 25%;}

/* Canvas */
.content-wrap {position: relative; padding:unset !important;overflow: hidden;}
.p-cont{padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem;}
/* trick */
@-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;} 100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}
@keyframes ticker {0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: visible;}100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
  .ticker-wrap {--ticker-duration: 50s;width: 100%; overflow: hidden;padding-left: 100%;box-sizing: content-box;}
  .ticker-wrap .ticker {display: inline-block;white-space: nowrap;padding-right: 100%;box-sizing: content-box;-webkit-animation: ticker var(--ticker-duration) linear infinite;animation: ticker var(--ticker-duration) linear infinite;}
  .ticker-wrap .ticker-item {display: inline-block;padding: 0 2rem;font-size: 1.5rem;}
  .ticker-wrap.pause-on-hover .ticker:hover {animation-play-state: paused;}
  a.ticker-item:hover {text-decoration: underline !important;}

/* Modulo tricker */
.h-38{height: 38px;}
.h-20{height: 20px;}
.non-desborder{min-height: 50px; white-space: nowrap; overflow-x: auto; word-wrap: break-word;}
#previewArea {max-width: 100%;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align: center;font-size: clamp(1rem, 4vw, 1.5rem);}
#previewArea p {margin: 0;word-break: break-word;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#previewArea span {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#tablaContent{vertical-align: middle;}

/* header modal */
.modal-header {background-color:#D82A2F;}
.modal-title{color: var(--white) !important;}

/* Sidebar Home */
.border_hr{border:solid; color:#7C7C7C;}
.col_side {flex: 0 0 auto;width: 375px;}
.col_cont{max-width:calc(100% - 375px);}
.b-0{border: none !important;}
.btn-primary {
    width: 100%;
    --bs-btn-color: #fff;
    --bs-btn-bg: #111111;
    --bs-btn-border-color: #111111;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #880004;
    --bs-btn-hover-border-color: #880004;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #880004;
    --bs-btn-active-border-color: #D82A2F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #111111;
    --bs-btn-disabled-border-color: #111111;
}
#carrusel_rss{display:none;}
#live{display: block;}
#live-v2{display: none;}
#live-v3{display: none;}
.live-text{font-size: 18px; text-align: center; padding-bottom: 0;}
.w-400{width: 400px; align-content: center;text-align: center;}
.g-uv{width: 800px;justify-self: center;}
.form-group-live {margin-bottom: 0;}
.cont-live{display: flex;justify-content: center;}
#c-conf{display:none;}
#conf{display:block;}
.ratio-16 {--bs-aspect-ratio: 60px;}
#c-recom{display:none;}
#recom{display:block;}

/* Card */
.size_card{width: 475px; height: 450px;}
.size_card_img{width: 475px; height: 235px;}
.col-md32 {flex: 1;}
.l15{line-height: 1.5;}
.d-card{display: flex;}
.card {border:none; border-radius:0;}
.btn-card{
    min-width: 212px;
    max-width: 285px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #D82A2F;
    --bs-btn-border-color: #D82A2F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #880004;
    --bs-btn-hover-border-color: #880004;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #880004;
    --bs-btn-active-border-color: #D82A2F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D82A2F;
    --bs-btn-disabled-border-color: #D82A2F;}
.text-card{font-size: 20px; white-space: nowrap !important; overflow: hidden !important;text-overflow: ellipsis !important;}
.card-footer{background-color: var(--main-gray-02-dark); border: none; padding-bottom: 13px;}
.jc{display: flex; flex-direction: column; position: relative;  padding-bottom: 5px;}

.blocks-grid .grid-inner {border-bottom: 1px solid rgba(255,255,255,0.1);}
.blocks-grid .active-filter > .grid-inner {background-color: rgba(255, 255, 255, 0.08);border-bottom-color: transparent;}
.blocks-grid .sub-grid-inner {padding-top: 1rem;padding-bottom: 1rem;background-color: rgba(255, 255, 255, 0.02);border-bottom: 1px solid rgba(255,255,255,0.06);}
.blocks-grid .sub-grid-inner h3 {font-size: 0.925rem;opacity: .8;}
.bg-dark {background-color: #222228 !important;}
.bg-overlay-bg {background-color: rgba(0,0,0,0.7);}
.grid-inner-count {--size: 30px;font-family: poppins; font-weight: 400;background-color: rgba(255, 255, 255, 0.1);color: #DDD;width: var(--size);height: var(--size);line-height: calc(var(--size) + 2px) !important;text-align: center; border-radius: 50%; font-size: 80%;}
.blocks-grid .grid-inner-count,.blocks-grid .sub-grid-inner .grid-inner-count {position: relative;--size: 24px;}
.dark .search-form .input-group-text,.dark .search-form .form-control:not(.not-dark) {background-color: rgba(0,0,0,0.25);border-color: rgba(255,255,255,0.15) !important;border-radius: 23px 0 0 23px;}
.dark .search-form .form-control:not(.not-dark) {color: #FFF;border-radius: 0 23px 23px 0;}
.portfolio-item { padding-top: 5px; }
.portfolio-item .badge {position: absolute;z-index: 6;top: 0;right: 15px;border-radius: 2px;font-weight: 600;}
.blocks-grid .updated .grid-inner-count::after {content: "";position: absolute;width: 6px;height: 6px;background: var(--bs-danger);right: 0px;top: 0px;border-radius: 50%; box-shadow: 0 0 0 2px #26262c;}
[data-filter=".cb-new"] .grid-inner-count {background-color: var(--bs-danger);}


/* Noticias */
.tagcloud a {font-size: 10px !important; color: var(--white); text-transform: uppercase;}
.border_d{border-bottom-style: solid;}
.borders_news{border-bottom: outset; border-top: inset;}
.mr_auto{margin-right: auto !important;}
.entry-meta:not(.no-separator) li::before {opacity: 0;}
.size_img_news{width: 100% !important; height: 200px !important; }
.truncate-text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.card-body-news {display: block;max-height: calc(1.2em * 2);overflow: hidden;line-height: 1.2em;text-overflow: ellipsis;}
#not1,#not2,#not3,#not4,#not5{display: block;}
.m-btn{margin-top: 1.5rem;margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: 1.5rem;}
.f-btn-not{font-size: 16px;font-family: var(--primary-family) !important;}
.sidebar-widgets-wrap2 {  .sidebar-widgets-wrap2 { position: relative; display: -ms-flex; display: flex; flex-wrap: wrap;  margin: 0 -20px -40px -20px;}
.sidebar-widgets-wrap2 .widget { flex: 0 0 50%; max-width: 50%; margin: 0 0 40px 0; padding-top: 0; padding-left: 20px; padding-right: 20px; border-top: 0;}}
.leer-mas { text-align: center; background-color: #dc3545; color: white; padding: 8px; display: inline-block; border-radius: 4px; font-size: 14px; text-decoration: none;transition: background-color 0.3s; align-self: flex-start; width: 100%; margin: 5px auto 0;}
.leer-mas:hover { background-color: #b52a36; color: white; font-weight: 600;}
.back_not{width: 100%;  height: 167px;  object-fit: cover; background-color: #eee;}
.p_not {padding: 3rem;} 
.cont_not{text-align: justify; font-size: 20px;}
img.size_img_news {width: 100% !important;}

/* Micrositio */
.text-ellipsis-msite{display: -webkit-box !important; -webkit-line-clamp:7; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-ellipsis-115 {max-width: 75ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.stte{width: 15px; height: 15px;}
.thd{background-color: var(--main-red) !important; color: white !important;}
.acc{display: inline-block;} .accico{margin: 0 5px;}
tbody#sortable-table-body {counter-reset: rowNumber;}
tbody#sortable-table-body tr .row-number::before {counter-increment: rowNumber; content: counter(rowNumber); display: block; text-align: center;}
.button.button-3d:hover {background-color: var(--main-red-dark) !important; opacity: 0.9;}
.ast{color: var(--main-red); margin-right: .5em;}
.input-imagen::file-selector-button {color: white; background-color: var(--main-red) !important; border: none; padding: 0.4rem 1rem; border-radius: 4px 0 0 4px;cursor: pointer;}
.input-imagen:hover::file-selector-button {background-color: var(--main-red-dark) !important;}
.trple{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.dwble{display: flex; justify-content: space-around; align-items: center; width: 100%;}
.bloque-5-rows {display: flex; flex-direction: column; gap: 1rem;}
.row-linea { display: flex; align-items: flex-start; gap: 1rem; width: 100%;}
.col-nro { width: 40px; text-align: center; padding: 5px 0; background-color: var(--dark_900); border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.nronum{margin: 0;}
.col-input { flex: 1; display: flex; flex-direction: column;}
.col-input .leyenda {font-size: 0.8rem; color: var(--main-red); margin-top: 0.25rem; }
.col-icon {width: 45px; display: flex; justify-content: center; align-items: center;}
.modal-footer.justify-between {display: flex; justify-content: space-between; gap: 1rem; padding-left: 1rem; padding-right: 1rem; }
.modal-footer .btn {width: auto; min-width: 120px;}
.mri{margin-right: 2em; width: 250px; text-align: left !important;}
.switch-wrap {padding: 1rem 0; gap: 1rem;}
.label-switch {font-weight: 500; font-size: 1rem; text-align: left; flex: 1;}
.switch-control { display: flex; align-items: center; justify-content: center; min-width: 60px;}
.col-input-file { flex: 1 1 250px;}
.col-radios { display: flex; flex-direction: row; gap: 1rem; align-items: center; flex: 1 1 200px;}
input[type="file"]::file-selector-button {background-color: var(--main-red); color: #FFF !important;}
input[type="file"]::file-selector-button:hover {background-color: var(--main-red-dark) !important; color: #FFF !important;}
input[type="radio"]:checked {accent-color: var(--main-red) !important;}
.form-check-input:checked { background-color: var(--main-red); border-color: var(--main-red);}
.accordion-button:not(.collapsed) {color: #000;font-weight: bold; background-color: #ffffff00;box-shadow: none;}
.col-md-3-micrositios {flex: 0 0 auto;width: 25%;}
.col-md-9-micrositios {flex: 0 0 auto;width: 75% !important;}
/* Galeria */
.grid-filter-wrap-galeria {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.grid-filter-galeria {display: flex;list-style: none;padding: 0;margin: 0;border-bottom: 2px solid #ccc;}
.grid-filter-galeria li {margin: 0;}
.grid-filter-galeria li a {display: block;padding: 10px 20px;text-decoration: none;color: #333;border: 1px solid transparent;border-bottom: none;background-color: #f5f5f5;transition: all 0.3s ease;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.grid-filter-galeria li a:hover {background-color: #e0e0e0;}
.grid-filter-galeria li.activeFilter a {background-color: #ffffff;border-color: #ccc;border-bottom: 2px solid #ffffff;color: #000;font-weight: bold;}
.grid-shuffle-galeria {margin-left: auto;cursor: pointer;padding: 8px 12px;background: #eee;border-radius: 6px;transition: background 0.3s;}
.grid-shuffle-galeria:hover {background: #ddd;}
.hover-overlay-container { position: relative; overflow: hidden; }
.hover-overlay-container img { display: block; width: 100%; height: auto; }
.hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; font-size: 2rem; }
.hover-overlay-container:hover .hover-overlay { opacity: 1; }


    /* Banner */
    .full-cover-banner {width: 100%;height: auto;overflow: hidden;position: relative;}
    .full-cover-banner img {width: 100%;height: 100%;object-fit: cover;display: block;}

/* Noticias */
.text-ellipsis-news{display: -webkit-box !important; -webkit-line-clamp:7; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
input[type="radio" i] {accent-color: var(--main-red) !important;}

/* Pantallas menores o iguales a 1920px */
@media (max-width: 1920px){.social-icon { --cnvs-socialicon-size: 1.6rem; padding-inline: 7px;}}
@media (max-width: 1440px) and (max-width: 1919px) {.social-icon {--cnvs-socialicon-size: 1.5rem; padding-inline: 5px;}.contacto_f{padding-left: 30px; padding-right: 30px;} .p_not{padding: 2rem;}}
@media (max-width: 1280px) and (max-width: 1439px) {.social-icon {--cnvs-socialicon-size: 1.8rem; padding-inline: 5px;}.contacto_f{padding-left: 5px; padding-right: 5px;}.size_card{width: 325px; height: 300px;}.d-card{display: grid;}.asideizq{min-width:442px !important; max-width: 492px !important;} .font_foot{font-size: 15px;}}
@media (max-width: 699px) and (max-width:1279px){ .med-2, .med-8 { text-align: center; margin-bottom: 15px; margin-right: 0; width: auto;} .border_l {border-left:none;} .border_r {border-right:none; margin-right: 0;}.social-icon {--cnvs-socialicon-size: 1.2rem;}.top-footer{font-size: 10px;}.size_log{max-width: 120px; min-width: 40px;}.font_foot{font-size: 12px; letter-spacing: 2px;}.p_not{padding: 1rem;} .med-2{margin: 0%;} .contacto_f{padding-top: 10px;} }
@media (max-width: 699px) and (max-width:952px){ .med-2, .med-8 { text-align: center; margin-bottom: 15px; margin-right: 0;  width: auto;} .social-icon {--cnvs-socialicon-size: 1.2rem;}.top-footer{font-size: 10px;}.size_log{max-width: 120px; min-width: 40px;}.font_foot{font-size: 12px; letter-spacing: 2px;}.p_not{padding: 1rem;} .med-2{margin: 0%;} .contacto_f{padding-top: 10px;} }
 
/*Pantallas menores o iguales a 700px*/
@media (max-width: 700px) {.border_l {border-left:none;} .border_r {border-right:none;margin-right: 0;} .top-footer{font-size: 10px;}.f-12f{font-size: 0.75rem;font-family: var(--primary-family) !important;} .contacto_f{padding-top: 3px;}.asideizq{min-width:405px !important; max-width: 492px !important;}}

/* Conferencias */
.bg-conferencias {background-image: url('../images/textura-gris-1.png');background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 100vh;}
.black-card-confer{max-width: 400px; background-color: rgba(0, 0, 0, 0.80); border-color: white;}
.mx-auto-card {margin-right: auto !important;margin-left: auto!important;}
.hrline{border-top: var(--bs-border-width) solid; opacity: 9; color: var(--main-gray-01-medium);}
.labelinput{font-size: 15px; text-transform: uppercase; font-weight: bold; font-family: var(--primary-family);}
.form-group.fecha-inicio-group .input-group, .form-group.fecha-fin-group .input-group {width: 100%;} 
.fecha-inicio-group { justify-content: flex-start;}
.fecha-fin-group {justify-content: flex-end;}
.labelinput {font-weight: 600; margin-bottom: 4px; }
.giss{color: var(--bley_100) !important;}
.adjunto-flex { display: flex; align-items: flex-end; gap: 1rem; width: 100%; flex-wrap: wrap; }
.inp1 { flex: 1 1 auto; min-width: 0; }
.inp2 {flex-shrink: 0; width: auto; margin-bottom: 20px;}
.inp1 input[type="file"] {width: 100%; box-sizing: border-box;}
.mod{background-color: #FFF; max-width: 750px;}
.mdes{margin-top: 32px;}
.radio-inline-wrap {display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 1rem; flex-direction: row;}
  

.onfoc {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background-image: url('../images/tab-state2.svg'); /* imagen inactiva */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    padding-left: 2rem;
  }
  
  /* Si el botón tiene la clase active, cambia la imagen del span */
  button.active .onfoc {
    background-image: url('../images/tab-state.svg'); /* imagen activa */
  }


@media (max-width: 768px) {.radio-inline-wrap {flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start;} .radio-inline-wrap .labelinput {width: auto; margin-bottom: 0.5rem; white-space: nowrap;}}
@media (max-width: 768px) {.adjunto-flex { } .inp1, .inp2 { min-width: 0;} .inp2 {margin-top: 0; text-align: left;}}

/* contacto */
.captcha-char {font-weight: bold;font-size: 50px;user-select: none;display: inline-block;}
.captcha-box {display: flex;gap: 6px;align-items: center;justify-content: center;background-color: #f8f9fa;border-radius: 0.375rem;width: -webkit-fill-available;}
.mt-50 {margin-top: 50px !important;}

    /* alert */
    .modal-contacto {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 1000;}
      .hidden {display: none;}
      .modal-content-contacto {background-color: #fff;padding: 30px;border-radius: 12px;text-align: center;width: 90%;max-width: 400px;position: relative;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);}
      .modal-content-contacto.warning {border: 5px solid #ffa500 !important;}
      .close-button {position: absolute; top: 10px;right: 20px;font-size: 22px; cursor: pointer;}
      #captcha-text span {display: inline-block;margin: 0 2px;}
      .warning-custome{font-size: 60px; color: #ffa500; margin-bottom: 10px;}

.f-address{font-size: 28px; font-family: var(--primary-family) !important;}
@media (min-width: 321px) and (max-width: 768px) {.f-address{font-size: 16px !important; font-family: var(--primary-family) !important;}}



/*main admin*/
.is-expanded-menu.side-header #header {--cnvs-header-bg: var(--main-dark-medium); border: none;}
.menu-link {color: var(--white); font-family: var(--primary-family) !important;font-weight: 400;}
/* .bar_admi{position: relative;z-index: 10;} */
/* .main_admi{position: relative;z-index: 5;} */
.s_logof{max-width: 170px;}
HEAD
.version{font-size: 16px; color: var(--white);}

/* nuevos */

.asideizq{width: 376px;}

/* Super */

.version{font-size: 16px; color: var(--main-red); letter-spacing: 1px;}
.gradient_main{ background:linear-gradient(to bottom, var(--main-red) 12.2%, var(--main-dark-medium) 2%) !important;}
.is-expanded-menu.side-header #logo {margin: 0.5rem 0;}
.sub-menu-container .menu-item > .menu-link { color: var(--white);letter-spacing: 1px;}
.menu-item .sub-menu-trigger{color: var(--white);top: -2px;right: 4px;}
.primary-menu-trigger{color: var(--white);}
.is-expanded-menu.side-header .menu-item > .menu-link {padding: 0 5px !important;font-weight: 400;}
.is-expanded-menu.side-header .menu-item:hover > .menu-link {background-color: var(--cnvs-primary-menu-submenu-hover-bg) !important;}
.is-expanded-menu.side-header .sub-menu-container, .is-expanded-menu.side-header .mega-menu-content{padding: 0 !important;}
.is-expanded-menu.side-header .on-click .menu-item .sub-menu-trigger {display: block;top: -6px !important;right: -5px;font-size: 10px; z-index: 0 !important;}
.wel-text{font-size: 1rem; font-family: var(--primary-family); font-weight: 700; padding:3rem; display: flex; justify-content: flex-end;}

/* alerts */
.alert-danger2 {--bs-alert-color: var(--main-text-dark) !important;--bs-alert-bg: var(--main-red-light) !important;--bs-alert-border-color: var(--bs-danger-border-subtle);--bs-alert-link-color: var(--bs-danger-text-emphasis);border-radius: 3px;font-size: 18px;}
.alert-secondary2 {--bs-alert-color: var(--main-gray-02) !important;--bs-alert-bg: var(--main-gray-01-medium) !important;--bs-alert-border-color: var(--bs-secondary-border-subtle);--bs-alert-link-color: var(--bs-secondary-text-emphasis); border-radius: 3px;font-size: 18px;}

/* modulo ticker */
.num-grey{color: #000; background-color: #D8D8D8; padding: 0.375rem 0.75rem ; font-size: 1rem; border-radius: 0.375rem;line-height:1.5;}

/* Modulo conferencia */
.fila-destacada {--bs-table-bg: #fdeeee !important;}

/*Admin Micrositios*/
.mw20{max-width: 20% ;}
.select-inline-wrap {display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.select-inline-wrap .labelinput { margin-bottom: 0; white-space: nowrap;}
.select-inline-wrap select {min-width: 150px; flex: 1 1 auto;}


/* newsletter admin */
.title_admin{border-bottom: groove; border-top: groove;}
.title_switch{font-size: 15px; text-transform: uppercase; font-weight: bold;}
.border_switch{width: 200px; border-top: 2px solid #D82A2F;}
.modal-prev{
    max-width: 816px;
    width: 100%;
    height: auto;
    aspect-ratio: 8.5 / 11;
  }
  
  .modal-prev.modal-content {
    max-height: calc(100vh - 60px);
  overflow-y: auto;
  background: white;
  padding: 2rem;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  }

/* newsletter respuestas*/
.btn-01{
    min-width: min-content;
    max-width: 285px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #303030;
    --bs-btn-border-color: #303030;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #010101;
    --bs-btn-hover-border-color: #010101;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #010101;
    --bs-btn-active-border-color: #303030;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #303030;
    --bs-btn-disabled-border-color: #303030;}

    .btn-02{
        min-width: min-content;
        max-width: 285px;
        --bs-btn-color: #fff;
        --bs-btn-bg: #D82A2F !important;
        --bs-btn-border-color: #D82A2F;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #880004;
        --bs-btn-hover-border-color: #880004;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #880004 !important;
        --bs-btn-active-border-color: #D82A2F !important;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #D82A2F !important;
        --bs-btn-disabled-border-color: #D82A2F !important;}

    .switch-toggle-round + label::before {
        right: var(--cnvs-switch-spacing);
        background-color: var(--main-dark-light);
        transition: background 0.4s;
    }

    /*jos*/
    .end_check{display: flex; flex-direction: column; justify-content: flex-end; /* Alinea abajo */align-items: flex-end; /* Alinea a la derecha */height: 100%;}
    .card-body-adm{flex: 1 1 auto; color: var(--white); background-color: var(--main-dark-medium);border: solid;border-color: rgb(27, 25, 25);border-radius: 10px 10px 0 0;border-width: thin; padding: 15px 0 15px 0;}
    .card-fred {padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color: var(--white); background-color: var(--main-red);border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: 0 0 10px 10px;}
    .card-body-chart{flex: 1 1 auto; color: var(--white); background-color: var(--main-gray-02-medium);border: solid;border-color: rgb(233, 233, 233);border-radius: 0 0 10px 10px;border-width: thin; padding: 15px 0 15px 0;}
    .card-chart{padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color: var(--white); background-color: var(--main-red);border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: 10px 10px 0 0;}
    .card-body-table{flex: 1 1 auto; color: var(--white); background-color: var(--main-gray-02-medium);border: solid;border-color: rgb(233, 233, 233);border-radius: 10px;border-width: thin; padding: 15px 0 15px 0;}
    .title_table{background-color: var(--main-dark); color: var(--white); text-align: center; font-weight: 600; text-transform: uppercase; padding: 15px; font-family: var(--primary-family); font-size: 20px;}
    .title_pag{color: var(--main-red); font-size: 48px; font-family: var(--primary-family);}
    .input-group-text {color: var(--white); background-color: var(--main-red); border: var(--main-red)}
    .title_pag_card{background-color: var(--main-gray-01-medium); border-bottom: solid 8px var(--main-red); text-transform: uppercase; color: var(--white); padding: 2%;}
    .title_notd{background-color: var(--main-red); color: var(--white); padding: 1.8%; font-size: 20px; text-align: left; box-shadow: 0px -8px 57px -12px rgba(0,0,0,0.74) !important;}
    .body_card2{background-color: var(--main-gray-02-dark); padding: 4%;text-align: justify;height: 150px;  }
    .data_not{display: flex; justify-content: space-between; color: var(--main-text); font-size: 17; font-family: var(--primary-family);}
    .tagcloud a { border: 1px solid var(--main-gray-01-medium);font-size: 10px !important;color: var(--white);background-color: var(--main-gray-01-medium);}
    .tagcloud a:hover { background-color: var(--main-red) !important;border-color: var(--main-red) !important;color: var(--white) !important; }
    .date_cin{background-color: var(--gray_odd); padding: 1%; text-align: center;}
    .toolt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
    .tooltip {--bs-tooltip-bg: var(--main-red);--bs-tooltip-max-width: 300px;}
    .page-link {background-color: var(--main-gray-01-medium); color: var(--white);}
    .enter-btn{    background-color: var(--main-red-medium); border: 1px solid var(--main-red-medium); padding: 10px 20px; font-size: 16px;cursor: pointer;color: white;text-transform: uppercase; border-radius: 5px; transition: background-color 0.3s ease;}
    .enter-btn:hover{background-color: var(--main-red);}
    .line_gray{border-top: solid 6px var(--gray_d);}

    /*alert bueno*/
    .titulo-negro {
        color: #000 !important; /* Solo el título será negro */
    }
    .swal2-icon.swal2-warning {
        border-color: var(--danger_100) !important;
        color: var(--danger_100) !important;
    }
    .swal2-popup {
        background-color: var(--main-gray-02-light) !important; /* Fondo oscuro personalizado */
      }
      
      .swal2-title, .swal2-html-container {
        color: #000000 !important;
      }
    
      .swal2-icon.swal2-warning {
        border-color: var(--danger_100) !important;
        color: var(--danger_100) !important;
      }
      
    
    /*Modulo ultimas noticias*/
    .num-red{color: #000; background-color:var(--danger_900); padding: 0.375rem 0.75rem ; font-size: 1rem; border-radius: 0.375rem;line-height:1.5;}
    .button-red {--cnvs-btn-color: #D82A2F;}
    /*programas*/
    .canvas-tabs, .canvas-tabs.nav-tabs {--bs-nav-tabs-border-radius: 5px;}
    .h-200{height: 210px !important;}
    .dshw{box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);}
    .custom-img-wrapper {position: relative; width: 100%; max-width: 100%; overflow: hidden;}
    .custom-img {width: 100%; height: auto; display: block; object-fit: cover; transition: opacity 0.3s ease; }    
    .custom-img-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s ease;}      
    .custom-overlay-icon {color: #fff; font-size: 2.5rem; pointer-events: none;}
    .custom-img-link:hover .custom-img-overlay {opacity: 1;}
    @keyframes pulse-icon { 0% {transform: scale(1); opacity: 0.8;} 50% {transform: scale(1.15); opacity: 1;} 100% {transform: scale(1); opacity: 0.8;}}
    .custom-img-link:hover .custom-overlay-icon {animation: pulse-icon 0.6s ease;}

    .hr-lineup{ border-top: groove;}

    .m-btn-sw{margin-left: 1.5rem; margin-right: 1.5rem;}
    .btn-campana{
        min-width: min-content;
        max-width: max-content;
        --bs-btn-color: #fff;
        --bs-btn-bg: #D82A2F;
        --bs-btn-border-color: #D82A2F;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #880004;
        --bs-btn-hover-border-color: #880004;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #880004;
        --bs-btn-active-border-color: #D82A2F;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #D82A2F;
        --bs-btn-disabled-border-color: #D82A2F;}

        /* Table campañas */
        .table-primary {
            --bs-table-color: #fff;
            --bs-table-bg: #D82A2F;
            --bs-table-border-color: #a6b5cc;
            --bs-table-striped-bg: #c5d7f2;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #bacbe6;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #bfd1ec;
            --bs-table-hover-color: #000;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color);
        }

        .btn-light {background-color: #afafaf !important;border: none;}
        .btn-light i {color: black !important;}
        .btn-light:hover {background-color: #D82A2F !important;}
        .btn-light:hover i {color: white !important;}
        .btn-light:active {background-color: #bfbfbf !important;}

        .status-esperando {color: #007BFF;font-weight: 500;}
        .status-enviado {color: #28A745;font-weight: 500;}
        .status-cancelado {color: #DC3545;font-weight: 500;}
        
        @media (max-width: 576px) {.btn-sm {padding: 3px 6px;font-size: 12px;}}

        .table td, .table th {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 150px;}

        .form_small {margin-top: 0.25rem;font-size: 0.870em;color: var(--main-dark-02-medium);text-align: end !important;}

    .check_t{color: var(--main-text); font-size: 15px; font-family: var(--primary-family);}

    /* vimeo custome */
    .fluid-width-video-wrapper {width: 100%;position: relative;padding: 0;height: 100% !important;}

    /* Dashbord */
    #chart-line {display: block;width: 100%;height: auto;max-width: 100%;margin: 0 auto;}
    @media (min-width: 992px) {#chart-line {width: 79rem !important;height: 26rem !important;}}

    /* Actividad de Usuarios */
    .dataTables_paginate {display: flex;justify-content: center;align-items: center;gap: 0.5rem;padding: 1rem 0;flex-wrap: wrap;width: 100%;}


/* Admin galeria */

    /* Tabs de estado */
    .status-tabs {display: flex;justify-content: center;margin: 20px 0;border-bottom: 1px solid #ccc;}
    .status-tab {padding: 10px 30px;border: 1px solid #ccc;border-bottom: none;border-radius: 8px 8px 0 0;margin: 0 3px;cursor: pointer;background-color: #fff;transition: background 0.3s;}
    .status-tab.active {background-color: #f5f5f5;}
    .online{color: green;font-weight: bold;}
    .offline{color: red;font-weight: bold;}
    /* Filtro centrado */
    .galeria-admin .filter {text-align: center;margin-bottom: 10px;}
    /* Contenedor responsivo para tabla */
    .galeria-admin .table-container {width: 100%;overflow-x: auto;}
    /* Estilos de tabla */
    .galeria-admin table {border-collapse: collapse;min-width: 600px;width: 100%;}
    .galeria-admin th {background: #c62828;color: white;}
    .galeria-admin th,.galeria-admin td {border: 1px solid #ccc;padding: 8px 12px;text-align: center;white-space: nowrap;}
    /* Iconos de acción */
    .galeria-admin .actions i {cursor: pointer;margin: 0 5px;font-size: 1.2rem;}
    .online-eye { color: var(--green_300); }
    .offline-eye { color: var(--main-red); }
    /* Oculta filas filtradas */
    .galeria-admin .hidden {display: none;}
    /* Estilo para el toast */
    .galeria-admin .toast {position: fixed;bottom: 20px;right: 20px;background-color: #333;color: #fff;padding: 12px 20px;border-radius: 8px;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;z-index: 9999;font-size: 14px;}
    .galeria-admin .toast.show {opacity: 1;pointer-events: auto;}
    .drop-zone {
        border: 2px dashed #D82A2F;
        padding: 30px;
        cursor: pointer;
        background-color: #f8f9fa;
        transition: background-color 0.3s;
    }
    .drop-zone.dragover {
        background-color: #e0f0ff;
    }
    #preview img {
        max-width: 80px;
        max-height: 80px;
        margin: 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    
    @media (max-width: 767px) {.galeria-admin .center-jus {justify-self:normal !important;}}
      

    /* Admin galeria nueva */
    #preview-container img {
        max-width: 100px;
        max-height: 100px;
        object-fit: cover;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 2px;
      }

    /* modulo menu */	
	.btn-nivel-mm {background-color: var(--main-red-dark);color: white;border: none;padding: 0.75rem 1.5rem;border-radius: 5px;margin-bottom: 1rem;cursor: pointer;font-weight: bold;}
    .lista-menu-mm,.subnivel-mm {list-style: none;padding-left: 0;margin: 0;}
    .item-menu-mm { margin-bottom: 0.5rem; } 
    .contenido-item-mm { display: flex; align-items: center; background-color: #f4f4f4; padding: 0.5rem; border: 1px solid #ccc; border-left: 8px solid #d32f2f; border-radius: 4px; } 
    .drag-icon-mm { margin-right: 0.5rem; cursor: grab; font-size: 1.2rem; color: #d32f2f; } 
    .titulo-mm { flex-grow: 1; padding: 0 0.5rem; } 
    .url-input-mm, .select-url-mm { margin-right: 0.5rem; } 
    .url-input-mm { width: 60%; } 
    .btn-editar-mm, .btn-eliminar-mm, 
    .btn-agregar-subnivel-mm { background: none; border: none; font-size: 1rem; cursor: pointer; } 
    .subnivel-mm {padding-left: 2rem;padding-top: .5rem;}
    .toggle-subnivel-mm { background: none; border: none; font-size: 1rem; cursor: pointer; margin-right: 0.5rem; color: #6e6868; } 
    .subnivel-mm.collapsed-mm { display: none; } 
    button[title]:hover::after { content: attr(title); position: absolute; background-color: #333; color: white; padding: 5px 10px; border-radius: 5px; font-size: 0.875rem; white-space: nowrap; z-index: 1000; top: 100%; left: 50%; transform: translateX(-50%); opacity: 1; visibility: visible; transition: opacity 0.2s ease-in-out; } 
    button[title] { position: relative; } button[title]:hover::after { opacity: 1; visibility: visible; } 
    button[title]:hover::before { content: ''; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #333; }



@media (min-width: 1921px) {
    
    #carrusel_rss{display:block;}.col-md-8 {flex: 0 0 auto;width: 100%;}.ps-md-4 {padding-left: 0rem !important;}#not3,#not4,#not5{display: none;}.f_titles2 {font-size: 40px !important;}.text-card{font-size: 24px; white-space: nowrap !important; overflow: hidden !important;text-overflow: ellipsis !important;}
}

@media (min-width: 1281px) and (max-width: 1920px) {
    .social-icon { --cnvs-socialicon-size: 2.5rem; padding-inline: 7px;}
}

@media (min-width: 1025px) and (max-width: 1280px) {
    
    .col-md-4 {flex: 0 0 auto;width: 100%;}.col-md-4 {flex: 0 0 auto;width: 100%;}#carrusel_rss{display:block;}.col-md-8 {flex: 0 0 auto;width: 100%;}.ps-md-4 {padding-left: 0rem !important;}#not2,#not3,#not4,#not5{display: none;}.f_titles2 {font-size: 40px !important;}.text-card{font-size: 24px; white-space: nowrap !important; overflow: hidden !important;text-overflow: ellipsis !important;}.p-cont{padding-bottom:0;}.m-btn{margin-top: .3rem;margin-bottom: 0;}.entry-image img {height: 340px;}
}

@media (min-width: 769px) and (max-width: 1024px) {
    /* .border_l{border-left: none; margin-left: 0;} .border_r {border-right: none; margin-right: 0;margin-bottom: 15px;}  */
    .size_card{width: 325px; height: 300px;}.d-card{display: grid;}.col_side {flex: 0 0 auto;width: 100%;} .col_cont{max-width:calc(100% - 0px);}.col-md-4 {flex: 0 0 auto;width: 100%;}.col-md-4 {flex: 0 0 auto;width: 100%;}.col-md-8 {flex: 0 0 auto;width: 100%;}.ps-md-4 {padding-left: 0rem !important;}#not2,#not3,#not4,#not5{display: none;}.f_titles2 {font-size: 40px !important;}.text-card{font-size: 24px; white-space: nowrap !important; overflow: hidden !important;text-overflow: ellipsis !important;}#live{display: none;}#live-v2{display:block;}.form-group-live {margin-bottom: 10px;}.order-lg-last {order: 0 !important;}.med-3{flex:1;width: 100%;}
    .col-md-3-micrositios {flex: 1;width: 100%;}

}

@media (min-width: 321px) and (max-width: 768px) {
   
    .h3, h3 {font-size: 1.5rem;} .h2, h2 {font-size: 2rem;}.table {font-size: 10px;} #previewArea span{width:300px;}.lado_izq {display: none;}.lado_der {width: 100%;}.mx-auto{margin-right: 2rem !important;margin-left: 2rem !important;}.content-box {padding: 20px;text-align: center;min-width: -webkit-fill-available;}

    .med-2,.med-8 {text-align: center;margin-bottom: 15px;border: none; margin-right: 0;  width: auto;}.med-5 {flex:0 0 auto !important;width:auto !important;}

    .size_card{width: 325px; height: 300px;}.d-card{display: grid;}.col_side {flex: 0 0 auto;width: 100%;} .col_cont{max-width:calc(100% - 0px);}#live{display: none;}#live-v2{display:block;}.live-text{font-size: 19px; text-align: center;}.form-group-live {margin-bottom: 10px;}.cont-live {display: block;justify-items: center;}.w-400 {width:100%;align-content: center; }#not2,#not3,#not4,#not5{display: none;}#c-conf{display:block;}#conf{display:none;}#c-recom{display:block;}#recom{display:none;}}
    .title_pag {font-size: 40px;} .col-md-3-micrositios {flex: 1;width: 100%;}


@media (max-width: 320px) { 
    .size_card{width: 325px; height: 300px;}.d-card{display: grid;}.col_side {flex: 0 0 auto;width: 100%;}#live{display: block;}.form-group-live {margin-bottom: 10px;}#live-v3{display: block;}#not2,#not3,#not4,#not5{display: none;}#c-conf{display:block;}#conf{display:none;}#c-recom{display:block;}#recom{display:none;} .header-row {position: relative;flex-wrap: wrap;display: flex;justify-content: space-around;flex-direction: row;}
    .col-md-3-micrositios {flex: 1;width: 100%;}}

/* @media (max-width: 991px) {.col-md-9-micrositios {flex: 0 0 auto;width: 100% !important;}}

@media (min-width: 992px) and (max-width: 1281px) {.col_side {flex: 0 0 auto;width: 100% !important;}}


@media (max-width: 1025px){.col_side {flex: 0 0 auto;width: 100%;}}

@media (max-width: 1280px) {.col_side {flex: 0 0 auto;width: 375px;}} */

@media (max-width: 1341px) {.img-logo{width: auto!important;height: 30px !important;margin: 35px !important;}}

@media (max-width: 1279px){.menu-link {font-size: 9px;}}

@media (max-width: 1104px){.img-logo{width: auto!important;height: 30px !important;margin: 35px 0px !important;}}

@media (max-width: 992px){.menu-link {font-size: 7px;}}

@media (max-width: 1030px){.menu-link {font-size: 7px;}}