@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); 
#loader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: black; display: flex; justify-content: center; align-items: center; z-index: 9999; }
#loader video { width: 100%; max-width: 300px; height: auto; object-fit: cover; }
#main-content { display: none; }
:root { /* TIPOGRAFIAS */
    --font-1: "Montserrat", serif; --font-2: "Cutive Mono", monospace; --font-3: "Cutive Mono", monospace; /* COLOR */
    --color-1: #B2043A; --color-2: #7B1732; --color-3: #232323; --color-4: #FFBB55; --color-5: linear-gradient(90deg, rgba(195, 174, 37, 1) 0%, rgba(77, 67, 2, 1) 100%); --color-6: linear-gradient(90deg, rgba(66, 225, 225, 1) 0%, rgba(49, 97, 97, 1) 100%); --color-7: linear-gradient(90deg, rgba(255, 187, 85, 1) 0%, rgba(122, 89, 39, 1) 100%); --color-8: linear-gradient(90deg, rgba(242, 179, 179, 1) 0%, rgba(110, 65, 65, 1) 100%); --color-9: #E1053F; --color-10: #8C2323; --gris-1: #7e7d7d; --gris-2: #ffffff62; --color-black: #141414; --color-white: #FFFFFF; --bg-1: #B2043A; --bg-2: #7B1732; --bg-3: #232323; --bg-4: #FFBB55; --bg-5: linear-gradient(90deg, rgba(195, 174, 37, 1) 0%, rgba(77, 67, 2, 1) 100%); --bg-6: linear-gradient(90deg, rgba(66, 225, 225, 1) 0%, rgba(49, 97, 97, 1) 100%); --bg-7: linear-gradient(90deg, rgba(255, 187, 85, 1) 0%, rgba(122, 89, 39, 1) 100%); --bg-8: linear-gradient(90deg, rgba(242, 179, 179, 1) 0%, rgba(110, 65, 65, 1) 100%); --bg-9: #E1053F; --bg-10: #8C2323; --bg-black: #141414; --bg-white: #FFFFFF; --bg-transparent: transparent; /* SIZE */
    --font-s-100: 100px; --font-s-48: 48px; --font-s-41: 41px; --font-s-40: 40px; --font-s-32: 32px; --font-s-36: 36px; --font-s-30: 30px; --font-s-26: 26px; --font-s-24: 24px; --font-s-21: 21px; --font-s-20: 20px; --font-s-18: 18px; --font-s-16: 16px; --font-s-14: 14px; --font-s-12: 12px; --font-s-10: 10px; /* LINE HEIGHT */
    --lh-auto: normal; --lh-100: 100%; --lh-110: 110%; --lh-120: 120%; --lh-140: 140%; /* FONT WEIGHT  */
    --extrabold: 800; --bold: 700; --semibold: 600; --regular: 400; }
body { margin: 0; overflow-x: hidden; background-color: #232323; }
.margin-main-areas { /* margin-top: -36px; */
    padding-top: 145px; }
.margin-main-ejemplo-congreso { /* margin-top: -36px; */
    padding-top: 120px; }
.padding-container { padding: 0 167px; padding-right: 0; overflow: hidden; }
.slick-slider { overflow: hidden; }
@media (max-width: 991px) {
 .margin-main-areas { padding-top: 170px; }
.margin-main-ejemplo-congreso { padding-top: 100px; }
.padding-container { padding: 0 16px; }
 }
footer { margin: 0; overflow-x: hidden; }
.font-1 { font-family: var(--font-1); }
.font-2 { font-family: var(--font-2); }
.color-1 { color: var(--color-1) !important; }
.color-2 { color: var(--color-2) !important; }
.color-3 { color: var(--color-3) !important; }
.color-4 { color: var(--color-4) !important; }
.color-5 { color: var(--color-5) !important; }
.color-6 { color: var(--color-6) !important; }
.color-7 { color: var(--color-7) !important; }
.color-8 { color: var(--color-8) !important; }
.color-9 { color: var(--color-9) !important; }
.color-10 { color: var(--color-10) !important; }
.gris-1 { color: var(--gris-1) !important; }
.gris-2 { color: #ffffff62 !important; }
.bg-gris-1 { background-color: var(--gris-1) !important; }
.color-black { color: var(--color-black) !important; }
.color-white { color: var(--color-white) !important; }
.bg-1 { background-color: var(--bg-1) !important; }
.bg-2 { background-color: var(--bg-2) !important; }
.bg-3 { background-color: var(--bg-3) !important; }
.bg-4 { background-color: var(--bg-4) !important; }
.bg-5 { background: rgb(66, 225, 225); background: linear-gradient(90deg, rgba(66, 225, 225, 1) 0%, rgba(49, 97, 97, 1) 100%); }
.bg-6 { background: rgb(110, 65, 65); background: linear-gradient(90deg, rgba(110, 65, 65, 1) 0%, rgba(242, 179, 179, 1) 100%); }
.bg-7 { background: rgb(117, 34, 60); background: linear-gradient(90deg, rgba(117, 34, 60, 1) 0%, rgba(195, 68, 108, 1) 100%); }
.bg-8 { background: rgb(77, 67, 2); background: linear-gradient(90deg, rgba(77, 67, 2, 1) 0%, rgba(195, 174, 37, 1) 100%); }
.bg-9 { background-color: var(--bg-9); }
.bg-10 { background-color: var(--bg-10); }
.bg-Black { background-color: var(--bg-black); }
.bg-White { background-color: var(--bg-white); }
.bg-transparent { background-color: var(--bg-transparent); }
.bg-radiant-turq { background: rgb(49, 97, 97); background: -moz-linear-gradient(270deg, rgba(49, 97, 97, 1) 0%, rgba(66, 225, 225, 1) 100%); background: -webkit-linear-gradient(270deg, rgba(49, 97, 97, 1) 0%, rgba(66, 225, 225, 1) 100%); background: linear-gradient(270deg, rgba(49, 97, 97, 1) 0%, rgba(66, 225, 225, 1) 100%); }
.bg-radiant-yellow { background: rgb(122, 89, 39); background: -moz-linear-gradient(270deg, rgba(122, 89, 39, 1) 0%, rgba(255, 187, 85, 1) 100%); background: -webkit-linear-gradient(270deg, rgba(122, 89, 39, 1) 0%, rgba(255, 187, 85, 1) 100%); background: linear-gradient(270deg, rgba(122, 89, 39, 1) 0%, rgba(255, 187, 85, 1) 100%); }
.bg-radiant-pink { background: rgb(110, 65, 65); background: -moz-linear-gradient(270deg, rgba(110, 65, 65, 1) 0%, rgba(242, 179, 179, 1) 100%); background: -webkit-linear-gradient(270deg, rgba(110, 65, 65, 1) 0%, rgba(242, 179, 179, 1) 100%); background: linear-gradient(270deg, rgba(110, 65, 65, 1) 0%, rgba(242, 179, 179, 1) 100%); }
.bg-radiant-green { background: rgb(77, 67, 2); background: -moz-linear-gradient(270deg, rgba(77, 67, 2, 1) 0%, rgba(195, 174, 37, 1) 100%); background: -webkit-linear-gradient(270deg, rgba(77, 67, 2, 1) 0%, rgba(195, 174, 37, 1) 100%); background: linear-gradient(270deg, rgba(77, 67, 2, 1) 0%, rgba(195, 174, 37, 1) 100%); }
.bg-blanco-opacidad { background-color: rgba(255, 255, 255, 0.05); }
.fs-100 { font-size: var(--font-s-100); }
.fs-48 { font-size: var(--font-s-48) !important; }
.fs-41 { font-size: var(--font-s-41) !important; }
.fs-40 { font-size: var(--font-s-40) !important; }
.fs-36 { font-size: var(--font-s-36) !important; }
.fs-32 { font-size: var(--font-s-32) !important; }
.fs-30 { font-size: var(--font-s-30) !important; }
.fs-26 { font-size: var(--font-s-26) !important; }
.fs-24 { font-size: var(--font-s-24) !important; }
.fs-21 { font-size: var(--font-s-21) !important; }
.fs-20 { font-size: var(--font-s-20) !important; }
.fs-18 { font-size: var(--font-s-18) !important; }
.fs-16 { font-size: var(--font-s-16) !important; }
.fs-14 { font-size: var(--font-s-14) !important; }
.fs-12 { font-size: var(--font-s-12) !important; }
.fs-10 { font-size: var(--font-s-10) !important; }
.lh-auto { line-height: normal; }
.lh-08 { line-height: 0.8rem; }
.lh-100 { line-height: var(--lh-100); }
.lh-110 { line-height: var(--lh-110); }
.lh-120 { line-height: var(--lh-120); }
.lh-140 { line-height: var(--lh-140); }
.lh-30 { line-height: 30px; }
.lh-1 { line-height: 1; }
.l-spacing-05 { letter-spacing: 0.15px; }
.pb-320 { padding-bottom: 320px; }
.ancho-75 { width: 75%; }
.no-decoracion { text-decoration: none; }
.border-none { border: none; }
.border-radius-10 { border-radius: 10px; }
.border-radius-50 { border-radius: 50%; }
.gris-medio { color: #FFFFFF; opacity: .6; }
/* BOTON */
.boton_primario { background-color: var(--bg-1) !important; color: var(--color-white) !important; padding: 10px 12px; border-radius: 10px; border: none; text-decoration: none; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.boton_secundario { background-color: var(--bg-2); color: var(--color-white); padding: 6px 12px; border-radius: 6px; border: none; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.boton_secundario_vermas { background-color: var(--bg-2); color: var(--color-white); padding: 3px 7px; border-radius: 10px; border: none; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.boton_negro { background-color: var(--bg-black); color: var(--color-white); padding: 8px; border-radius: 10px; border: none; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.boton_primario:hover,
.boton_secundario:hover,
.boton_secundario_vermas:hover,
.boton_negro:hover { opacity: .7; cursor: pointer; }
.sombra-negra_abajo { background: rgb(0, 0, 0); background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(35, 35, 35, 0) 50%); }
.background-para-img { background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 350px; width: 100%; }
.fit-content { width: fit-content; }
/* NAV */
.navbar { /* position: absolute; top: 0px; */
    width: 100%; z-index: 999; background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); height: unset; justify-content: space-between; padding: 20px 40px !important; }
.navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: rgb(255 255 255); background-color: var(--gris-1); border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); }
.dropdown-menu { --bs-dropdown-bg: #7B1732; --bs-dropdown-link-hover-bg: #232323; --bs-dropdown-link-active-color: #000000; --bs-dropdown-link-active-bg: #232323; }
.navbar .dropdown-menu { padding: 20px; }
#carrusel-inicio .slick-dots li.slick-active button:before { opacity: .75; color: #ffffff; }
#carrusel-inicio .video-carrusel { width: 100%; height: 610px; object-fit: cover; object-position: center; max-width: 1700px; margin: auto; }
#carrusel-inicio .video-carrusel { position: relative; overflow: hidden; }
#carrusel-inicio::before { content: ""; position: absolute; top: 0; /* left: 0; */
    width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(35, 35, 35, 1), rgba(35, 35, 35, 0)); pointer-events: none; z-index: 2; }
#carrusel-inicio::after { content: ""; position: absolute; bottom: 0; /* left: 0; */
    width: 100%; height: 100px; background: linear-gradient(to top, rgba(35, 35, 35, 1), rgba(35, 35, 35, 0)); pointer-events: none; z-index: 1; }
#carrusel-inicio .video-carrusel::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 200px; height: 100%; background: linear-gradient(to right, #232323 0%, transparent 100%); pointer-events: none; z-index: 2; }
#carrusel-inicio .video-carrusel::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 200px; height: 100%; background: linear-gradient(to left, #232323 0%, transparent 100%); pointer-events: none; z-index: 2; }
/* SEECCION-CARRUSELES */
.seccion-gris { height: 180px; width: 100%; background-color: #232323; }
.carrusel-inicio .slick-dots { position: absolute; display: flex; align-items: center; justify-content: center; padding: 0px; margin: 0; list-style: none; text-align: center; z-index: 2; bottom: 20px; }
.carrusel_enlaces .slick-dots { position: absolute; display: flex; align-items: center; justify-content: center; padding: 0px; margin: 0; bottom: -18px; list-style: none; text-align: center; }
.slick-dots li { width: 30px; /* Longitud de la barra */
    height: 5px; /* Grosor */
    background-color: gray; /* Color de las barras inactivas */
    border-radius: 10px; transition: background-color 0.3s, opacity 0.3s; cursor: pointer; }
.slick-dots li.slick-active { background-color: var(--color-white); /* Color de la barra activa */
    opacity: 1; }
.slick-dots li button { display: none; }
.carrousel-card-title { background: linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%); width: 100%; height: 100%; border-radius: 9px; display: flex; align-items: end; padding: 0px !important; padding-left: 20px !important; z-index: -1; }
@media (max-width: 991px) {
 /* .slick-dots li { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.slick-dots li.slick-active,
    .slick-dots li.visible { opacity: 1; pointer-events: auto; }
.slick-dots { position: absolute; bottom: -37px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
*/ }
.slick-list { position: relative; display: block; overflow: unset !important; margin: 0; padding: 0; }
/* ESTRUCTURA VIDEOS */
.estructura-videos { border-radius: 10px; object-fit: cover; overflow: hidden; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.473); }
.titulo-caruseles { z-index: 3; position: relative; }
.circulo-play-grande { border: 4px solid rgba(255, 255, 255, 0.601); border-radius: 50% !important; width: 120px; height: 120px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding-left: 1px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.circulo-play-grande i { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.circulo-play-grande a { font-size: 20px; }
.circulo-play-normal { border: 4px solid rgba(255, 255, 255, 0.601); border-radius: 61%; padding: 22px 27px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.circulo-play-normal i { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
/* SECCION-DESCARGAS */
.seccion-descarga { background-color: rgba(255, 255, 255, 0.1); width: 100%; padding: 48px 70px; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.473); }
/* FOOTER */
.cuadrado-red-social { background-color: rgba(255, 255, 255, 0.1); padding: 10px 12px; border-radius: 10px; display: flex; position: relative; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.cuadrado-red-social:hover { cursor: pointer; transform: translateY(-2px); opacity: .8; }
/* AREA USUARIO */
#datos_personales .vertical-tabs .tab a { display: block; padding-right: 4px; text-align: right; font-weight: var(--regular); color: var(--color-white); text-decoration: none; white-space: nowrap; }
#datos_personales .vertical-tabs { margin-left: 13px; display: flex; flex-direction: column; border-right: 3px solid var(--color-white); width: fit-content; padding-right: 10px; }
#datos_personales .vertical-tabs ul { list-style: none; }
#datos_personales .vertical-tabs .tab a.active { color: var(--color-white); opacity: .4; }
#datos_personales .caja-form dl, ol, ul { margin-top: 0; margin-bottom: 0rem; }
#datos_personales .caja-form { display: flex; flex-direction: column; gap: 40px; align-items: flex-end; }
#datos_personales #tab1 .boton_primario { padding: 8px; }
#datos_personales { display: flex; align-items: center; justify-content: center; }
#datos_personales .row { margin-top: 139px; }
#datos_personales .form-control:focus { background-color: #ffffff3b; border: var(--bs-border-width) solid var(--bs-border-color); outline: 0; box-shadow: none; }
.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #ffffff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(255, 255, 255, 0.1); background-clip: padding-box; border-color: transparent; border-radius: var(--bs-border-radius) !important; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-family: var(--font-1); }
.form-control::placeholder { color: white; }
nav .form-control { padding: 10px 10px 10px 46px; border: solid 1px transparent; }
nav .form-control:focus { color: var(--color-white); background-color: #ffffff3d !important; border-color: unset; outline: 0; box-shadow: none; border: none; }
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: unset; border-bottom-right-radius: unset; }
.cuadrado-suscripto { padding: 30px; background-color: #ffffff26; max-width: 100%; border-radius: 10px; width: 100%; }
.boton-cambia-img { background-color: transparent; border: none; }
.boton-cerrar-sesion-1 { background-color: transparent; border: none; }
.boton-cancelarSuscripto { padding: 10px 10px; background: rgb(120, 21, 21); background: linear-gradient(90deg, rgba(120, 21, 21, 1) 0%, rgba(27, 8, 8, 1) 100%); border: none; color: white; border-radius: 10px; font-size: 12px; line-height: 14.63px; height: fit-content; }
.boton-suscrito { padding: 12px; background: rgb(77, 67, 2); background: linear-gradient(270deg, rgba(77, 67, 2, 1) 0%, rgba(195, 174, 37, 1) 100%); border: none; color: white; border-radius: 10px; }
/* MI CONTENIDO GUARDADO */
#contenido_guardado .row { margin-top: 151px; height: 100%; }
/* PONENTES */
.seccion-ponente { padding-top: 202px; }
@media (max-width: 991px) {
 .seccion-ponente { padding-top: 140px; }
 }
/* AREA ACCEDE */
#accede { padding-top: 215px; background-position: center; background-size: cover; background-repeat: no-repeat; }
@media (max-width: 991px) {
 #accede { padding-top: 110px; }
 }
#form-email_accede { width: 100%; }
#login_form input { border: 1px solid black; color: #fff; }
/* AREA */
#lo_ultimo .slick-dots { position: absolute; bottom: 30px; display: flex; align-items: end; justify-content: center; padding: 0px; margin: -24px 0; list-style: none; text-align: center; background: linear-gradient(0deg, rgba(35, 35, 35, 1) 0%, rgba(255, 255, 255, 0) 100%); height: 130px; }
.background-para-img-area { background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; height: fit-content; min-height: 345px; z-index: -1; mask-image: linear-gradient(#232323 100%, transparent); /*filter: grayscale(100%); */ }
@media (max-width: 991px) {
 .background-para-img-area { min-height: 400px; background-position: left center; }
 }
.background-para-img-area::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.196) 0%, rgba(123, 23, 50, 1) 100%); z-index: 1; opacity: .7; }
.background-para-img-area::before { position: absolute; content: ""; bottom: -1px; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgb(34, 34, 34) 0%, rgba(35, 35, 35, 0) 100%),
        linear-gradient(90deg, rgb(35 35 35) 0%, rgba(35, 35, 35, 0) 50%); z-index: 2; }
/* CONGRESO */
.background-para-img-congreso { background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 545px; z-index: -1; }
.background-para-img-congreso:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.196) 0%, rgba(123, 23, 50, 1) 100%); z-index: 1; }
.background-para-img-congreso:after { position: absolute; content: ""; top: 0; /* Fija el pseudo-elemento en la parte superior */
    left: 0; /* Fija el pseudo-elemento en la parte izquierda */
    width: 100%; height: 100%; background: linear-gradient(0deg, rgb(34, 34, 34) 0%, rgba(35, 35, 35, 0) 50%); z-index: 2; /* Asegúrate de que esté detrás del contenido */ }
.input-container { position: relative; display: inline-block; }
.input-container input { padding: 5px 5px 5px 40px; height: 34px; font-size: 16px; background-color: #4b4b4bb8; border: none; border-radius: 6px; min-width: 235px; color: white; }
.input-container input:focus { outline: 0 }
.input-container i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #303030; }
.seccion-gris-congreso { height: 389px; width: 100%; background-color: #232323; }
.lista-movil { gap: 40px 2.6%; }
@media (max-width: 991px) {
 .ancho-75 { width: 100%; }
.navbar { padding: 0px; padding-top: 0px; }
.seccion-descarga { width: 100%; padding: 48px 7px; padding-top: 175px !important; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.473); }
.titulo-caruseles { z-index: 3; position: relative; }
.navbar button { width: 40px; height: 40px; padding: 8px; display: flex; align-items: center; justify-content: center; }
 }
@media (max-width: 772px) {
 .fs-30 { font-size: var(--font-s-20); }
.fs-24 { font-size: var(--font-s-14); }
.logo-web { width: 80px; height: auto; }
.titulo-caruseles { width: 100%; }
.background-para-img { background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; }
.background-para-img-congreso { background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 408px; }
.seccion-gris { height: 361px; width: 100%; background-color: #232323; }
#seccion-descarga .seccion-gris { height: 150px; width: 100%; background-color: #232323; }
.seccion-descarga { width: 100%; padding: 48px 18px; border-radius: 10px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.473); }
/* AREA USUARIO */
    #datos_personales .row { margin-top: 120px; }
#datos_personales .caja-form { display: flex; flex-direction: column; gap: 10px; align-items: center; padding-bottom: 20px; }
.vertical-tabs ul { display: flex; gap: 40px; padding-left: 9px; }
#datos_personales .vertical-tabs { margin-left: 0px; display: flex; flex-direction: row; border-right: none; width: fit-content; padding-right: 0px; width: 100%; }
#datos_personales .vertical-tabs ul { width: 100%; gap: 12px; align-items: center; justify-content: center; flex-direction: column; }
 }
.contenedor-historial-facturacion { background-color: rgba(255, 255, 255, 0.2); border-radius: 10px; padding: 40px; }
.search-container { position: relative; display: inline-block; }
.search-input { padding-left: 50px; border-radius: 10px; width: 250px; background-color: rgba(255, 255, 255, 0.10); color: #fff; border: 0; }
.search-icon { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); font-size: 1.2rem; color: #F0F0F0; }
.iconos-botones { background: transparent; border-color: transparent; }
.container.px-lg-0 { min-height: 333px; }
.user_button { border-radius: var(--bs-border-radius); text-decoration: none; overflow: hidden; display: flex; align-items: center; }
.user_button img { width: 45px; height: 45px; object-fit: cover; /* <-- Esta es la clave para evitar deformación */
    object-position: center; }
@media (max-width: 991px) {
 .user_button img { width: 40px; height: 40px; object-fit: cover; /* <-- Esta es la clave para evitar deformación */
        object-position: center; }
.contenedor-historial-facturacion { background-color: rgba(255, 255, 255, 0.2); border-radius: 10px; padding: 40px 25px; }
 }
.img-foto-ponente { max-width: 100px; max-height: 100px; height: 100px; min-width: 100px; margin: 0 auto; object-fit: cover; background-color: #000000; }
#avatar-file { display: none; }
.popover .popover-header { border-radius: 6px; }
.popover .popover-header p { margin-bottom: unset; margin: 15px 0; }
.popover .popover-header p a { text-decoration: none; color: var(--color-black); }
.popover .popover-header p a i { margin-right: 10px; }
@media (max-width: 991px) {
 .navbar-collapse { position: absolute; background: var(--bg-3); width: 100%; left: 0; top: 0; padding: 30px 12px; -webkit-box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.2); min-height: 100vh; }
.navbar-nav .nav-item .nav-link { text-align: center; font-family: var(--font-1); font-size: 26px; font-weight: 500; line-height: var(--lh-100); letter-spacing: 0.5px; -webkit-box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 6px; }
.navbar-collapse::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); pointer-events: none; }
.dropdown-menu { --bs-dropdown-bg: unset; --bs-dropdown-link-hover-bg: unset; --bs-dropdown-link-active-color: unset; --bs-dropdown-link-active-bg: unset; padding: 15px 0 0 0; border: none; width: 100% !important; background-color: unset !important; }
.dropdown-menu li { display: flex; justify-content: center; padding: 0 0 10px 0px; margin: 0 0 12px 0px; border-bottom: 1px solid white; }
.dropdown-menu li .dropdown-item { text-align: center; width: fit-content; text-wrap: unset; font-family: var(--font-1); font-size: var(--font-s-16); font-weight: 500; line-height: var(--lh-100); letter-spacing: 0.5px; padding-bottom: 12px; padding-top: 0; }
.dropdown-menu li .dropdown-item:last-of-type { padding-bottom: 0; }
 }
.dropdown-menu { --bs-dropdown-bg: unset; --bs-dropdown-link-hover-bg: unset; --bs-dropdown-link-active-color: unset; --bs-dropdown-link-active-bg: unset; padding: 10px 36px; border: none; width: 400px; background-color: rgba(0, 0, 0, 0.8); }
.dropdown-menu li { display: flex; justify-content: center; margin: 0 0 12px 0px; border-bottom: 1px solid white; }
.dropdown-menu li:last-child { border-bottom: none; margin: unset; }
.dropdown-menu li .dropdown-item { text-align: center; width: fit-content; text-wrap: unset; font-family: var(--font-1); font-size: var(--font-s-16); font-weight: 500; line-height: var(--lh-100); letter-spacing: 0.5px; padding-bottom: 10px; padding-top: 0; line-height: normal; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.dropdown-menu li .dropdown-item:hover { opacity: .8; }
.dropdown-menu li:last-of-type .dropdown-item { padding-bottom: 0; }
.navbar-toggler.boton-cierre { background-color: unset; border: none; padding: 6px; }
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: unset; }
.form-control:focus { color: var(--color-white); background-color: unset; border-color: unset; outline: 0; box-shadow: none; }
.img-perfil { width: 150px; height: 150px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: var(--bs-border-radius); }
.img-perfil img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.form-check-input:checked { background-color: var(--bg-1); border-color: var(--bg-1); }
.video-card { position: relative; }
.video-card a { display: block; position: relative; z-index: 1; }
/* ----- BANNER SOCIO ----- */
.seccion-socio { background-image: url(../img/banner-socio.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 400px; }
.contenido-seccion-socio { max-width: 616px; }
.contenido-seccion-socio a { letter-spacing: 0.08px; padding: 12px; border-radius: 10px; }
.navbar-collapse .boton_secundario { padding: 10px 15px; }
.img-movil-seccion-descarga { width: 270px; }
.img-google-play { width: 442px; }
.img-app-store { width: 239px; }
@media (max-width: 991px) {
 .img-google-play { width: 204px; }
.img-app-store { width: 175px; }
 }
#seccion-descarga { margin-top: 48px; margin-bottom: 0px; }
.formulario-registro { width: 100%; max-width: 500px; }
.img-fondo-accede { top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; height: 68%; width: 100%; z-index: -1; }
@media (max-width: 991px) {
 .img-fondo-accede { top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; height: 43%; width: 100%; z-index: -1; }
 }
.img-fondo-accede::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(35, 35, 35, 1) 100%); pointer-events: none; }
.img-fondo-accede::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(123, 23, 50, .9) 0%, rgba(178, 4, 58, .9) 100%); pointer-events: none; z-index: -1; }
.cardiologia-enlaces .estructura-videos { opacity: .4; }
.btn-seleccionado { background-color: #333 !important; }
.form-check-input { background-color: transparent; }
.seccion-areas { margin-top: 202px; }
.width-card-carrusel { width: 100% !important; display: flex; }
.sombra { position: relative; }
.sombra p { z-index: 2; position: relative; }
/*.sombra::before { content:""; height: 100%; width: 100%; background-color:rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 0; }
*/
@media (max-width: 991px) {
 .seccion-areas { margin-top: 102px; }
.width-card-carrusel { width: 100vw !important; display: flex; }
.estructura-videos { width: 100%; }
 }
.seccion-descarga h2:nth-of-type(1) { font-family: var(--font-1); font-size: var(--font-s-26); font-weight: 700; }
.seccion-descarga p:nth-of-type(1) { font-family: var(--font-1); font-size: var(--font-s-24); font-weight: 300; }
@media (max-width: 991px) {
 /*.slick-prev, .slick-next { top: 56% !important; }
*/
    .seccion-descarga h2:nth-of-type(1) { font-size: var(--font-s-18); }
.seccion-descarga p:nth-of-type(1) { font-size: var(--font-s-16); }
 }
.contenedor-img-registros { height: 100px; width: 100px; padding: 4px; border-radius: 50%; position: relative; overflow: hidden; /* Asegura que los elementos no se salgan del contorno circular */ }
.fondo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, #B2043A 0%, #7B1732 100%); mix-blend-mode: multiply; }
.contenido-img-registros { background-color: #232323; z-index: 1; width: 100%; position: relative; height: 100%; border-radius: 50%; }
@media (max-width: 991px) {
 .beneficios { width: 159px; }
 }
.modal-login { margin: 0 auto; }
.modal-login .boton-close { top: 10px; right: 10px; background-color: unset; border: none; }
.modal-login .boton-close img { border-radius: 0 !important; }
.modal-login .boton-close:focus { outline: 0; box-shadow: unset; opacity: var(--bs-btn-close-focus-opacity); }
.modal-login .modal-content { position: unset; border: unset !important; border-radius: 10px 0 0 10px; background: #232323; }
.modal-login .modal-header { border-bottom: unset; border-top-left-radius: unset; border-top-right-radius: unset; }
.modal-login .modal-body { position: relative; flex: unset; padding: 0 !important; }
.modal-login .form-control { height: 44px; border: none !important; border-radius: 10px !important; }
#login_form input:focus { border: solid 1px white !important; }
.modal-login .modal-footer { border-top: unset; border-bottom-right-radius: unset; border-bottom-left-radius: unset; }
.modal-login .boton-acceder { width: 100%; background-color: var(--bg-1); border: none; border-radius: 10px; height: 44px; color: var(--color-white); }
.modal-login img { border-radius: 0 10px 10px 0; }
@media (max-width: 991px) {
 .modal-login { max-width: 100% !important; }
.modal-login .modal-content { border: unset !important; border-radius: 10px 10px 0 0; height: unset; }
.modal-login .img-login { border-radius: 0 0 10px 10px; height: 237px; width: 100%; object-fit: cover; }
.modal-dialog-centered { display: flex; align-items: center; min-height: unset; margin-top: 78px; }
.modal-login .boton-close { top: -53px; right: 2px; }
 }
.sesion { width: 100%; }
.slick-dots { position: unset; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.ancho-contenedor { width: 362px; }
@media (max-width: 991px) {
 /* .contenedor-texto-cargiologia_clinica { width: 189px; }
*/
    .ancho-contenedor { width: 100%; }
 }
.dropdown.dropdown-usuario { width: 44px; height: 44px; background: #232323; border-radius: 10px; position: relative; }
.dropdown.dropdown-usuario button { width: 100%; border: none; background-color: unset; }
.dropdown.dropdown-usuario button img { width: auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); max-height: 40px; }
.dropdown.dropdown-usuario button::after { content: unset; }
.dropdown-menu-usuario { right: 4px !important; top: 55px !important; width: max-content !important; left: unset !important; margin-top: unset !important; padding: 24px 20px !important; }
.dropdown-menu-usuario li { display: unset !important; justify-content: unset !important; margin: unset !important; border-bottom: unset !important; }
.dropdown-menu-usuario li .dropdown-item { display: flex; width: 100%; justify-content: end; text-align: unset !important; width: unset !important; text-wrap: unset !important; font-family: var(--font-1); font-size: var(--font-s-16); font-weight: 500; line-height: var(--lh-100); letter-spacing: 0.5px; }
/* .slick-slide { width: 495px ; }
*/
.contenedor-congresos { height: 100%; justify-content: flex-start; display: flex; flex-direction: column; gap: 70px; }
.fondo-rojo-ponente { height: 700px; width: 100%; position: absolute; background: linear-gradient(180deg, rgba(178, 4, 58, 1) 0%, rgba(35, 35, 35, 1) 100%); z-index: -1; }
.estructura { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; max-width: 1570px; }
@media (max-width: 1650px) {
 .estructura { grid-template-columns: repeat(3, 1fr); }
 }
@media (max-width: 1350px) {
 .estructura { grid-template-columns: repeat(2, 1fr); }
 }
@media (max-width: 576px) {
 .estructura { grid-template-columns: 1fr; gap: 20px; }
 }
.h-videos { height: 200px; }
.h-videos-estructura { height: 172px; }
.h-seccion { height: 100%; position: relative; padding: 120px 0px !important; }
@media (max-width: 991px) {
 .h-videos { height: 142px; }
.h-seccion { height: unset; }
.contenedor-congresos { padding-bottom: unset; }
 }
.background-para-img:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(123, 23, 50, 1) 100%); z-index: 2; }
.h-seccion:after { position: absolute; content: ""; top: 0; /* Fija el pseudo-elemento en la parte superior */
    left: 0; /* Fija el pseudo-elemento en la parte izquierda */
    width: 100%; height: 100%; background: linear-gradient(90deg, rgb(35 35 35) 0%, rgba(35, 35, 35, 0) 50%); z-index: 2; /* Asegúrate de que esté detrás del contenido */ }
.btn { padding: unset; }
.h-200 { height: 200px; }
@media (max-width: 991px) {
 .h-200 { height: 150px; }
 }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: unset !important; margin-right: auto; }
#suscribeteModal .modal-dialog { width: 100%; max-width: 1025px; }
#suscribeteModal .modal-content { padding: 60px; }
#suscribeteModal .modal-body { position: unset; padding: unset; gap: 40px; }
#suscribeteModal .card-body { padding: 25px; }
#suscribeteModal .form-check-input:checked[type=radio] { --bs-form-check-bg-image: unset; }
#suscribeteModal .form-check-input:focus { border-color: transparent; outline: 0; box-shadow: unset; }
#suscribeteModal .form-check-input { background-color: var(--bs-form-check-bg); }
.form-check-input:checked { background-color: var(--bg-1) !important; border-color: var(--bg-1) !important; }
.btn-suscripcion { background-color: var(--bg-1); width: 100%; padding: 10px; }
.btn-suscripcion:hover { background-color: var(--bg-1); }
#suscribeteModal .boton-close { top: -45px; right: 0; background-color: unset; border: none; }
.padding-40 { padding: 40px; }
/* .btn-seleccionar { display: inline-flex; align-items: center; justify-content: center; padding: 12px; font-family: var(--font-1); font-size: 16px; border: none; border-radius: 10px; color: white; cursor: pointer; transition: background 0.3s ease; }
.btn-no-seleccionado-suscribirse { background: linear-gradient(270deg, #6E4141 -10%, #F2B3B3 100%); mix-blend-mode: multiply; }
.btn-seleccionado-suscribirse { background: linear-gradient(270deg, #4D4302 -10%, #C3AE25 100%); }
*/
.btn-seleccionar { display: inline-flex; align-items: center; justify-content: center; padding: 12px; font-family: var(--font-1); font-size: 16px; border: none; border-radius: 10px; color: white; cursor: pointer; transition: background 0.3s ease; position: relative; overflow: hidden; background-color: transparent; }
.btn-no-seleccionado-suscribirse::before { content: ''; position: absolute; inset: 0; background: linear-gradient(270deg, #6E4141 -10%, #F2B3B3 100%); mix-blend-mode: multiply; border-radius: 10px; z-index: 0; }
.btn-seleccionado-suscribirse::before { content: ''; position: absolute; inset: 0; background: linear-gradient(270deg, #4D4302 -10%, #C3AE25 100%); border-radius: 10px; z-index: 0; }
.btn-texto { position: relative; z-index: 1; }
.capa-before { position: relative; overflow: hidden; /* Asegura que el before no se salga */ }
.capa-before::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Ajusta la opacidad aquí */
    z-index: 1; border-radius: 10px; /* Coincide con el borde del div */ }
.contenido-cardiologia-enlaces { width: 100%; max-width: 350px; }
.contenido-cardiologia-enlaces-seguir-viendo { width: 100%; max-width: 350px; }
.conenido-congreso { width: 100%; max-width: 350px; }
.contenido-Insuficiencia_Cardiaca_2024 { width: 100%; max-width: 350px; }
.contenido-cardiologia-area { width: 100%; max-width: 350px; }
.contenido-lo-ultimo { width: 100%; max-width: 350px; }
@media (max-width: 991px) {
 .contenido-cardiologia-enlaces { max-width: 360px; }
.contenido-cardiologia-enlaces-seguir-viendo { max-width: 360px; }
.contenido-Insuficiencia_Cardiaca_2024 { max-width: 360px; }
.contenido-cardiologia-area { max-width: 360px; }
.contenido-lo-ultimo { max-width: 360px; }
 }
@media (max-width: 400px) {
 .contenido-cardiologia-enlaces { max-width: 275px; }
.contenido-cardiologia-enlaces-seguir-viendo { max-width: 275px; }
.contenido-Insuficiencia_Cardiaca_2024 { max-width: 300px; }
.contenido-cardiologia-area { max-width: 275px; }
.contenido-lo-ultimo { max-width: 275px; }
 }
.ancho-video-sec-numeros { width: 100%; max-width: 429px; }
.slick-slider div button { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.slick-slider div button i { margin-right: 4px; }
.slick-slider div button:hover { opacity: .8; }
.slick-slider a>div { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; border-radius: 10px; }
.slick-slider a .fa-lock { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s }
.slick-slider a>div>img { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.slick-slider a:hover { background-color: var(--bg-3); transform: translateY(1px); }
.slick-slider a:hover>img { opacity: .4; position: relative; }
.slick-slider a:hover .fa-lock { color: var(--color-9) !important; }
.slick-slider a:hover .circulo-play-grande,
.slick-slider a:hover .circulo-play-normal { transform: translateY(-2px); border: 4px solid var(--bg-9); opacity: 1; }
.slick-slider a:hover .circulo-play-grande i,
.slick-slider a:hover .circulo-play-normal i { color: var(--color-9) !important; }
.slick-slider a>p { display: block; min-height: 55px; }
div:where(.swal2-container) h2:where(.swal2-title) { font-family: var(--font-1) !important; }
div:where(.swal2-container) .swal2-html-container { font-family: var(--font-1) !important; }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { background-color: var(--bg-1) !important; }
/*.slick-slider::before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 200px; height: 100%; background: linear-gradient(90deg,rgba(35, 35, 35, 0) 0%, rgba(35, 35, 35, 1) 100%); z-index: 1; }
*/
.carrusel_enlaces .slick-slide { width: 100%; max-width: 350px; padding-right: 0 !important; margin-right: 40px; }
.cs-congresos .slick-slide { width: 100%; max-width: 228px; padding-right: 0 !important; margin-right: 40px; }
.Insuficiencia_Cardiaca_2024 .slick-slide { width: 100%; max-width: 350px; padding-right: 0 !important; margin-right: 40px; }
.cardiologia-area .slick-slide { width: 100%; max-width: 350px; padding-right: 0 !important; margin-right: 40px; }
.contenido-destacado .slick-slide { width: 100%; max-width: 350px; padding-right: 0 !important; margin-right: 40px; }
.contenido-destacado .slick-slide { /* max-width: 500px; */
    padding-right: 0 !important; margin-right: 20px; }
.contenido-destacado p { min-height: 85px; }
.cs-ultimo .slick-slide { width: 100%; max-width: 350px; padding-right: 0 !important; margin-right: 40px; }
.sn-mb p { margin-bottom: 0; }
.fw-semibold { font-weight: 500 !important; }
.radio-grid { display: flex; flex-wrap: wrap; gap: 40px; justify-content: flex-start; }
.radio-option { width: calc(25% - 30px); height: 180px; max-width: 190px; background-color: #232323; border-radius: 10px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; transition: border 0.3s ease; padding-top: 10px; box-sizing: border-box; overflow: hidden; }
.radio-option input[type="radio"] { display: none; }
.radio-option img { width: 100%; max-width: 110px; height: auto; pointer-events: none; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.radio-option:has(input[type="radio"]:checked) { border: 6px solid #B2043A; border-radius: 10px; padding-top: 10px; }
.radio-option input[type="radio"]:checked+img { bottom: -10px; }
.navbar>.container-lg { gap: 40px; }
.navbar.navbar-expand-lg .navbar-nav .nav-link { padding: 0px 20px; }
.navbar.navbar-expand-lg .navbar-nav li:first-of-type a { padding-left: 0; }
.navbar.navbar-expand-lg .navbar-nav li:last-of-type a { padding-right: 0; }
.search-input { border: 0 !important; }
.dropdown-toggle::after { vertical-align: .1em; }
#carrusel-inicio .video-carrusel { position: relative; }
#carrusel-inicio .video-carrusel img { position: relative; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.slick-prev, .slick-next { background: transparent; }
.slick-prev:before, .slick-next:before { font-size: 45px; filter: drop-shadow(2px 4px 6px #232323); }
.slick-prev { left: 0 !important; z-index: 9; }
.slick-next { right: 25px !important; z-index: 9; }
.slick-slider .slick-prev, .slick-slider .slick-next { opacity: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s }
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { opacity: 1; }
.wrap-listado-busqueda { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; gap: 40px; }
.wrap-listado-individual { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 20px; width: 100%; }
.wrap-listado-titulo { width: 100%; }
.wrap-listado-individual-cards { flex: 1 0 calc(25% - 20px); max-width: calc(25% - 20px); }
/*.wrap-listado-busqueda { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; gap: 20px; }
.wrap-listado-individual { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; gap: 20px; }
.wrap-listado-individual-cards { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 20px; }
.wrap-listado-busqueda .wrap-listado-individual-cards div { flex: 1 0 calc(25% - 20px); max-width: calc(25% - 20px); }
.wrap-listado-busqueda .wrap-listado-individual-cards a { flex: 1 0 calc(25% - 20px); max-width: calc(25% - 20px); }
.wrap-listado-busqueda .wrap-listado-individual-cards .h-videos { height: 157px; position: relative; }
.wrap-listado-busqueda .wrap-listado-individual-cards .h-videos::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(35, 35, 35, 1), rgba(35, 35, 35, 0)); }
.wrap-listado-busqueda .wrap-listado-individual-cards .h-videos img { width: 100%; height: 100%; }
*/
.seccion-buscador { padding-top: 175px; }
.seccion-buscador .titulo-resultado span { color: var(--color-9); font-style: italic; }
.btn-flecha { display: flex; align-items: center; justify-content: flex-start; gap: 10px; flex-direction: row; background-color: var(--bg-1) !important; color: var(--color-white) !important; padding: 10px 12px; border-radius: 10px; border: none; text-decoration: none; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; width: fit-content; }
.btn-flecha a { font-size: 14px; font-weight: bold; line-height: normal; color: white; font-family: var(--font-1); text-decoration: none; }
.btn-flecha div { display: flex; justify-content: center; align-items: center; padding: 2px; border-radius: 2px; background-color: rgba(178, 4, 58, 40%); text-align: center; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s }
.btn-flecha:hover:hover { cursor: pointer; }
.btn-flecha:hover div { position: relative; transform: translateX(-2px); -webkit-transform: translateX(-2px); }
.overflow-nombre { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
/* proximamente */
.body-proximamente { width: 100%; height: 100vh; }
.wrap-full { width: 100%; height: 100%; background: linear-gradient(0deg, rgba(123, 23, 50, 1) 0%, rgba(178, 4, 58, 1) 100%); position: relative; }
.wrap-full::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(35, 35, 35, 1) 100%); }
.wrap-full .img-wrap { background-image: url('../img/bg-proximamente.png'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; opacity: .7; mix-blend-mode: multiply; }
.body-proximamente footer { display: none !important; }
.body-proximamente .container { position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.body-proximamente .wrap-text { max-width: 390px; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; }
.body-proximamente .wrap-text h2 { font-family: var(--font-1); font-size: 30px; font-weight: bold; color: white; line-height: normal; margin: 0; margin-bottom: 12px; letter-spacing: .5px; text-align: center; }
.body-proximamente .wrap-text span { font-family: var(--font-1); font-size: 18px; font-weight: bold; color: white; line-height: normal; margin: 0; letter-spacing: .5px; text-align: center; }
/* proximamente*/
/* error 404 */
.body-error .wrap-full .img-wrap { background-image: none; mix-blend-mode: unset; }
.body-error .wrap-full { background: transparent; }
/* error 404 */
.dropdown-menu li .dropdown-item { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 10px; }
.navbar-expand-lg .navbar-nav .dropdown-menu { width: fit-content; }
.wrap-areas-ponente { background-color: #24242433; }
.contendor-info-datos .img-perfil { width: 100%; background: #232323; align-items: flex-end; }
.contendor-info-datos .img-perfil img { max-height: 140px; width: auto; height: auto; }
/* sleect2 */
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single { background-color: rgba(255, 255, 255, 0.1) !important; border: 0 !important; border-radius: 5px !important; color: white !important; height: 38px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px !important; color: white !important; font-family: var(--font-1) !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #ffffff transparent transparent transparent !important; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #ffffff transparent !important; }
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-results__option,
.select2-results__option--selectable { font-family: var(--font-1) !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--bg-2) !important; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: 0 !important; }
.wrap-ponente-ponencia { background: rgba(255, 255, 255, .1); border-radius: 5px; max-width: 142px; padding: 12px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.wrap-ponente-ponencia:hover { cursor: pointer; opacity: .8; transform: translateY(-2px); }
.contenedor-formulario-tab-1 { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 40px; flex-wrap: wrap; }
.contenedor-formulario-tab-1 .form-group { width: calc(50% - 20px); }
.form-control:disabled { background-color: #00000063 !important; }
.contenedor-oculto { position: relative; display: none; }
/* .contenedor-oculto::before { content:""; position: absolute; height: 100%; width: 100%; z-index: 9; top: 0; left: 0; background:rgba(0, 0, 0, 0.5); border-radius:10px; padding: 10px; }
*/
/* .contenedor-registro { border-radius:10px; padding: 0.5rem; }
*/
.btn-activo { background-color: #111 !important; border-color: #111 !important }
#socio hr { border-color: white }
.modal-login a { color: white; font-weight: bold; }
.modal-login * { color: white }
.cabecero { padding-top: 155px; padding-bottom: 3rem; }
/* BREACKPOINTS */
@media (min-width: 1400px) {
 .container-lg { max-width: 1700px; }
 }
@media (max-width: 1199px) {
 .padding-container { padding-left: 80px; }
 }
@media(max-width: 1024px) {
 .navbar>.container-lg { gap: 20px; }
 }
@media(max-width: 991px) {
 :root { /* SIZE */
        --font-s-100: 60px; --font-s-48: 38px; --font-s-41: 31px; --font-s-40: 30px; --font-s-32: 26px; --font-s-36: 28px; --font-s-30: 22px; --font-s-26: 20px; --font-s-24: 18px; --font-s-21: 17px; --font-s-20: 16px; --font-s-18: 16px; --font-s-16: 16px; --font-s-14: 14px; --font-s-12: 12px; --font-s-10: 10px; }
.contenido-destacado p { min-height: 60px; }
.cabecero { padding-top: 109px; padding-bottom: 3rem; }
.cardiologia-area .slick-slide { margin-right: 0; }
.radio-option { width: calc(33.33% - 27px); }
.wrap-listado-individual-cards { flex: 1 0 calc(33.33% - 20px); max-width: calc(33.33% - 13px); }
nav .form-control { border: solid 1px transparent !important; width: 100% !important; }
.navbar-collapse .navbar-nav { display: flex; flex-direction: column; gap: 32px; align-items: flex-start; }
.navbar { padding: 20px 12px 40px 12px !important; }
.navbar-collapse .navbar-nav li { width: 100%; }
.navbar-collapse { padding: 20px 12px; }
.dropdown-menu li { padding: 0 0 12px 0px; }
.navbar.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 12px !important; }
.navbar .dropdown-menu.show { padding-bottom: 0; }
.dropdown-menu li:last-child { padding-bottom: 0; }
 }
@media(max-width: 767px) {
 .radio-grid { gap: 20px; }
.radio-option { width: calc(50% - 10px); height: 120px; }
.radio-option img { max-width: 77px; }
.contenedor-formulario-tab-1 { gap: 24px; }
.name-head { font-size: 24px !important; text-align: center; }
.contenedor-formulario-tab-1 .form-group { width: 100%; }
#mi-boton { width: 100% !important; }
/* .background-para-img-area { min-height: 100vh !important; }
*/
    .background-para-img-area h2,
    .margin-main-ejemplo-congreso h2 { font-size: 24px !important; }
.background-para-img-area p,
    .margin-main-ejemplo-congreso p { font-size: 16px !important; }
.margin-main-ejemplo-congreso div { font-size: 16px !important; }
.body-proximamente.body-error .wrap-text img { max-width: 200px; }
.formulario-registro .select2-container { width: 100% !important; }
.form-check .form-check-input { margin-left: 0; }
.wrap-ponentes { gap: 24px !important; }
.wrap-ponentes>div { width: calc(50% - 12px); max-width: calc(50% - 12px); }
/*proximamente*/
    .wrap-full::before { background: linear-gradient(360deg, rgb(0 0 0 / 26%) 0%, rgba(35, 35, 35, 1) 100%); }
.wrap-full .img-wrap { opacity: .4; }
.body-proximamente .wrap-text { gap: 24px; }
.body-proximamente .wrap-text h2 { font-size: 22px; }
.body-proximamente .wrap-text span { font-size: 16px; font-weight: 500; }
.seccion-buscador { margin-top: 140px; }
.wrap-listado-individual-cards { flex: 1 0 calc(50% - 20px); max-width: calc(50% - 10px); }
.wrap-listado-individual-cards .circulo-play-normal { width: 40px; height: 40px; min-width: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; }
.wrap-listado-busqueda { gap: 30px; }
.cs-congresos .slick-slide { margin-right: 20px; }
.slick-prev { left: 0 !important; }
.carrusel_enlaces .slick-slide { max-width: 250px; }
.carrusel_enlaces p { font-size: 16px !important; }
.slick-slider .slick-prev, .slick-slider .slick-next { opacity: 0; }
.padding-container { padding: 12px 12px !important; /* padding-right: 0 !important; */ }
/*.slick-slider::before { width: 70px; }
*/
    .carrusel_enlaces .slick-slide { margin-right: 20px; }
#carrusel-inicio .video-carrusel::before,
    #carrusel-inicio .video-carrusel::after { display: none; }
.circulo-play-grande { width: 60px; height: 60px; }
.titulo-cabecero { font-size: 24px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
#carrusel-inicio .video-carrusel { height: 100vh; min-height: 100vh; }
#carrusel-inicio .video-carrusel img { height: 100%; }
#carrusel-inicio::before { width: 100%; height: 100%; opacity: .3; }
.contenedor-congresos { padding-top: 0 !important; gap: 30px; }
.contenedor-congresos h2 { font-size: 18px !important; }
.contenedor-congresos h2+div { font-size: 16px !important; }
.contenedor-congresos h2+div>p { font-size: 16px !important; }
.h-seccion { padding: 24px 0px !important; padding-top: 60px !important; }
.Insuficiencia_Cardiaca_2024 .slick-slide { max-width: 300px; margin-right: 20px; }
.h-seccion:after { background: linear-gradient(270deg, rgba(35, 35, 35, .8) 100%, rgba(35, 35, 35, 0) 50%); }
 }
.cabecera-slider .wrap-text-cabecera { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; max-width: 650px; margin: auto; }
.cabecera-slider .wrap-text-cabecera h2 { font-family: var(--font-1); line-height: 120%; font-size: 26px; font-weight: bold; color: white; margin: 0; text-align: center; }
.cabecera-slider .wrap-text-cabecera p { font-family: var(--font-1); line-height: normal; font-size: 24px; font-weight: 400; color: white; margin: 0; text-align: center; }
.cabecera-slider .wrap-text-cabecera a { font-family: var(--font-1); line-height: normal; font-size: 16px; font-weight: 600; color: white; margin: 0; text-align: center; padding: 12px; border-radius: 10px; text-decoration: none; background-color: #232323; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: 0.5s all ease; transition: all 0.5s ease; }
.cabecera-slider .wrap-text-cabecera a:hover { cursor: pointer; color: white; background-color: #232323; opacity: .8; }
.contenedor-registro.activo { background: #111; padding: 0.5rem; border-radius: 10px }
.ponente-favorito { width: 200px; height: 200px; text-align: center; max-width: initial }
.icono-play { position: relative; border: 3px solid var(--color-1); border-radius: 100px; width: 103px; height: 103px; display: flex; justify-content: center; align-items: center; background: black; }
.icono-play:hover { background: var(--color-1); }
.icono-play svg { max-width: 30px; }
.icono-play svg polygon { fill: white }
.icono-play:before { content: ""; position: absolute; display: block; width: 140%; height: 140%; top: -20%; left: -20%; box-sizing: border-box; border-radius: 50%; background-color: white; animation: pulse-ring 1.75s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; z-index: -1; }
#reproductor_video { height: 100vh !important; }
.btn-cerrar { position: absolute; top: 10px !important; right: 10px !important; z-index: 9999999 !important; font-size: 50px; color: white }
@keyframes pulse-ring {
 0% { transform: scale(.33); }
100% { opacity: 0; }
 }
@media(max-width: 767px) {
 .cabecera-slider .wrap-text-cabecera { padding: 0 12px; }
.cabecera-slider .wrap-text-cabecera h2 { font-size: 22px; line-height: 150%; }
 }
.icono-tarjeta { font-size: 60px; }
/*patrocinadores*/
.patrocinadores .wrap-carousel-patrocinadores { width: 100%; border-radius: 10px; padding: 48px; background: #353535; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; gap: 40px; flex-direction: row; }
.patrocinadores .wrap-carousel-patrocinadores p { font-family: var(--font-1); color: white; font-weight: bold; letter-spacing: .5px; font-size: 26px; line-height: normal; margin-bottom: 0; }
.slider-logos .slick-slide { margin-right: 40px; }
.slider-logos .slick-slide img { width: 100%; max-height: 100px; min-height: 100px; object-fit: contain; }
.slider-logos .slick-list { margin-right: -40px; /* Corrige el espacio extra al final */ }
.patrocinadores .wrap-carousel-patrocinadores.non-slider img { width: auto; max-height: 100px; min-height: 100px; object-fit: contain; }
.patrocinadores .wrap-carousel-patrocinadores.non-slider .slider-logos { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; }
@media (max-width: 991px) {
 .patrocinadores .wrap-carousel-patrocinadores { flex-direction: column; overflow: hidden; }
.patrocinadores .wrap-carousel-patrocinadores .slider-logos { max-width: 100%; }
 }
@media (max-width: 767px) {
 .patrocinadores .wrap-carousel-patrocinadores { padding: 24px; gap: 20px; }
.patrocinadores .wrap-carousel-patrocinadores.non-slider .slider-logos { flex-wrap: nowrap; }
.patrocinadores .wrap-carousel-patrocinadores.non-slider img { max-width: 100%; }
 }
#qc-cmp2-ui { border-radius: 1rem; }
#cc-main .cm__btn { background-color: var(--bg-1); border: var(--bg-1); color: white; }
#cc-main .cm__btn--secondary { background: var(--cc-btn-secondary-bg); border-color: var(--cc-btn-secondary-border-color); color: var(--cc-btn-secondary-color); }
#cc-main .pm__btn { background-color: var(--bg-1); border: var(--bg-1); color: white; }
#cc-main .pm__btn--secondary { background: var(--cc-btn-secondary-bg); border-color: var(--cc-btn-secondary-border-color); color: var(--cc-btn-secondary-color); }
.btn-plus { background-color: transparent; border: none; }
.btn-plus:hover .i-plus { color: #f72c2c !important; }
.modal-footer .btn { padding: 5px 10px; }
.bg-dark-scroll { background: rgba(0,0,0,0.9) !important; transition: background 0.1s ease; }
#paymentModal { .modal-content { background: #232323; border: 0; border-radius: 10px; }
.modal-header { border-bottom: 1px solid #333; background: linear-gradient(45deg, var(--bg-1), var(--bg-2)); color: white; border-radius: 10px 10px 0 0; }
.modal-content label { color: #ffff; }
.form-control, .form-select { background-color: rgba(255, 255, 255, 0.1); border: 1px solid #444; color: #fff; }
.form-control:focus, .form-select:focus { background-color: rgba(255, 255, 255, 0.1); border-color: #000; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); color: #fff; }
.payment-option { border: 2px solid #444; border-radius: 10px; padding: 20px; margin: 10px 0; cursor: pointer; transition: all 0.3s ease; }
.payment-option:hover { border-color: var(--bg-1); background-color: rgba(0, 0, 0, 0.1); }
.payment-option.selected { border-color: var(--bg-1); background-color: rgba(0, 0, 0, 0.2); }
.payment-icon { font-size: 2rem; margin-bottom: 10px; }
.step-indicator { display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; }
.step { display: flex; align-items: center; color: #666; }
.step.active { color: var(--bg-1); }
.step-number { background: #444; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; margin-right: 10px; }
.step.active .step-number { background: var(--bg-1); }
.step-line { width: 50px; height: 2px; background: #444; margin: 0 20px; }
.step.active + .step .step-line { background: var(--bg-1); }
 }
#paymentModal_registrado { .modal-content { background: #232323; border: 0; border-radius: 10px; }
.modal-header { border-bottom: 1px solid #333; background: linear-gradient(45deg, var(--bg-1), var(--bg-2)); color: white; border-radius: 10px 10px 0 0; }
.modal-content label { color: #ffff; }
.form-control, .form-select { background-color: rgba(255, 255, 255, 0.1); border: 1px solid #444; color: #fff; }
.form-control:focus, .form-select:focus { background-color: rgba(255, 255, 255, 0.1); border-color: #000; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); color: #fff; }
.payment-option { border: 2px solid #444; border-radius: 10px; padding: 20px; margin: 10px 0; cursor: pointer; transition: all 0.3s ease; }
.payment-option:hover { border-color: var(--bg-1); background-color: rgba(0, 0, 0, 0.1); }
.payment-option.selected { border-color: var(--bg-1); background-color: rgba(0, 0, 0, 0.2); }
.payment-icon { font-size: 2rem; margin-bottom: 10px; }
.step-indicator { display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; }
.step { display: flex; align-items: center; color: #666; }
.step.active { color: var(--bg-1); }
.step-number { background: #444; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; margin-right: 10px; }
.step.active .step-number { background: var(--bg-1); }
.step-line { width: 50px; height: 2px; background: #444; margin: 0 20px; }
.step.active + .step .step-line { background: var(--bg-1); }
 }
.cs-congresos a { max-width: 278px; }
.h-seccion:after { display: none; }
.h-seccion .background-para-img::after { position: absolute; content: ""; top: 0; /* Fija el pseudo-elemento en la parte superior */
            left: 0; /* Fija el pseudo-elemento en la parte izquierda */
            width: 100%; height: 100%; background: linear-gradient(90deg, rgb(35 35 35) 0%, rgba(35, 35, 35, 0) 50%); z-index: 2; /* Asegúrate de que esté detrás del contenido */ }
.cs-congresos .slick-slide { max-width: 180px; }
.slick-slider a > p { min-height: auto; }
/* NUEVOS */
        .contenido-destacado.slick-slider { background: #333; border-radius: 10px; }
.modal-backdrop.show { opacity: 0.8!important; }
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation { background: rgba(0,0,0,0.8)!important; }
.speaker-img { width: 80px; height: 80px; object-fit: cover; border: 3px solid var(--bg-1); }
.session-card { background: #333; }
.session-card .card-header { padding: 1rem; }
.session-card a { color: inherit; }
.speaker-img { width: 80px; height: 80px; object-fit: cover; border: 2px solid; border-radius: 10px; }
.time-badge { background: var(--bg-3); color: white; border: none; }
.streaming iframe { max-width: 100%; }
.select2-dropdown { z-index: 999999; }
.swal2-dark { background: #1e1e1e !important; color: #f1f1f1 !important; }
.swal2-dark .swal2-title { color: #fff !important; }
.swal2-dark .swal2-html-container { color: #ccc !important; }
.fa-lock:before,
.fa-unlock:before { line-height: 28px; }
.fa-lock,
.fa-unlock { margin-bottom: 2px; }
.patrocinadores .wrap-carousel-patrocinadores.non-slider img{
  max-width: 300px; 
}