@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900; 1,14..32,100..900&display=swap'); /*============ VARIABLES ============*/
/*============ FONTS ============*/
:root { 
    --black: #000000;
    --white: #FFFFFF;
    --gris: #E6EAF1;
    /*--color-1: #038C7F; */
    --color-1: #027267;
    --color-2: #A9D9D4;
    --color-3: #D9CBBA;
    --color-4: #E2EAE9;
    --color-5: #8C0380;
    --gris-1: #ffffff;
    --gris-2: #fffefb;
    --gris-3: #fffff8;
    --gris-4: #f7f7f7;
    --gris-5: #f2f2f2;
    --gris-6: #e6e6e6;
    --gris-7: #e0e0e0;
    --gris-8: #dddddd;
    --gris-9: #cacaca;
    --gris-10: #828282;
    --gris-11: #454545;
    --gris-12: #888888;
    --gris-13: #D3D7DD;
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    --fs-100: 100px;
    --fs-90: 90px;
    --fs-80: 80px;
    --fs-70: 70px; 
    --fs-60: 60px;
    --fs-50: 50px;
    --fs-40: 40px;
    --fs-38: 38px;
    --fs-36: 36px; 
    --fs-34: 34px;
    --fs-32: 32px; 
    --fs-30: 30px; 
    --fs-28: 24px;
    --fs-24: 24px; 
    --fs-20: 20px; 
    --fs-18: 18px; 
    --fs-16: 16px; 
    --fs-14: 14px; 
    --fs-12: 12px; 
    --fs-10: 10px; 
    --fs-8: 8px; 
    --xxs: 5px; 
    --xs: 10px; 
    --s: 15px; 
    --xmd: 20px; 
    --md: 30px; 
    --lg: 40px; 
    --x-lg: 60px; 
    --xx-lg: 80px; 
    --xxx-lg: 100px; 
    --xxxx-lg: 150px; 
    --font-1: "Inter", sans-serif; 
    --font-2: "Inter", sans-serif; 
    --marquee-width: 80vw; 
    --marquee-height: 20vh; /* --marquee-elements: 12; */ /* defined with JavaScript */
    --marquee-elements-displayed: 5; 
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed)); 
    --marquee-animation-duration: calc(var(--marquee-elements) * 6s); 
}
/*============ GENERAL START ============*/
.fs-12 { font-size: var(--fs-12) !important; }
.fs-14 { font-size: var(--fs-14) !important; }
.fs-16 { font-size: var(--fs-16) !important; }
.color-1 { color:var(--color-1) }
.invisible-temp { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; }
*,
*::before,
*::after { box-sizing: border-box; -webkit-transition: background-color 0.4s ease-in-out; -moz-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out; }
@media (prefers-reduced-motion: no-preference) {:root { scroll-behavior: smooth; }}
body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-variant-numeric: normal; -moz-transition: padding-top 0.5s ease; -o-transition: padding-top 0.5s ease; -webkit-transition: padding-top 0.5s ease; transition: padding-top 0.5s ease; position: relative; background: var(--white); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-1); }
span,p,label,input,input::placeholder,select,button,a { font-family: var(--font-2); }
.bg-black { background-color: var(--black); }
.bg-white { background-color: var(--white); }
.bg-gris { background-color: var(--gris); }
.bg-color-1 { background-color: var(--color-1)!important; }
.bg-color-2 { background-color: var(--color-2)!important; }
.bg-color-3 { background-color: var(--color-3)!important; }
.bg-color-4 { background-color: var(--color-4)!important; }
.bg-gris-13 { background-color: var(--gris-13)!important; }
.bg-drop-shadow { box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1)!important; }
.color-gris-10 { color: var(--gris-10)!important }
.btn-check:focus+.btn,.btn:focus { outline: 0 !important; box-shadow: 0 0 0 0 rgb(0 0 0 / 0%) !important; }
::-webkit-scrollbar { display: none; }
.form-control { font-variant-numeric: lining-nums; }
.form-control:focus { background-color: transparent; border-color: transparent; outline: 0; box-shadow: 0 0 0 0.0rem rgba(0, 0, 0, 0.0); }
.form-control:disabled { background-color: var(--gris-4); opacity: 1; color: var(--gris-9); }
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0 !important; }
.btn-close:focus { outline: 0; box-shadow: 0 0 0 0.0rem rgb(0 0 0 / 0%) !important; opacity: 1; }
.form-check-input { border: solid 1px var(--black)!important; border-bottom: var(--black) solid 1px!important; }
.form-check-input:checked { background-color: var(--color-1) !important; border-color: var(--white) !important; }
.form-check-label { color: var(--gris-12); font-size: var(--fs-14); line-height: 120%; font-weight: var(--fw-400); }
.form-check-label a { color: var(--color-1); }
.navbar-toggler { background-color: transparent !important; border-color: rgba(0, 0, 0, 0) !important; outline: 0 !important; }
.navbar-toggler .navbar-toggler-icon { background-image: none !important; }
.custom-tooltip { --bs-tooltip-bg: var(--black) !important; color: var(--white) !important; font-family: var(--font-2) !important; font-weight: 400; }
button:focus-visible { outline: none !important; border: 0 !important; }
.offcanvas-backdrop.show { opacity: 1; }
.offcanvas-backdrop { background-color: rgba(0, 0, 0, .1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.modal-backdrop.show { background-color: rgba(0, 0, 0, .1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 1; }
.form-control { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; border: 0; border-radius: 0; background: transparent; padding: 0; }
.form-control label { margin-bottom: 0; font-family: var(--font-2); font-size: 14px; font-weight: var(--fw-400); line-height: 140%; letter-spacing: 0; color: var(--black); }
.form-control input,
.form-control textarea,
.form-control select { background-color: var(--white); border: 1px solid var(--gris-7); border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); color: var(--gris-11); padding: 10px 16px; outline: none; font-family: var(--font-2); font-size: var(--fs-16); font-weight: var(--fw-400); line-height: 140%; letter-spacing: 0; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; min-height: 40px; }
.form-control input:focus,
.form-control textarea:focus,
.form-control select:focus { background-color: var(--white); border-color: #999; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
.form-control input::placeholder,
.form-control input::-moz-placeholder,
.form-control input::-webkit-input-placeholder { color: var(--gris-11); }
.form-control textarea::placeholder,
.form-control textarea::-moz-placeholder,
.form-control textarea::-webkit-input-placeholder { color: var(--gris-11); }
.form-control select::placeholder,
.form-control select::-moz-placeholder,
.form-control select::-webkit-input-placeholder { color: var(--gris-11); }
/* Estilos visuales del contenedor de Choices */
.choices__inner { background-color: var(--white); border: 1px solid var(--gray-12); border-radius: 8px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); color: var(--gris-12); padding: 5px 16px; font-family: var(--font-2); font-size: 14px; font-weight: var(--fw-400); line-height: 140%; letter-spacing: 0; min-height: 40px; overflow: hidden; max-height: 40px; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
.choices[data-type*=select-one]::after { border-color: var(--gris-12) transparent transparent; }
.choices[data-type*=select-one].is-open::after { border-color: transparent transparent var(--gris-12); }
select.moderm-select,.choices,.choices__inner { width: 100% !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); }
.choices__item,.choices__inner { white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; font-size: var(--fs-16); text-align: left; }
.choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] { padding-right: 10px; font-family: var(--font-1); }
.choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after { font-size: 10px; max-width: 100px; text-align: right; }
.choices__list--dropdown, .choices__list[aria-expanded] { z-index: 2; }
.choices-invalid .choices__inner { border-color: #dc3545 !important; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: var(--gris-4); }
.modal .choices__item,.modal .choices__inner { font-size: var(--fs-12); line-height: 16px; }
.modal .choices__list--dropdown .choices__item,.modal .choices__list[aria-expanded] .choices__item { font-size: 12px; }
.modal .choices__list--single { height: 38px; align-content: center; }
.wrap-titulares { display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; width: 100%; }
.wrap-titulares > img { min-width: 80px; max-width: 80px; }
.wrap-titulares > div > img { min-width: 80px; max-width: 80px; }
.wrap-titulares .titulares { display: flex; flex-direction:column; align-items: flex-start; justify-content: flex-start; gap: 6px; width: 100%; }
.wrap-titulares .titulares p { font-family: var(--font-1); font-weight: var(--fw-600); line-height: normal; font-size: var(--fs-32); letter-spacing: -1px; color: var(--black); margin-bottom: 0; }
.wrap-titulares .titulares span { font-family: var(--font-2); font-weight: var(--fw-400); line-height: normal; font-size: var(--fs-14); letter-spacing: -1px; color: var(--black); margin-bottom: 0; }
small, small a { font-family: var(--font-2); font-weight: var(--fw-600); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--gris-10); margin-bottom: 0; text-decoration: none; }
.wrap-banner { padding: 60px 30px; border-radius: 12px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; }
.wrap-banner p { margin: 0; text-align: left; font-family: var(--font-1); color: var(--black); font-weight: var(--fw-600); line-height: normal; font-size: var(--fs-50); letter-spacing: -1px; flex:1 0 calc(60% - 24px); }
.wrap-banner.case-01 p { flex:1 0 calc(80% - 24px); }
.wrap-banner.case-01 form { flex: 1 0 calc(20% - 24px); }
.wrap-banner form { flex:1 0 calc(40% - 24px); display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 24px; }
.wrap-banner form .form-control { max-width: 300px; }
.wrap-banner form .form-control input { min-height: 46px; }
.wrap-banner.bg-black p { color: var(--white); }
.wrap-banner.bg-black p span.color { color: var(--color-2); }
.divider { width: 100%; height: 2px; background-color: var(--gris-6); margin: 0; padding: 0; }
.bg-home { background-image: url('../img/library/bg-01.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-ingresos { border: 0; background: transparent; padding: 0; cursor: pointer; }
#toggleSistemaComentarios:active { color: var(--black)!important; background-color: transparent!important; border-color: transparent!important }
.btn { border-radius: 8px; font-family: var(--font-2); font-weight: var(--fw-500); line-height: 150%; letter-spacing: 0; font-size: var(--fs-16); text-decoration: none; width: 100%; max-width: fit-content; padding: 10px 24px; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn:hover { opacity: .9; cursor: pointer; }
.btn svg { margin-right: 10px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn-extra-large{padding-left: 32px;padding-right: 32px;}
.btn-solid-dark { background-color: var(--black); border: solid 1px var(--black); color: var(--white); }
.btn-solid-dark:hover { background-color: transparent; border: solid 1px var(--black); color: var(--black); }
.btn-solid-dark:hover svg path { fill: var(--black) }
.btn-solid-white { background-color: var(--white); border: solid 1px var(--white); color: var(--black); }
.btn-solid-white:hover { background-color: transparent; border: solid 1px var(--white); color: var(--white); }
.btn-solid-white:hover svg path { fill: var(--white) }
.btn-color-1 { background-color: var(--color-1); border: solid 1px var(--color-1); color: var(--white); }
.btn-color-1:hover { background-color: transparent; border: solid 1px var(--color-1); color: var(--color-1); }
.btn-color-1:hover svg path{fill: var(--color-1);}
.btn-color-2 { background-color: var(--color-2); border: solid 1px var(--color-2); color: var(--black); }
.btn-color-2:hover { background-color: var(--color-2); border: solid 1px var(--color-2); color: var(--color-1); }
.btn-gris { background-color: var(--gris); border: solid 1px var(--gris-8); color: var(--black); }
.btn-gris:hover { background-color: transparent; border: solid 1px var(--gris); color: var(--black); }
.btn-gris-6 { background-color: var(--gris-6); border: solid 1px var(--gris-6); color: var(--black); }
.btn-gris-6:hover { background-color: transparent; border: solid 1px var(--gris-6); color: var(--black); }
.btn-simple-black { background-color: transparent; border: 0; color: var(--black); padding: 0; }
.btn-simple-black:hover { background-color: transparent; border: 0; color: var(--black); opacity: .8; }
.btn-color-claro { background-color: #F6FFFE; border: solid 1px var(--gris-8); color: var(--black); }
.btn-color-claro:hover { background-color: #F6FFFE; border: solid 1px var(--gris-8); color: var(--black); }
.btn-shadow { background-color: var(--white); border: solid 1px transparent; color: var(--black); box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px }
.btn-shadow:hover { background-color: var(--white); border: solid 1px transparent; color: var(--black); }
.btn-dislike { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: solid 1px transparent; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px }
.btn-dislike span { display: inline-block; width: 1.5em; text-align: center; min-width: 1.5em; }
.btn-dislike:focus { border: solid 1px transparent!important; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px!important }
.btn-dislike svg { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn-dislike.active { background: #f9d7da; color: #58151c; border: solid 1px #f1aeb5; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px }
.btn-dislike.active svg path { fill: #58151c; }
.btn-like { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: solid 1px transparent; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px }
.btn-like span { display: inline-block; width: 1.5em; text-align: center; min-width: 1.5em; }
.btn-like:focus { border: solid 1px transparent!important; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px!important }
.btn-like svg { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn-like.active { background: var(--color-2); color: var(--color-1); box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px }
.btn-like.active svg path { fill: var(--color-1); }
.btn-DANGER { background-color: #f8d7da; border: solid 1px #f1aeb5; color: #58151c; }
.btn-DANGER:hover { background-color: #f8d7da; border: solid 1px #f1aeb5; color: #58151c; opacity: .8; }
.btn-DANGER:hover svg path { fill: #58151c }
.big-title { margin: 0; text-align: left; font-family: var(--font-1); color: var(--black); font-weight: var(--fw-600); line-height: normal; font-size:var(--fs-50); letter-spacing: -1px; }
.frase { font-family: var(--font-2); font-weight: var(--fw-400); font-size: var(--fs-24); letter-spacing: -1px; color: var(--black); }
.frase .destacado { background-color: var(--color-2); color: var(--color-1); font-weight: var(--fw-600); padding: 2px 4px; }
.field_pw { position: relative; }
.field_pw svg { position: absolute; top: 50%; right: 12px; max-width: 22px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); cursor: pointer; }
.wrap-plantilla { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; gap: 40px; }
.wrap-plantilla .columna-izquierda { flex: 1 0 calc(30% - 40px); min-width: 300px; max-width: 300px; position: relative; }
.wrap-plantilla .columna-derecha { flex: 1 0 calc(100% - 340px); background: var(--white); position: relative; max-width: 956px; overflow: hidden; }
.wrap-plantilla .columna-derecha .swiper { margin-top: 0; }
.wrap-plantilla .columna-izquierda { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px; }
.wrap-plantilla .columna-derecha { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px; border-radius: 10px; }
.columna-derecha .swiper { width: 100%; }
.columna-derecha .modo-carrusel.swiper .card { min-width: 300px;max-width: 300px; }
.wrap-plantilla .columna-derecha.altura-auto { height: auto!important; }
.wrap-plantilla .columna-derecha .wrap-banner { padding: 30px 24px; }
.wrap-plantilla .columna-derecha .wrap-banner p { font-size: var(--fs-40); }
.widget { border-radius: 10px; padding: 24px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 24px; width: 100%; }
.widget p { text-align: left; font-family: var(--font-1); font-size: var(--fs-30); line-height: normal; letter-spacing: -1px; font-weight: var(--fw-600); color: var(--black); margin-bottom: 0; }
.widget .btn { width: 100%; max-width: 100%; }
.widget.bg-black p { color: var(--white); }
.widget .carousel-indicators { bottom: -13px; margin-bottom: 0; }
.widget .carousel-indicators [data-bs-target] { width: 10px; height: 10px; background-color: var(--color-1); border-top: 0; border-bottom: 0; }
.widget.widget-tipo .card > a { text-decoration: none; }
.widget.widget-tipo h3 { text-align: center; font-family: var(--font-1); font-size: var(--fs-24); line-height: normal; letter-spacing: -1px; font-weight: var(--fw-600); color: var(--black); margin:auto; margin-bottom: 0; }
.widget.widget-tipo small { font-weight: var(--fw-400); font-size: 12px; }
.widget.widget-tipo h4 { text-align: left; font-family: var(--font-1); font-size: var(--fs-20)!important; line-height: normal; letter-spacing: -1px; font-weight: var(--fw-600)!important; color: var(--black); margin-bottom: 0; }
.widget.widget-tipo p { text-align: left; font-family: var(--font-2); font-size: var(--fs-16)!important; line-height: normal; letter-spacing: -1px; font-weight: var(--fw-400); color: var(--black); margin-bottom: 0; }
.widget.widget-tipo .card-info { width: 100%; display: flex; ; align-items: center; justify-content: flex-start; gap: 12px; flex-wrap: wrap; flex-direction: row; }
.widget.widget-tipo-02 .card-info{flex-wrap: nowrap;}
.widget.widget-tipo .card-info .image { width: 60px; height: 60px; min-width: 60px; border-radius: 60px; overflow: hidden; }
.widget.widget-tipo .card-info .image img { width: 100%; height: 100%; object-fit: cover; }
.widget.widget-tipo .card-info .info { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 1px; }
.widget.widget-tipo .card-info .info h4 { font-family: var(--font-1);font-weight: var(--fw-600)!important;line-height: 150%;font-size: var(--fs-12)!important;letter-spacing: 0; }
.widget.widget-tipo .card-info .info small { font-size: var(--fs-12)!important; }
.widget.widget-tipo-01 { padding: 0; }
.widget.widget-tipo-01.bg-drop-shadow { padding: 16px; }
.widget.widget-tipo-01 .card { padding: 12px; border-radius: 10px; }
.widget.widget-tipo-01 .card.bg-color-2 { background-color: var(--color-2); }
.widget.widget-tipo-01 .card.bg-gris-6 { background-color: var(--gris-6); }
.widget.widget-tipo-01 .card .card-body { display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px; padding: 0; }
.widget.widget-tipo-01 .card .card-body * { color: var(--black); }
.widget.widget-tipo-01 .card .divider { height: 1px; }
.widget.widget-tipo-01 .card .btn { font-size: 12px; }
.widget.widget-tipo-01 p { font-weight: var(--fw-300)!important; line-height: normal!important; font-size: 14px!important; }
.widget.widget-tipo-02 { padding: 0; }
.widget.widget-tipo-02.bg-drop-shadow { padding: 16px; }
.widget.widget-tipo-02 .card { padding: 0; border-radius: 0; border: 0; }
.widget.widget-tipo-02 .card.bg-color-2 { background-color: var(--color-2); }
.widget.widget-tipo-02 .card.bg-gris-6 { background-color: var(--gris-6); }
.widget.widget-tipo-02 .card.bg-white { background-color: var(--white); }
.widget.widget-tipo-02 .card .card-body { display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px; padding: 0; }
.widget.widget-tipo-02 .card .card-body * { color: var(--black); }
.widget.widget-tipo-02 .card .card-body small:first-of-type{font-family: var(--font-1);font-weight: var(--fw-500);line-height: 120%;font-size: var(--fs-10)!important;letter-spacing: 0;color: var(--gris-10)!important;}
.widget.widget-tipo-02 .card .card-body small:last-of-type{font-family: var(--font-1);font-weight: var(--fw-400);line-height: 150%;font-size: var(--fs-10)!important;letter-spacing: 0;color: var(--gris-10);}
.widget.widget-tipo-02 .card .card-body p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
.widget.widget-tipo-02 .card .card-image { margin-top: 12px; height: 200px; }
.widget.widget-tipo-02 p { font-size: 12px!important; }
.widget.widget-tipo-03 { padding: 16px; background: #F6FFFE; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); }
.widget.widget-tipo.widget-tipo-03 h3 { margin:0; margin-right: auto; }
.widget.widget-tipo.widget-tipo-03 .card { background: #F6FFFE; width: 100%; }
.widget.widget-tipo.widget-tipo-03 .card .card-body { padding: 0; }
.widget.widget-tipo.widget-tipo-03 .card .card-body h4,
.widget.widget-tipo.widget-tipo-03 .card .card-body small { color: var(--black)!important; }
.widget.widget-tipo.widget-tipo-03 .card-info .image { border-radius: 10px; height: 90px; width: 90px; min-width: 90px; }
.widget.widget-tipo.widget-tipo-03 .card-info { align-items: stretch; flex-wrap: nowrap; }
.widget.widget-tipo.widget-tipo-03 .card-info .info { width: 100%; }
.widget.widget-tipo.widget-tipo-03 .btn { max-width: fit-content; margin-top: 4px; margin-left: auto; font-size: 12px; }
.widget.widget-tipo.widget-tipo-02 .btn { max-width: fit-content; margin-top: 4px; margin-left: auto; font-size: 12px; }
.widget.insignias { align-items: center; justify-content: center; position: relative; border: solid 1px var(--gris); }
.widget.insignias ul li { cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.widget.insignias ul li:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); }
.widget.insignias ul li img { width: 60px; min-width: 60px; height: 60px; object-fit: contain; }
.widget.menu { position: relative; border: solid 1px var(--gris); background-color:#F6FFFE; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.widget.menu ul li { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; gap: 4px; position: relative; }
.widget.menu ul li a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 24px; text-decoration: none; cursor: pointer; }
.widget.menu ul li a svg { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; }
.widget.menu ul li a svg path { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.widget.menu ul li a span { font-family: var(--font-2); font-size: var(--fs-20); color: var(--black); font-weight: var(--fw-500); line-height: 150%; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.widget.menu ul li a.active svg path { stroke: var(--color-1); }
.widget.menu ul li a.active span { color: var(--color-1); }
.widget.menu ul li a:hover svg { transform: translateY(-2px); -webkit-transform: translateY(-2px); }
.widget.menu ul li a:hover svg path { stroke: var(--color-2); }
.widget.menu ul li a:hover span { color: var(--color-2); }
.widget.menu ul li .dropdown .btn-solid-dark span { color:white }
.widget.menu ul li .dropdown .btn-solid-dark.show span { color: var(--black) }
.widget.menu ul li .dropdown .btn-solid-dark:hover span { color:black }
.widget.menu ul li .dropdown .btn-solid-dark.show svg path { fill: var(--black) }
.widget.menu ul li .dropdown .btn-solid-dark.btn-check:checked+.btn, .widget.menu ul li .dropdown .btn-solid-dark.btn.active, .widget.menu ul li .dropdown .btn-solid-dark.btn.show, .widget.menu ul li .dropdown .btn-solid-dark.btn:first-child:active, :not(.btn-check)+.btn:active { background:black }
.notificacion-color-1 { width: 25px; min-width: 25px; height: 25px; background-color: var(--color-1); color: var(--white); letter-spacing: 0; font-family: var(--font-2); line-height: 25px; font-weight: var(--fw-400); font-size: var(--fs-12); border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; }
.sticky-widget { position: fixed; top: 20px; z-index: 1000; width: 300px; }
.sticky-stop { position: absolute; top: auto; bottom: 0; }
.publicidad { width: 100%; height: auto; border-radius: 10px; }
.publicidad a { display: block; height: 100%; width: 100%; border-radius: 10px; }
.publicidad img { width: 100%; height: auto; border-radius: 10px; }
.view-more-button-carousel { z-index: 11; }
.view-more-button-carousel small a { font-size: var(--fs-14); color: var(--black); display: flex; align-items: center; justify-content: flex-end; }
.btn-filtro { background: var(--white); border: 2px solid #0C0C0C; padding: 10px 12px; border-radius: 10px; font-size: var(--fs-14); font-family: var(--font-2); line-height: normal; font-weight: var(--fw-700); display: inline-flex; align-items: center; gap: 8px; cursor: default; }
.btn-filtro .cerrar { font-weight: var(--fw-700); font-size: var(--fs-18); line-height: 1; cursor: pointer; }
#btn-cargar-mas[style*="display: none"] { display: none !important; }
.flatpickr-calendar * { font-family: var(--font-2)!important; }
.flatpickr-day.selected { background: var(--color-2)!important; border-color: var(--color-2)!important; color: var(--color-1)!important; }
.form-control:disabled { background-color: var(--gris-4); opacity: 1; color: var(--gris-10); }
.image-profile { width: 34px; min-width: 34px; height: 34px; border-radius: 34px; overflow: hidden; margin-right: var(--bs-navbar-nav-link-padding-x); margin-left: 0 }
.image-profile img { border-radius: 34px; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.text-list { font-family: var(--font-2); color: var(--black); font-size: var(--fs-24); line-height: normal; letter-spacing: -.5px; font-weight: var(--fw-500); }
.widget.menu ul li.btn-publicar a{justify-content: center;gap: 8px;}
.widget.menu ul li.btn-publicar a svg{margin-right: 0;}
.widget.menu ul li.btn-publicar a:hover{color: var(--black);}
.widget.menu ul li.btn-publicar .dropdown .btn-solid-dark.btn.show{background: transparent!important;}
.widget.menu ul li.btn-publicar .dropdown-menu{width: 100%;}
.widget.menu ul li.btn-publicar a.dropdown-item{justify-content: flex-start;}
.widget.menu ul li.btn-publicar .dropdown-item:hover span{color: var(--gris-11)}
.widget.menu ul li.btn-publicar .dropdown-item:hover svg path{stroke: var(--gris-11);}
.btn-solid-success { background-color: #5cb85c; border: solid 1px #5cb85c; color: var(--white); opacity: .7}
.btn-solid-success:hover { background-color: #5cb85c; border: solid 1px #5cb85c; color: var(--white);opacity: 1;}
.btn-solid-danger { background-color: #d9534f; border: solid 1px #d9534f; color: var(--white); opacity: .7}
.btn-solid-danger:hover { background-color: #d9534f; border: solid 1px #d9534f; color: var(--white);opacity: 1;}
.cpointer {cursor: pointer;}
/* dropdown */
.choices__list--dropdown .choice-avatar { width: 24px; height: 24px; border-radius: 4px; object-fit: cover; margin-right: 8px; vertical-align: middle;}
/* chip seleccionada */
.choices__list--multiple .choice-avatar { width: 18px; height: 18px; border-radius: 8px; object-fit: cover; margin-right: 6px;}
/*============ GENERAL END ============*/
/*============ KEYFRAMES START ============*/
@keyframes scrolling {
 0% { transform: translateX(0); }
100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
 }
@-webkit-keyframes scrolling { 0% { transform: translateX(0); }
100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
 }
/*like animation*/
@-webkit-keyframes heartPulse { 0% { transform: scale(1); }
50% { transform: scale(1.5); }
 }
@keyframes heartPulse {
 0% { transform: scale(1); }
50% { transform: scale(1.5); }
 }
@-webkit-keyframes heartUnlike { 50% { transform: scale(0.75); }
 }
@keyframes heartUnlike {
 50% { transform: scale(0.75); }
 }
@-webkit-keyframes heartFloatMain-1 { 0% { opacity: 0; transform: translate(0) rotate(0); }
50% { opacity: 1; transform: translate(0, -25px) rotate(-20deg); }
 }
@keyframes heartFloatMain-1 {
 0% { opacity: 0; transform: translate(0) rotate(0); }
50% { opacity: 1; transform: translate(0, -25px) rotate(-20deg); }
 }
@-webkit-keyframes heartFloatMain-2 { 0% { opacity: 0; transform: translate(0) rotate(0) scale(0); }
50% { opacity: 0.9; transform: translate(-10px, -38px) rotate(25deg) scale(1); }
 }
@keyframes heartFloatMain-2 {
 0% { opacity: 0; transform: translate(0) rotate(0) scale(0); }
50% { opacity: 0.9; transform: translate(-10px, -38px) rotate(25deg) scale(1); }
 }
@-webkit-keyframes heartFloatSub-1 { 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(13px, -13px) rotate(30deg); }
 }
@keyframes heartFloatSub-1 {
 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(13px, -13px) rotate(30deg); }
 }
@-webkit-keyframes heartFloatSub-2 { 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(18px, -10px) rotate(55deg); }
 }
@keyframes heartFloatSub-2 {
 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(18px, -10px) rotate(55deg); }
 }
@-webkit-keyframes heartFloatSub-3 { 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(-10px, -10px) rotate(-40deg); }
100% { transform: translate(-50px, 0); }
 }
@keyframes heartFloatSub-3 {
 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(-10px, -10px) rotate(-40deg); }
100% { transform: translate(-50px, 0); }
 }
@-webkit-keyframes heartFloatSub-4 { 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(2px, -18px) rotate(-25deg); }
 }
@keyframes heartFloatSub-4 {
 0% { visibility: hidden; transform: translate(0) rotate(0); }
50% { visibility: visible; transform: translate(2px, -18px) rotate(-25deg); }
 }
/* Estándar */
@keyframes marquee {0% { left: 0; }100% { left: -100%; }}
/* Webkit (Chrome, Safari, y navegadores basados en Webkit) */
@-webkit-keyframes marquee {0% { left: 0; }100% { left: -100%; }}
/* Mozilla (Firefox) */
@-moz-keyframes marquee {0% { left: 0; }100% { left: -100%; }}
/* Opera */
@-o-keyframes marquee {0% { left: 0; }100% { left: -100%; }}
/*============ KEYFRAMES END ============*/
/*============ PRELOADER START ============*/
/*============ PRELOADER END ============*/
/*============ NAVBAR START ============*/
.navbar { padding: 40px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-brand { margin-right: 0; }
.navbar-brand img { width: 100%; max-width:300px; height:auto; max-height: 53px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-nav { margin: auto; padding: 0px 12px; width: 100%; justify-content: space-between; }
.navbar-nav .nav-link { font-family: var(--font-2); font-size: 14px; font-weight: var(--fw-500); line-height: 150%; letter-spacing: 0; color: var(--black); }
.navbar-nav .nav-link.active { color: var(--gris-10) }
.user-toggler { display: none; }
#offCanvasMenu .entradilla .titulo { margin: 0; text-align: left; font-family: var(--font-1); color: var(--black); font-weight: var(--fw-600); line-height: normal; font-size:var(--fs-24); letter-spacing: -1px; }
#offCanvasMenu .frase { font-size: var(--fs-18); }
.navbar.fixed-top { top: 0; left: 0; right: 0; z-index: 1030; width: 100%; background: var(--black); }
.navbar.fixed-top .navbar-toggler svg path { stroke: var(--white); }
.navbar.fixed-top .user-toggler svg path { fill: var(--white); }
/*============ NAVBAR END ============*/
/*============ BUSCADOR START ============*/
.buscador { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 32px 30px; background-color: var(--white); border-radius: 20px; gap: 24px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); }
.buscador .titulo { font-family: var(--font-2); font-size: var(--fs-18); font-weight: var(--fw-400); line-height: normal; letter-spacing: -1px; color: var(--black); margin-bottom: 0; }
.buscador form { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start; gap: 24px; }
.buscador form .options { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 24px; }
.buscador form .options .form-control { flex: 1 0 calc(33.33% - 24px); }
.buscador form .wrap-btns { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 24px; }
.buscador.buscador-publicaciones-relacionadas form .wrap-btns{gap: 8px;}
.buscador .form-control input, .buscador .form-control textarea, .buscador .form-control select { border: 0; box-shadow: none; border: 0; border-bottom: var(--gris-8) solid 2px; border-radius: 0; }
.buscador .choices__inner { box-shadow: none; border-bottom: solid 1px var(--gris-8); border-radius: 0; }
.buscador .form-control input { max-height: 40px; }
/*============ BUSCADOR END ============*/
/*============ CARDS START ============*/
.card { background: var(--white); border-radius: 0; padding: 0; text-align: left; box-shadow: 0 0 0 rgba(0,0,0,0); border: 0; height: auto; }
.card .card-image { width: 100%; border-radius: 8px; overflow: hidden; position: relative; }
.card .card-image.grayscale img { filter: grayscale(1); -webkit-filter: grayscale(1) }
.card-image.i-image { min-height: 280px; }/*min-height: 355px;*/
.card .card-image img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; object-position: top; -o-object-position: top; border-radius: 8px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.card .card-image.brand-image { background-color: #f2f2f2; mix-blend-mode: multiply; -webkit-filter: grayscale(1); filter: grayscale(1); padding: 8px; }
.card .card-image.brand-image img { object-fit: contain; -o-object-fit: contain; mix-blend-mode: multiply; -webkit-filter: grayscale(1); filter: grayscale(1); }
.card-image.zoom-in img { transform: scale(1.1); transition: transform 0.3s ease; }
.card .card-body { padding: 12px 0 0 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; }
.outside-the-box-ficha .card .card-body{padding: 0;height: 100%;}
.outside-the-box-ficha .card .card-body .card-info{height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.outside-the-box-ficha .card .card-image{max-height: 280px;height: 280px;min-height: 280px;}
.card .card-body .textos { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px; }
.outside-the-box-ficha .card .card-body .textos{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;gap: 4px;height: 100%;}
.card .card-body a { text-decoration: none; }
.card .card-body h3 { font-family: var(--font-1); font-weight: var(--fw-500); line-height: 150%; font-size: var(--fs-16); letter-spacing: 0; color: var(--black); margin-bottom: 0; }
.card .card-body h4 { font-family: var(--font-1); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--gris-10); margin-bottom: 0; }
.card .card-body p { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-10); letter-spacing: 0; color: var(--gris-10); margin-bottom: 0; }
.card .card-body button { font-size: var(--fs-10); padding: 8px 12px; }
.card.card-1 { max-width: 300px; }
.card.card-1 .card-image img { height: 325px; min-height: 100%;}
.card.card-1 .card-body { flex-direction: row; align-items: flex-end; justify-content: space-between; }
.card.card-2 { max-width: 300px; background: rgb(255, 254, 248); padding: 24px; border-radius: 12px; margin-right: 32px; border: solid 1px var(--gris-6); }
.card.card-2 .card-body { padding: 0; gap: 24px; height: 100%; justify-content: space-between; }
.card.card-2 .card-body .card-text { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-14); letter-spacing: 0; color: var(--black); margin-bottom: 0; }
.card.card-2 .card-body .card-info { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px; }
.card.card-2 .card-image { width: 60px; height: 60px; min-width:60px; border-radius: 60px; }
.card.card-2 .card-body .textos { gap: 0; }
.carousel-recomendaciones .card.card-2 { max-width: 420px; background: rgb(255, 255, 255); }
.card.card-4 { border: solid 1px var(--gris-6); border-radius: 10px; padding: 24px; }
.card.card-4 .card-body { padding: 0; height: 100%; justify-content: space-between; gap: 20px; }
.card.card-4 .card-body .textos { gap: 20px; }
.card.card-4 h3 { font-family: var(--font-1); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--black); }
.card.card-4 h4 { font-family: var(--font-1); font-weight: var(--fw-700); line-height: 120%; font-size: var(--fs-20); letter-spacing: 0; color: var(--black); }
.card.card-4 h5 { font-family: var(--font-1); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--black); }
.card.card-4 p { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-16); letter-spacing: 0; color: var(--black); }
.card.card-4 small { font-family: var(--font-2); font-weight: var(--fw-700); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--color-1); }
.destacado { background-color: var(--color-4); }
.card.card-5 { border: solid 1px var(--gris-6); border-radius: 10px; padding: 24px; }
.card.card-5 .card-body { padding: 0; height: 100%; justify-content: space-between; gap: 10px; }
.card.card-5 h3 { font-family: var(--font-1); font-weight: var(--fw-600); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--black); }
.card.card-5 h4 { font-family: var(--font-1); font-weight: var(--fw-500); line-height: 120%; font-size: var(--fs-12); letter-spacing: 0; color: var(--gris-10); }
.card.card-5 h5 { font-family: var(--font-1); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-10); letter-spacing: 0; color: var(--gris-10); }
.card.card-5 p { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-16); letter-spacing: 0; color: var(--black); }
.card.card-5 small { font-family: var(--font-2); font-weight: var(--fw-700); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--color-1); }
.card.card-5 .card-image { width: 100%; height: 280px; position: relative; cursor: pointer; }
.card.card-5 .card-image.avatar { width: 60px; height: 60px; min-width: 60px; border-radius: 60px; }
.card.card-5 .btn-gris { font-size: 12px; }
.card.card-5 .card-text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; }
.publicaciones-mi-perfil .card.card-5 .card-text p{min-height: 1px;}
.card.card-5 .recomendation, .card.card-5 .views { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--gris-10); margin: 0; }
.card.card-5 .recomendation { color: var(--color-1); }
.card.card-5 hr { border-top: var(--gris) solid; }
.card.card-5 .acciones .accion { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--black); margin: 0; padding: 0; border: 0; background: transparent; display: flex; align-items: center; justify-content: center; gap: 4px; }
.card.card-5 .acciones .accion i { color: var(--gris-10); font-size: var(--fs-16); }
.text-color-1 { color: var(--color-1)!important; }
.card.card-5 .tag.tag-premium { position: absolute; top: 12px; right: 12px; z-index: 1; }
.card-image.i-carousel ,.card-image.i-image{align-content:flex-end;height: 100%!important;}
.card-image.i-carousel .carousel,.card-image.i-carousel .carousel .carousel-inner,.card-image.i-carousel .carousel .carousel-inner .carousel-item,.card-image.i-carousel .carousel .carousel-inner .carousel-item img, .card-image.i-image img, .card-image.i-image .ratio.ratio-16x9{ max-height: 280px; object-fit: cover;border-radius: 8px;}
.card-image.i-carousel .carousel .carousel-inner .carousel-item video{min-height: 280px;}
.card-image.i-video .ratio { min-height: 280px; }
.card-image.i-image .ratio { min-height: 280px; }
.card-image.i-image video{border-radius: 12px;min-height: 280px;max-height:280px;object-fit: cover;}
.carousel .ratio{min-height: 280px;}
.card.card-6 { border: solid 1px var(--gris-6); border-radius: 10px; padding: 24px; }
.card.card-6 .card-body { padding: 0; height: 100%; justify-content: flex-start; align-items:center; gap: 20px; flex-direction: row; }
.card.card-6 .card-body .card-image { min-width: 82px; max-width: 82px; height: 82px; overflow: hidden; border-radius: 5px; }
.card.card-6 .card-body .card-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 5px; background: var(--gris);padding: 8px;}
.card.card-6 .card-body .textos { gap: 20px; }
.card.card-6 h3 { font-family: var(--font-1); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--black); }
.card.card-6 h4 { font-family: var(--font-1); font-weight: var(--fw-700); line-height: 120%; font-size: var(--fs-20); letter-spacing: 0; color: var(--black); }
.card.card-6 h5 { font-family: var(--font-1); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--black); }
.card.card-6 p { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-16); letter-spacing: 0; color: var(--black); }
.card.card-6 small { font-family: var(--font-2); font-weight: var(--fw-700); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--color-1); }
.carousel-produccion-cientifica .card.card-5 h3 { font-size: var(--fs-18); max-width: 100%;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
/*.carousel-produccion-cientifica .card.card-5 .card-text p { display: block; }*/
/*============ CARDS END ============*/
/*============ SWIPERS START ============*/
.swiper { margin: 24px 0; margin-bottom:0; display: flex; align-items: stretch; }
.swiper::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50px; z-index: 10; pointer-events: none; background: linear-gradient(to left, white 0%, transparent 100%); }
.swiper.modo-grid::after { display: none; }
.swiper.modo-grid .swiper-wrapper { display: flex; align-items: stretch; justify-content: flex-start; gap: 32px; flex-direction: row; flex-wrap: wrap; }
.swiper.modo-grid .card .card-body { padding: 0; }
.swiper.modo-grid .card .card-body .card-info { display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px; flex-direction: column; width: 100%; }
.swiper.modo-grid .card .card-image { height: 345px; min-height: 345px; }
.swiper.modo-grid .card a { text-decoration: none; }
.swiper.modo-grid.modo-grid-x3 .card a h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; min-height: 48px; }
.swiper.modo-grid.modo-grid-x3 .swiper-wrapper .card { flex: 1 0 calc(33.33% - 32px); max-width: calc(33.33% - 21px); }
.swiper.brand-carousel .card .card-body h3 { font-size: var(--fs-12); }
.swiper.modo-grid.modo-grid-x3 .card-body h4 { font-family: var(--font-1); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--gris-10); margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; }
.swiper.modo-grid.modo-grid-x2 .card h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; min-height: 1px; }
.swiper.modo-grid.modo-grid-x2 .swiper-wrapper .card { flex: 1 0 calc(50% - 32px); max-width: calc(50% - 16px); }
.columna-derecha .modo-carrusel.swiper.carousel-formaciones .card { min-width: 420px; max-width: 420px; }
.columna-derecha .modo-carrusel.swiper.carousel-casos-clinicos .card { min-width: 470px; max-width: 470px; }
.columna-derecha .modo-carrusel.swiper.carousel-produccion-cientifica .card { min-width: 470px; max-width: 470px; }
.filter-swiper .btn-outline-dark { border: solid 1px var(--gris); }
.swiper.listado-overflow-Y::after { content: ''; position: absolute; top: unset; right: 0; height: 100px; width: 100%; z-index: 10; pointer-events: none; bottom: 0; }
.swiper.listado-overflow-Y.overflow-gris::after { background: linear-gradient(to top, #e6ebf1 0%, transparent 100%); }
.swiper.listado-overflow-Y.overflow-gris-agua::after { background: linear-gradient(to top, var(--color-4) 0%, transparent 100%); }
.swiper.listado-overflow-Y .swiper-wrapper { max-height: 650px; overflow: scroll; padding-bottom: 70px; }
.tipo-publicacion .carousel-indicators { margin-bottom: 8px; }
.tipo-publicacion .carousel-indicators [data-bs-target] { padding: 0; border-radius: 50%; height: 6px; transition: all .2s ease-in-out; width: 6px; }

.i-carousel .carousel-indicators { margin-bottom: 8px; }
.i-carousel .carousel-indicators [data-bs-target] { padding: 0; border-radius: 50%; height: 6px; transition: all .2s ease-in-out; width: 6px; }
.carousel-control-prev-icon,
.carousel-control-next-icon { position: relative; width: 30px; height: 30px; border-radius: 50%; background-color: transparent; display: flex; justify-content: center; align-items: center; }
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before { font-family: "Font Awesome 5 Free"; /* Ajusta según tu versión */font-weight: 900; /* Necesario para Solid icons */font-size: 30px; color: rgba(255,255,255,0.9); content: "\f137"; /* Chevron left */ }
.carousel-control-next-icon::before { content: "\f138"; /* Chevron right */ }
/*============ SWIPERS END ============*/
/*============ TAGS START ============*/
.wrap-tags { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px; }
.card .card-image .wrap-tags { position: absolute; z-index: 1; bottom: 15px; left: 10px; }
.tag { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; gap: 10px; padding: 5px 10px; border-radius: 5px; border: 0; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); background-color: var(--white); box-sizing: border-box; height: 25px; }
.tag svg { min-width: 15px; }
.tag span { font-family: var(--font-2); color: var(--black); font-weight: var(--fw-700); font-size: var(--fs-10); letter-spacing: 0; line-height: 150%; }
.tag.tag-destacado { background-color: var(--color-1); }
.tag.tag-destacado span { color: var(--white); }
.tag.tag-revision { background-color: #ffaa17; color: #000000; height: 33px; width: auto;font-weight: 400;white-space: nowrap; }
.tag.tag-rechazado { background-color: #b90000; color: #000000; height: 33px; width: auto;font-weight: 400;white-space: nowrap; }
.tag.tag-faculty { background-color: var(--color-3); }
.tag.tag-outline { border: solid 2px var(--black); }
.tag.tag-brand { background-color: var(--color-5); }
.tag.tag-brand span { color: var(--white); }
.tag.tag-premium { background-color: var(--black); color: var(--white); max-width: fit-content; height: 31px; }
.tag.tag-premium svg { max-width: 15px; }
.tag.tag-premium svg path { fill: var(--white) }
.wrap-tags-articulo { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; }
.wrap-tags-articulo .tag { padding: 10px 12px; height: 37px; }
.wrap-tags-articulo .tag span { font-weight: var(--fw-700)!important; }
/*============ TAGS START ============*/
/*============ MARQUEE START ============*/
.wrap-marquee .container { overflow: hidden; }
.marquee { width: var(--marquee-width); height: auto; background-color: var(--white); color: var(--black); overflow: hidden; position: relative; }
.marquee:before,.marquee:after { position: absolute; top: 0; width: 10rem; height: 100%; content: ""; z-index: 1; }
.marquee:before { left: 0; background: linear-gradient(to right, var(--white) 0%, transparent 100%); }
.marquee:after { right: 0; background: linear-gradient(to left, var(--white) 0%, transparent 100%); }
.marquee-content { list-style: none; height: 100%; display: flex; gap: 32px; align-items: center; animation: scrolling var(--marquee-animation-duration) linear infinite; margin: 0; }
.marquee-content:hover { animation-play-state: paused; }
.marquee-content li { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: auto; max-height: 100%; /*font-size: calc(var(--marquee-height) * 3 / 4); */ /* 5rem; */white-space: nowrap; }
.marquee-content li img { width: 100%; height: auto; border: 0; max-width: 250px; filter: brightness(0) invert(0); max-height: 60px; min-height: 60px; object-fit: contain; }
/*============ MARQUEE END ============*/
/*============ CKEDITOR START ============*/
.ck.ck-editor__editable {min-height: 200px !important;max-height: 400px !important;overflow-y: auto !important;width: 100% !important;}
.ck.ck-content {min-height: 180px !important;max-height: 380px !important;overflow-y: auto !important;width: 100% !important;}
/* Personalizar la scrollbar para que se vea mejor */
.ck.ck-editor__editable::-webkit-scrollbar {width: 8px;}
.ck.ck-editor__editable::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}
.ck.ck-editor__editable::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 4px;}
.ck.ck-editor__editable::-webkit-scrollbar-thumb:hover {background: #a1a1a1;}
/* Para Firefox */
.ck.ck-editor__editable {scrollbar-width: thin;scrollbar-color: #c1c1c1 #f1f1f1;}
/* Asegurar que el editor ocupe todo el ancho del modal */
.ck.ck-editor {width: 100% !important;}
.ck.ck-editor__main {width: 100% !important;}
/*============ CKEDITOR END ============*/
/*============ MODALS START ============*/
.modal-ingresos .modal-dialog { max-width: 350px; }
.modal-editar-perfil .modal-dialog { max-width: 550px; }
.modal-ingresos .modal-content { border: 0; }
.modal-ingresos .modal-header { border: 0; }
.modal-ingresos .modal-body { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; }
.modal-ingresos .modal-body .titulo { font-family: var(--font-1); font-weight: var(--fw-600); line-height: normal; letter-spacing: -1px; font-size: 28px; color: var(--black); text-align: center; margin-bottom: 0; }
.modal-ingresos .modal-body .btn-access { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; }
.modal-ingresos .modal-body .btn-access button { width:100%; padding: 10px; display: flex; align-items:center; justify-content:center; gap: 10px; border-radius: 8px; border: 0; background-color: var(--white); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: .7; }
.modal-ingresos .modal-body .btn-access button img { position: relative; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.modal-ingresos .modal-body .btn-access button span { font-family: var(--font-2); color: var(--black); font-size: var(--fs-14); font-weight: var(--fw-800); line-height: normal; letter-spacing: 0; }
.modal-ingresos .modal-body .btn-access button:hover { opacity: 1; }
.modal-ingresos .modal-body .btn-access button:hover img { transform: translateY(-2px); }
.modal-ingresos .modal-body form input { box-shadow: none; border: 0; border-bottom: var(--gris-8) solid 2px; border-radius: 0; }
.modal-ingresos .modal-body form small { cursor: pointer; color: var(--gris-12); font-size: var(--fs-12); line-height: 120%; text-align: center; font-weight: var(--fw-400); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.modal-ingresos .modal-body form small:hover { opacity: .8; }
.modal-ingresos .modal-body .pie-modal { padding-top: 12px; border-top: solid 1px #D2D2D2; width: 100%; color: var(--gris-12); font-size: var(--fs-14); line-height: 120%; text-align: center; font-weight: var(--fw-400); }
.modal-ingresos .modal-body .pie-modal span { color: var(--color-1); font-weight: var(--fw-600); cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.modal-ingresos .modal-body .pie-modal span:hover { opacity: .8; }
.modal-ingresos#modalRegistroPasoDos .modal-dialog { max-width: 650px; }
.modal-ingresos#modalRegistroPasoDos form { flex-wrap: wrap; gap: 12px!important; flex-direction: row !important; }
.modal-ingresos#modalRegistroPasoDos form .control-group { flex: 1 0 calc(50% - 12px); gap: 4px; }
.modal-ingresos#modalRegistroPasoDos .flatpickr-input { width: 100%; color: var(--gris-11); }
.modal-ingresos#modalRegistroPasoDos .choices__inner { box-shadow: none; border: 0; border-bottom: var(--gris-8) solid 1px; border-radius: 0; }
.modal-ingresos#modalRegistroPasoDos .choices { box-shadow: none; }
.modal-insignias ul li { cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.modal-insignias ul li:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); }
.modal-insignias ul li img { width: 60px; min-width: 60px; height: 60px; object-fit: contain; }
.modal-ingresos.modal-agregar-al-perfil .modal-dialog { max-width: 850px; }
.modal-ingresos.modal-agregar-al-perfil form { flex-wrap: wrap; gap: 12px!important; flex-direction: row !important; }
.modal-ingresos.modal-agregar-al-perfil form .step{flex-wrap: wrap; gap: 12px!important; flex-direction: row !important;display: flex;}
.modal-ingresos.modal-agregar-al-perfil form .control-group { flex: 1 0 calc(50% - 12px); gap: 4px; }
.modal-ingresos.modal-agregar-al-perfil form .step .control-group { flex: 1 0 calc(50% - 12px); gap: 4px; }
.modal-ingresos.modal-agregar-al-perfil .flatpickr-input { width: 100%; color: var(--gris-11); }
.modal-ingresos.modal-agregar-al-perfil .choices { margin-bottom: 0; }
.modal-ingresos.modal-agregar-al-perfil .choices__inner { box-shadow: none; border: 0; border-bottom: var(--gris-8) solid 2px; border-radius: 0; min-height: 44px; max-height: 44px; }
.modal-ingresos.modal-agregar-al-perfil .choices[data-type="select-multiple"] .choices__inner {max-height: none;}
.modal-ingresos.modal-agregar-al-perfil.modal-prod-cientifica .choices__inner, .modal-ingresos.modal-agregar-al-perfil.modal-crear-formacion .choices__inner{max-height: none;}
.modal-ingresos.modal-agregar-al-perfil .choices { box-shadow: none; }
.modal-agregar-al-perfil .modal-body { /*align-items:start;*/ padding:24px }
.modal-agregar-al-perfil .form-control textarea { border: 1px solid var(--black); border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); color: var(--gris-11); padding: 10px 16px; outline: none; font-family: var(--font-2); font-size: var(--fs-16); font-weight: var(--fw-400); line-height: 140%; letter-spacing: 0; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; min-height: 40px; }
.modal-ingresos.modal-agregar-al-perfil .btn-foto-video { background-color:var(--color-2); color:black; padding: 6px 12px;}
.modal-ingresos.modal-agregar-al-perfil .btn-solid-dark[type="submit"] { max-width: 100%; }
.modal-ingresos.modal-agregar-al-perfil #opciones { width: 100%; }
.modal-ingresos.modal-agregar-al-perfil .opcion { width: 100%; display: flex; align-items: center; margin: 8px 0; gap: 10px; }
.modal-ingresos.modal-agregar-al-perfil .opcion input[type="radio"] { width: 18px; height: 18px; cursor: pointer; accent-color: black; }
.modal-ingresos.modal-agregar-al-perfil .opcion input[type="text"] { flex: 1; padding: 10px 14px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px; color: #333; outline: none; transition: border 0.2s; }
.modal-ingresos.modal-agregar-al-perfil .opcion input[type="text"]:focus { border-color: black; }
.modal-ingresos.modal-agregar-al-perfil .custom-pill { display:inline-block; width:100%; padding:10px 14px; border:1px solid black; border-radius:8px }
.modal-ingresos.modal-agregar-al-perfil .custom-pill:hover { border-color:black; }
.modal-ingresos.modal-agregar-al-perfil .custom-pill.checked { background:black; color:#fff; border-color:black; }
.modal-ingresos.modal-agregar-al-perfil .encuesta-realizada { width: 100%; background-color:#F6FFFE; border-radius:10px; padding: 16px; }
.modal-ingresos.modal-agregar-al-perfil .opciones-encuesta .form-check { padding-left: 0; }
.modal-ingresos.modal-agregar-al-perfil#modalAgregarPublicacion-caso-clinico .control-group .choices__inner { border:1px solid black; border-radius:10px; }
.modal-ingresos.modal-agregar-al-perfil#modalAgregarPublicacion-caso-clinico .multiple-choice .choices__inner { border:1px solid black; border-radius:10px; }
.modal-ingresos.modal-agregar-al-perfil#modalAgregarPublicacion-caso-clinico .multiple-choice .choices__inner input { padding-top: 0; }
.modal-ingresos.modal-agregar-al-perfil .pregunta { font-family: var(--font-1); font-size: 16px; font-weight: bold; color:black; }
.modal-ingresos.modal-agregar-al-perfil .revision { box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.25); background-color:#F6FFFE; color:black; padding:20px; border-radius:20px }
.modal-ingresos.modal-agregar-al-perfil .revision p { font-family: var(--font-1); font-size: 12px; margin: 0; }
#offcanvasSubMenu { border-top-left-radius: 10px; border-top-right-radius: 10px; height:auto; }
#offcanvasSubMenu .offcanvas-header { padding-bottom: 0; }
.DocSearch-Form { border-radius: 5px }
.DocSearch-Form { align-items: center; background: var(--white); border-radius: 4px; box-shadow: inset 0 0 0 2px var(--color-2); display: flex; height: 56px; margin: 0; padding: 0 12px; position: relative; width: 100%; }
.DocSearch-MagnifierLabel { align-items: center; color: var(--black); display: flex; justify-content: center; margin: 0; padding: 0; }
.DocSearch-MagnifierLabel svg { height: 24px; width: 24px; }
.DocSearch-VisuallyHiddenForAccessibility { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.DocSearch-Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; color: #1c1e21; flex: 1; font: inherit; font-size: 1.2em; height: 100%; outline: none; padding: 0 0 0 8px; width: 80%; outline-offset: -2px; }
#offcanvasSubMenu ul li a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 24px; text-decoration: none; cursor: pointer; }
#offcanvasSubMenu ul li a span { font-family: var(--font-2); font-size: var(--fs-20); color: var(--black); font-weight: var(--fw-500); line-height: 150%; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#modalSolicitarRecomendacion .modal-dialog { max-width: 650px; }
#modalSolicitarRecomendacion .modal-body { position: relative; }
#modalSolicitarRecomendacion .modal-body .swiper-wrapper { max-height: 50vh; overflow: scroll; position: relative; padding-bottom: 130px; }
#modalSolicitarRecomendacion .modal-body::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; width: 100%; z-index: 10; pointer-events: none; background: linear-gradient(to top, white 0%, transparent 100%); }
#modalSolicitarRecomendacion-formacion .modal-dialog { max-width: 650px; }
#modalSolicitarRecomendacion-formacion .modal-body { position: relative; }
#modalSolicitarRecomendacion-formacion .modal-body .swiper-wrapper { max-height: 50vh; overflow: scroll; position: relative; padding-bottom: 130px; }
#modalSolicitarRecomendacion-formacion .modal-body::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; width: 100%; z-index: 10; pointer-events: none; background: linear-gradient(to top, white 0%, transparent 100%); }
#modalEditarPerfil .control-group { flex: 1 0 calc(50% - 1rem); }
.modal-usuarios-relaciones .modal-dialog { max-width: 650px; }
.modal-usuarios-relaciones .modal-body { position: relative; }
.modal-usuarios-relaciones .modal-body .swiper-wrapper { max-height: 50vh; overflow: scroll; position: relative; padding-bottom: 130px; }
.modal-usuarios-relaciones .modal-body::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; width: 100%; z-index: 10; pointer-events: none; background: linear-gradient(to top, white 0%, transparent 100%); }
.modal-usuarios-relaciones .modal-body.sin-after::after{display: none;}
#modalNotificaciones { background-color:white; padding:20px; box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.25); -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.25); }
#modalNotificaciones .btn-dark.collapsed { background-color:white; color:black }
#modalNotificaciones .img-perfill { max-width: 40px; }
#modalNotificaciones .card-notificaciones { padding: 20px 0 20px 0; border-bottom:2px solid var(--gris);position: relative;}
.non-leido{position: absolute;width: 10px;height: 10px;background: var(--color-1);border-radius: 10px;top: 12px;right: 0px;}
#modalNotificaciones .fecha-notificacion { font-family: var(--font-1); color:var(--color-1); font-size: var(--fs-12); line-height: normal; font-weight: bold; margin-top:10px }
#modalNotificaciones .nombre { font-family: var(--font-1); font-size: var(--fs-14); line-height: 150%; font-weight: medium; }
#modalNotificaciones .notificacion { font-family: var(--font-1); font-size: var(--fs-12); line-height: 150%; font-weight: 400; }
.modal-ingresos#modalCandidaturaMentor .modal-dialog { max-width: 850px; }
.modal-ingresos#modalCandidaturaMentor .cm_steps{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 32px;}
.modal-ingresos#modalCandidaturaMentor .modal-body .pie-modal{border-top: 0;}
.modal-ingresos#modalCandidaturaMentor .modal-body .pie-modal a {color: var(--color-1);font-weight: var(--fw-600);cursor: pointer;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration: none;}
.modal-ingresos#modalCandidaturaMentor .modal-body .pie-modal a:hover {opacity: .8;}
.modal-ingresos#modalCandidaturaMentor .requisitos li.ok {color: #198754;text-decoration: line-through;}
.modal-ingresos#modalCandidaturaMentor .requisitos li.error {color: #dc3545;text-decoration: none;}
.modal-ingresos#modalCandidaturaMentorFinal .modal-dialog { max-width: 850px; }
.modal-ingresos#modalCandidaturaMentorFinal .cm_steps{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 32px;}
.modal-ingresos#modalCandidaturaMentorFinal .modal-body .pie-modal{border-top: 0;}
.modal-ingresos#modalCandidaturaMentorFinal .modal-body .pie-modal a {color: var(--color-1);font-weight: var(--fw-600);cursor: pointer;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration: none;}
.modal-ingresos#modalCandidaturaMentorFinal .modal-body .pie-modal a:hover {opacity: .8;}
.modal-ingresos#modalCandidaturaFaculty .modal-dialog { max-width: 850px; }
.modal-ingresos#modalCandidaturaFaculty .cm_steps{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 32px;}
.modal-ingresos#modalCandidaturaFaculty .modal-body .pie-modal{border-top: 0;}
.modal-ingresos#modalCandidaturaFaculty .modal-body .pie-modal a {color: var(--color-1);font-weight: var(--fw-600);cursor: pointer;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration: none;}
.modal-ingresos#modalCandidaturaFaculty .modal-body .pie-modal a:hover {opacity: .8;}
.modal-ingresos#modalCandidaturaFaculty .requisitos li.ok {color: #198754;text-decoration: line-through;}
.modal-ingresos#modalCandidaturaFaculty .requisitos li.error {color: #dc3545;text-decoration: none;}
.modal-ingresos#modalCandidaturaFacultyFinal .modal-dialog { max-width: 850px; }
.modal-ingresos#modalCandidaturaFacultyFinal .cm_steps{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 32px;}
.modal-ingresos#modalCandidaturaFacultyFinal .modal-body .pie-modal{border-top: 0;}
.modal-ingresos#modalCandidaturaFacultyFinal .modal-body .pie-modal a {color: var(--color-1);font-weight: var(--fw-600);cursor: pointer;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration: none;}
.modal-ingresos#modalCandidaturaFacultyFinal .modal-body .pie-modal a:hover {opacity: .8;}
.pricing-option {cursor: pointer;border: 2px solid var(--gris);border-radius: 10px;padding: 24px;text-align: center;transition: all 0.2s ease;}
.pricing-option:hover {border-color: var(--gris-7);}
.pricing-option input[type="radio"] {display: none;}
.pricing-option.selected {border-color: var(--color-1);background-color: #bce0dc;}
#modalContactos .modal-dialog { max-width: 850px; }
#modalContactos .modal-body { position: relative; }
#modalContactos .modal-body .swiper-wrapper { max-height: 50vh; overflow: scroll; position: relative;height: auto;}
#modalContactos .modal-body::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; width: 100%; z-index: 10; pointer-events: none; background: linear-gradient(to top, white 0%, transparent 100%);display: none; }
.tabs-people .nav-item button{border: solid 1px var(--gris);}
.tabs-people .nav-item button.active svg path{stroke: #fff;}
#peopleTabsContent .card.card-5{flex: 1 0 calc(50% - 16px);}
#modalFavoritos .modal-dialog { max-width: 850px; }
#modalFavoritos .modal-body { position: relative; }
#modalPublicacionesRelacionadasv2 .modal-dialog { max-width: 850px; }
#modalPublicacionesRelacionadasv2 .modal-body { position: relative; }
#collapseContainer .card-body{max-height: 500px;overflow: scroll;}
#preview-media > div, #preview-media-encuesta > div, #preview-media_caso_clinico > div{width: 100px;height: 100px;}
#preview-media > div img, #preview-media-encuesta > div img, #preview-media_caso_clinico > div img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#preview-media > div video, #preview-media-encuesta > div video, #preview-media_caso_clinico > div video{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#modalContactos #peopleTabsContent .card button{font-size: var(--fs-10)!important;}
#modalContactos .card.card-5 .btn-gris{font-size: var(--fs-10)!important;}
#modalSolicitarInformacionFacturacion .modal-dialog{max-width: 650px;}
.icon-clear {position: absolute;right: 12px;cursor: pointer;color: #888;transition: color 0.2s;}
.icon-clear:hover {color: #d9534f!important;}

#modalBiblioteca .modal-dialog { max-width: 850px; }
#modalBiblioteca .modal-body { position: relative; }
#modalBiblioteca .modal-body .swiper-wrapper { max-height: 50vh; overflow: scroll; position: relative;height: auto;}
#modalBiblioteca .modal-body::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 150px; width: 100%; z-index: 10; pointer-events: none; background: linear-gradient(to top, white 0%, transparent 100%);display: none; }
#modalBiblioteca #peopleTabsContent .card button{font-size: var(--fs-10)!important;}
#modalBiblioteca .card.card-5 .btn-gris{font-size: var(--fs-10)!important;}
/*============ MODALS END ============*/
/*============ PÁGINAS CORPORATIVAS START ============*/
.page-corporativa{max-width: 100%;}
.page-corporativa p,
.page-corporativa span,
.page-corporativa li { font-family: var(--font-1); color: var(--black); font-size: var(--fs-16); font-weight: var(--fw-400); line-height: normal; letter-spacing: -.5px; }
.page-corporativa h2 { letter-spacing: -1px; }
.page-corporativa p strong { font-size: var(--fs-20); font-weight: var(--fw-700); letter-spacing: -1px; }
.page-corporativa a { color: var(--color-1); cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.page-corporativa a:hover { color: var(--color-1); opacity: .8; }
/*============ PÁGINAS CORPORATIVAS END ============*/
/*============ FOOTER START ============*/
footer { background-color: var(--white); padding: 32px 0; }
footer .logo-footer { width: 100%; max-width: 150px; }
footer .rrss a { text-decoration: none; position: relative; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
footer .rrss a:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); }
footer .rrss a i { color: var(--gris-10); font-size: var(--fs-24); }
footer .menu-footer a { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
footer .menu-footer a:hover { opacity: .5; }
footer .menu-footer a:nth-child(odd) { font-family: var(--font-2); font-size: var(--fs-16); line-height: 150%; text-decoration: none; color: var(--black); font-weight: var(--fw-400); }
footer .menu-footer a:nth-child(even) { font-family: var(--font-2); font-size: var(--fs-16); line-height: 150%; text-decoration: none; color: var(--black); font-weight: var(--fw-400); }
/*============ FOOTER END ============*/
/*============ BTN VOLVER ARRIBA START ============*/
#btn-volver-arriba { bottom: 12px; left: 12px; z-index: 5; position: fixed; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#btn-volver-arriba.show { display: block; }
#btn-volver-arriba:active,
#btn-volver-arriba:focus,
#btn-volver-arriba:focus-visible { background-color: var(--color-1); }
#btn-volver-arriba:hover { background-color: var(--color-2); }
#btn-volver-arriba:hover i { color: var(--color-1); }
/*============ BTN VOLVER ARRIBA END ============*/
/*============ FILTER SWIPER START ============*/
.filter-swiper{overflow: visible;}
.filter-swiper { width: 100%; height: 100%;margin-top: 40px!important; }
.filter-swiper .swiper-slide { width: auto; }
.filter-swiper .swiper-button-prev{top: -20px;left: unset;right: 40px;}
.filter-swiper .swiper-button-next{top: -20px;left: unset;right: 0;}
.filter-swiper .swiper-button-next,.filter-swiper .swiper-button-prev{width: 35px;height: 35px;border-radius: 35px;background-color: transparent;border: solid 1px var(--gris-13);color: var(--black);}
.filter-swiper .swiper-button-next:after,.filter-swiper .swiper-button-prev:after{font-size: 14px;}
.filter-swiper .swiper-button-next:hover,.filter-swiper .swiper-button-prev:hover{background-color: var(--gris-13);color: var(--gris-11);}
/*============ FILTER SWIPER END ============*/
/*============ ARTÍCULOS START ============*/
.wrap-image-articulo { width: 100%; height: auto; border-radius: 10px; }
.wrap-image-articulo img { width: 100%; height: auto; border-radius: 10px; }
.caption-share { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; width: 100%; flex-direction: row; flex-wrap: nowrap; }
.caption-share .date { font-family: var(--font-2); font-size: 14px; font-weight: var(--fw-400); line-height: 150%; letter-spacing: 0; color: var(--gris-10); }
.caption-share .share { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-direction: row; flex-wrap: nowrap; }
.a2a_kit { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 4px; }
.a2a_default_style:not(.a2a_flex_style) a { padding: 0!important; }
.a2a_svg { height: 27px!important; ; line-height: 24px!important; ; padding: 0!important; ; pointer-events: none; width: 24px!important; ; background-color: transparent!important; }
.a2a_svg svg path { fill: var(--black)!important; }
.a2a_full_services .a2a_svg svg path { fill: var(--white)!important; }
.a2a_svg.a2a_s_share2 svg path:first-of-type { fill: none!important; }
.articulo-cuerpo { font-family:var(--font-2); font-size: var(--fs-16); font-weight: var(--fw-400); line-height: 150%; letter-spacing: 0; text-align: left; }
.articulo-cuerpo h2 { font-size: 28px }
.articulo-cuerpo h3 { font-size: 24px }
.articulo-cuerpo p { margin-bottom: 20px; }
/* .articulo-cuerpo p+p { margin-top: -40px; }*/
.articulo-cuerpo ol, .articulo-cuerpo ul { margin: 20px 0; }
.articulo-cuerpo ul { padding-left: 32px }
.articulo-cuerpo ul li { list-style-type: disc }
.articulo-cuerpo p a, .articulo-cuerpo a { color: var(--color-1); cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.articulo-cuerpo p a:hover, .articulo-cuerpo a:hover { color: var(--color-1); opacity: .8; }
.articulo-cuerpo blockquote { border: none !important; color: var(--black); font-size: .95em !important; font-style: italic; line-height: 1.45em; margin: 40px 0; position: relative; width: 100%; background: var(--gris); padding: 24px; border-radius: 10px; }
.articulo-cuerpo blockquote * { margin-bottom: 0; }
.articulo-cuerpo blockquote:before { color: var(--color-1); content: "\f10d"; /* Unicode de la comilla (fa-quote-left) */font-family: "Font Awesome 6 Free"; font-weight: 900; /* Necesario para iconos sólidos */font-size: 4em; font-style: normal; left: 0; position: absolute; top: -10px; transform: scaleX(-1); opacity: 1; }
.articulo-cuerpo img { margin: 20px 0; width: 100%; height: auto; }
.articulo-cuerpo > *:last-child { margin-bottom: 0!important; }
/*============ ARTÍCULOS END ============*/
/*============ COMENTARIOS START ============*/
.wrap-comentarios { border-radius: 10px; margin: 0 auto; padding: 24px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.wrap-comentarios .comment { padding: 15px; border-radius: 10px; border: solid 1px var(--gris-6); margin-top: 40px; }
.wrap-comentarios .comment .avatar { width: 60px; min-width: 60px; height: 60px; border-radius: 60px; object-fit: cover; object-position: center; overflow: hidden; }
.wrap-comentarios .comment h3 { font-family: var(--font-1); font-weight: var(--fw-600); font-size: 14px; line-height: 150%; letter-spacing: 0; color: var(--black); }
.wrap-comentarios .comment h4 { font-family: var(--font-1); font-weight: var(--fw-600); font-size: 12px; line-height: 150%; letter-spacing: 0; color: var(--gris-10); }
.wrap-comentarios .comment small { font-family: var(--font-2); font-weight: var(--fw-400); font-size: 10px; line-height: 150%; letter-spacing: 0; color: var(--gris-10); }
.wrap-comentarios .comment .comment-text > * { font-family: var(--font-2); font-weight: var(--fw-400); font-size: var(--fs-16); line-height: 150%; letter-spacing: 0; color: var(--black); }
.wrap-comentarios .comment .date { font-family: var(--font-2); font-weight: var(--fw-400); font-size: 10px; line-height: 150%; letter-spacing: 0; color: var(--gris-10); }
/*============ COMENTARIOS END ============*/
/*============ LIKE BUTTON START ============*/
.like-button { border: 2px solid transparent; border-radius: 5px; padding: 5px; color: #878787; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); filter: grayscale(100%); max-width: fit-content; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; cursor: pointer; }
.like-button.liked { color: #ff6e6f; border-color: currentColor; filter: grayscale(0); }
.like-button:hover { border-color: currentColor; }
.like-icon { width: 18px; height: 16px; display: inline-block; position: relative; margin-right:0; font-size: 16px; background: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMTAxIDQuNDE3UzguODk1LjIwNyA1LjExMS4yMDdjLTQuNDY1IDAtMTAuOTY3IDYuODQ2IDUuMDgyIDE3LjU5MkMyNS4yMzcgNy4wMyAxOS42NjUuMjAyIDE1LjUwMS4yMDJjLTQuMTYyIDAtNS40IDQuMjE1LTUuNCA0LjIxNXoiIGZpbGw9IiNGRjZFNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center; background-size: 100%; -webkit-animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.liked .like-icon { -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.liked .like-icon [class^=heart-animation-] { background: url("data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMTAxIDQuNDE3UzguODk1LjIwNyA1LjExMS4yMDdjLTQuNDY1IDAtMTAuOTY3IDYuODQ2IDUuMDgyIDE3LjU5MkMyNS4yMzcgNy4wMyAxOS42NjUuMjAyIDE1LjUwMS4yMDJjLTQuMTYyIDAtNS40IDQuMjE1LTUuNCA0LjIxNXoiIGZpbGw9IiNGRjZFNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center; background-size: 100%; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 14px; opacity: 0; }
.liked .like-icon [class^=heart-animation-]::before, .liked .like-icon [class^=heart-animation-]::after { content: ""; background: inherit; background-size: 100%; width: inherit; height: inherit; display: inherit; position: relative; top: inherit; left: inherit; opacity: 0; }
.liked .like-icon .heart-animation-1 { -webkit-animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.liked .like-icon .heart-animation-1::before, .liked .like-icon .heart-animation-1::after { width: 12px; height: 10px; visibility: hidden; }
.liked .like-icon .heart-animation-1::before { opacity: 0.6; -webkit-animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.liked .like-icon .heart-animation-1::after { -webkit-animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; opacity: 0.75; }
.liked .like-icon .heart-animation-2 { -webkit-animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }
.liked .like-icon .heart-animation-2::before, .liked .like-icon .heart-animation-2::after { width: 10px; height: 8px; visibility: hidden; }
.liked .like-icon .heart-animation-2::before { -webkit-animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; opacity: 0.25; }
.liked .like-icon .heart-animation-2::after { -webkit-animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; opacity: 0.4; }
/*============ LIKE BUTTON END ============*/
/*============ CARRUSELES START ============*/
.modo-carrusel-x2 .swiper-slide { max-width: 400px; width: auto !important; min-width: 400px; }
.modo-carrusel-gris-13 { background-color: var(--gris-13); padding: 24px; border-radius: 10px; }
.modo-carrusel-gris-13 .card { background-color: var(--gris-6); }
.modo-carrusel-gris-13 .card.destacado { background-color: var(--color-4); }
.modo-carrusel-gris-13 .swiper::after { background: linear-gradient(to left, var(--gris-13) 0%, transparent 100%) }
.modo-carrusel-gris-13 .card .btn { background-color: var(--black); color: var(--white); border: solid 1px var(--black); }
.columna-derecha .modo-carrusel-gris-13 .swiper.carousel-formaciones .card { min-width: 400px; max-width: 400px; }
/*============ CARRUSELES END ============*/
/*============ RESULTADO BÚSQUEDA MENTORES START ============*/
#swiper-mentores .card { height: auto; display: flex; }
#swiper-mentores .card .card-body { padding-top: 12px; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 4px; height: 100%; }
#swiper-mentores .card .card-body .textos { width: 100%; }
/*============ RESULTADO BÚSQUEDA MENTORES END ============*/
/*============ HASHTAGS START ============*/
.hashtags a { text-decoration: none; border-radius: 8px; border: solid 1px var(--gris-6); padding: 5px 10px; font-weight: var(--fw-400); line-height: normal; letter-spacing: 0; font-family: var(--font-2); color: var(--black); font-size: var(--fs-12); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: .8; }
.hashtags a:hover { opacity: 1; cursor: pointer; }
/*============ HASHTAGS END ============*/
/*============ AUTORES START ============*/
.autores li { font-weight: var(--fw-400); line-height: normal; letter-spacing: 0; font-family: var(--font-2); color: var(--black); font-size: var(--fs-12); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: .8; }
.autores a { text-decoration: none; font-weight: var(--fw-400); line-height: normal; letter-spacing: 0; font-family: var(--font-2); color: var(--black); font-size: var(--fs-12); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: .8; }
.autores a:hover { opacity: 1; cursor: pointer; }
.autores .autor-destacado{width: 100%;}
.autores .autor-destacado a{opacity: 1;font-weight: var(--fw-600);}
/*============ AUTORES END ============*/
/*============ AVATAR RECOMENDACIONES START ============*/
.avatar-stack { width: 35px; height: 35px; min-width: 35px; border-radius: 35px; border: solid 2px var(--white); position: relative; margin-left: -10px; z-index: 1; cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; }
.avatar-stack img { width: 100%; height: 100%; border-radius: 100%; object-fit: cover; }
.avatar-stack:first-child { margin-left: 0; }
.avatar-stack:hover { z-index: 10; transform: translateY(-2px); }
.avatar-stack:last-child { background-color: var(--black); border: solid 2px var(--white); color: var(--white); width: 35px; height: 35px; min-width: 35px; border-radius: 35px; font-size: var(--fs-14); line-height: 35px; font-weight: var(--fw-400); font-family: var(--font-2); }
/*============ AVATAR RECOMENDACIONES END ============*/
/*============ SWAL2ALERT START ============*/
div:where(.swal2-container) h2:where(.swal2-title) { font-family: var(--font-1)!important; }
div:where(.swal2-container) div:where(.swal2-html-container) { font-family: var(--font-2)!important; }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { background-color:var(--color-1)!important; color: var(--white)!important; }
div:where(.swal2-container) .swal2-textarea { width: 100%!important; margin: 0!important; }
/*============ SWAL2ALERT END ============*/
/*============ OTRAS ACCIONES START ============*/
.otras-acciones { position: absolute; top: 10px; right: 30px; }
.otras-acciones button { padding: 0; border: 0; outline: 0; box-shadow: 0; cursor: pointer; }
.otras-acciones button:focus { border: 0; outline: 0; box-shadow: 0; }
.otras-acciones button i { font-size: var(--fs-18); color: var(--gris-10); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.otras-acciones ul { padding: 0; }
.otras-acciones ul.show { max-width: fit-content; min-width: fit-content; transform: translate3d(0px, 24px, 0px)!important; }
.otras-acciones ul li a { color: var(--gris-10); font-family: var(--font-2); font-weight: var(--fw-400); font-size: var(--fs-14); letter-spacing: 0; line-height: 150%; }
.otras-acciones ul li a { padding-bottom: 4px; margin-bottom: 4px; border-bottom: solid 1px var(--gris); }
.otras-acciones ul li:last-of-type a { margin-bottom: 0; border-bottom: 0 }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); }
div:where(.swal2-container) div:where(.swal2-validation-message) { background: var(--gris-5)!important; color: var(--gris-10)!important; font-size: var(--fs-16)!important; font-weight: var(--fw-400)!important; font-family: var(--font-2)!important; margin-left: 4px!important; margin-right: 4px!important; }
/*============ OTRAS ACCIONES END ============*/
/*============ PERFIL START ============*/
.page-perfil .bloque-informacion { display: flex; flex-direction:row; align-items: stretch; justify-content: flex-start; gap: 32px; width: 100%; padding-bottom: 4px; }
.page-perfil .bloque-informacion .wrap-image { flex: 1 0 calc(50% - 32px); width: 100%; max-width: 335px; height: 335px; border-radius: 10px; }
.page-perfil .bloque-informacion .wrap-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 10px; }
.page-perfil .bloque-informacion .wrap-info { flex: 1 0 calc(50% - 32px); width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; justify-content: space-between; }
.page-perfil .bloque-informacion .wrap-info .edit-perfil { cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }/*position: absolute; top: 0; right: 0;*/
.page-perfil .bloque-informacion .wrap-info h3 { font-family: var(--font-1); font-weight: var(--fw-700); line-height: 150%; font-size: var(--fs-30); letter-spacing: 0; color: var(--black); }
.page-perfil .bloque-informacion .wrap-info h4 { font-family: var(--font-1); font-weight: var(--fw-700); line-height: 150%; font-size: var(--fs-14); letter-spacing: 0; color: var(--color-1); }
.page-perfil .bloque-informacion .wrap-info small { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-14); letter-spacing: 0; color: var(--black); }
.page-perfil .bloque-informacion .wrap-info p { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-18); letter-spacing: 0; color: var(--black); }
.page-perfil .wrap-desarrollo { align-items: flex-start; justify-content: center; position: relative; border: solid 1px var(--gris); border-radius: 10px; padding: 24px; display: flex; flex-direction: column; gap: 24px; width: 100%;background-color: var(--gris);}
.page-perfil .wrap-desarrollo .wrap-acount { position: relative; border: solid 1px var(--gris-6); border-radius: 10px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; width: 100%; background: rgba(255,255,255,40%);}
.page-perfil .wrap-desarrollo .wrap-acount span { font-family: var(--font-2); font-size: var(--fs-18); line-height: 150%; font-weight: var(--fw-600); color: var(--black); }
.page-perfil .wrap-desarrollo .wrap-acount span.number { font-size: var(--fs-24); font-weight: var(--fw-700); color: var(--color-1); }
.wrap-gris { position: relative; border-radius: 10px; display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; padding: 24px; background: var(--gris); width: 100%; flex-direction: column; }
.wrap-gris-agua { position: relative; border-radius: 10px; display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; padding: 24px; background: var(--color-4); width: 100%; flex-direction: column; }
.wrap-transparente { position: relative; border-radius: 10px; display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; padding: 0; background: transparent; width: 100%; flex-direction: column; }
.wrap-transparente .swiper::after { display: none; }
.wrap-gris .modo-carrusel.swiper .card,.wrap-gris-agua .modo-carrusel.swiper .card ,.wrap-transparente .modo-carrusel.swiper .card { margin-right: 16px!important; }
.wrap-titular { width: 100%; display: flex; align-items: center; justify-content: space-between; gap:12px; flex-direction: row; }
.wrap-titular p { font-family: var(--font-1); font-size: var(--fs-30); line-height: normal; letter-spacing: -1px; font-weight: var(--fw-600); color: var(--black); margin-bottom: 0; display: flex; align-items: center; justify-content: flex-start; gap: 8px; }
.wrap-titular p svg { cursor: pointer; }
.wrap-titular p svg:focus { outline: 0; border: 0; }
.wrap-titular span { font-family: var(--font-1); font-size: var(--fs-16); line-height: normal; letter-spacing: -1px; font-weight: var(--fw-500); color: var(--black); margin-bottom: 0; display: flex; align-items: center; justify-content: flex-start; gap: 8px; cursor: pointer;max-width: min-content;}
.wrap .wrap-titular > div { display: flex; align-items: center; justify-content: flex-start; gap: 24px; }
.wrap .wrap-titular > div img { min-width: 80px; max-width: 80px; }
.div-encuesta .encuesta p{font-weight: var(--fw-700);line-height: 120%;font-family: var(--font-2);color: var(--black);margin-bottom: 0;font-size: var(--fs-16);margin-bottom: 0;}
/* Contenedor general */.encuesta { background:#F6FFFE; border-radius:16px; padding:24px 14px;border: solid 1px var(--gris-4);}
/* pregunta */.encuesta .card-text { font-weight:600; }
/* Botón-opción base (modo opciones) */.btn-encuesta{display:block; width:100%;max-width: 100%;text-align:left;border-radius:10px;border:1px solid #cfd9d6;background:#fff;padding:0 .8rem;position:relative;transition:box-shadow .2s, background .2s;min-height: 37px;}
.btn-encuesta:hover{ box-shadow:0 2px 10px rgba(0,0,0,.05);background-color: white;border: 1px solid #cfd9d6; }
.btn-encuesta.activo{ border-color:#1f6b61; box-shadow:0 0 0 2px rgba(31,107,97,.15) inset; }
/* Contadores a la derecha en modo opciones */.btn-encuesta .opcion-votos{position:absolute; right:.5rem; top:50%; transform:translateY(-50%);background:#eef3f2; min-width:28px; height:24px; border-radius:12px;display:flex; align-items:center; justify-content:center;font-weight:700; color:#4b5c58; font-size:.85rem;display: none;}
/* --- MODO RESULTADOS --- */
.encuesta.resultados .btn-encuesta{border:1px solid #cfd9d6;background:#ffffff;padding:.55rem .55rem; /* más fino */}
.encuesta.resultados .btn-encuesta .opcion-votos{ display:none; }
/* pista */
.encuesta.resultados .btn-encuesta::after{content:""; position:absolute; inset:0.4rem; border-radius:8px; background:#eef3f2;}
/* relleno */.encuesta.resultados .btn-encuesta .fill{position:absolute; left:0; top:0; bottom:0;width:0%; border-radius:8px; background:#1f6b61; /* tu verde */transition:width .35s ease;z-index: 2;}
/* etiqueta porcentaje (pill) dentro del relleno */
.encuesta.resultados .btn-encuesta .pct{position:absolute; left:0; top:50%; transform:translateY(-50%);height:22px; min-width:42px; padding:0 .5rem;border-radius:11px; background:transparent; color:var(--white);font-weight:500; font-size:14px; display:flex; align-items:center; justify-content:center;z-index: 3;font-family: var(--font-2);}
/* texto de la opción por encima */
.encuesta .opcion-texto{position:relative; z-index:2; color: var(--black); font-weight:400;font-size: 14px;font-family: var(--font-2);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
/* Botón deshacer */
.encuesta .enc-undo{display:inline-block;margin-top:0; font-size:.8rem; color:var(--color-1); text-decoration:underline; cursor:pointer;height:24px;/* altura fija */line-height:24px; cursor:pointer; visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s;}
.encuesta .enc-undo:hover{ color:#1f6b61; }
.encuesta.resultados .enc-undo{visibility:visible;opacity:1;pointer-events:auto;}
.encuesta.resultados .enc-undo:active{background: transparent!important;}
.encuesta .btn-encuesta .pct.pct-zero{opacity: .6;/* o el color que prefieras */color: #8a9490;/* cámbialo a tu paleta */}
.div-encuesta .encuesta .wrap-opciones{display: none!important;}
.div-encuesta .encuesta .enc-undo{display: none!important;}
.div-encuesta .encuesta.resultados .enc-undo{display: inline-block!important;}
.wrap-titular .dropdown .btn.show{border: 0!important;}
.wrap-titular .dropdown .btn{border: 0!important;}
.div-atenuado { position: relative; }
.div-atenuado::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,0.35); backdrop-filter: grayscale(100%) saturate(60%); -webkit-backdrop-filter: grayscale(100%); z-index: 3; pointer-events: auto;filter: blur(2px)}
.div-atenuado .sin { position: relative; z-index: 2; pointer-events: auto; }
/* Estilos para la Barra de votación inferior */
.vote-widget-bottom-bar { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(30, 30, 30, 0.9); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); padding: 12px 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; display: flex; justify-content: space-between; align-items: center; z-index: 10; }
.vote-widget-text { color: #fff; font-weight: 500; }
.vote-buttons { display: flex; gap: 10px; }
.btn-vote { border: none; padding: 8px 16px; border-radius: 50px; font-weight: bold; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 6px; font-size: 0.9em; }
.btn-vote-yes { background-color: #28a745; color: white; }
.btn-vote-yes:hover { background-color: #218838; }
.btn-vote-no { background-color: #dc3545; color: white; }
.btn-vote-no:hover { background-color: #c82333; }
.card-publicacion .views { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--gris-10); margin: 0; }
.card-publicacion .recomendation { color: var(--color-1);font-size: 12px;}
.card-publicacion .acciones .accion { font-family: var(--font-2); font-weight: var(--fw-400); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--black); margin: 0; padding: 0; border: 0; background: transparent; display: flex; align-items: center; justify-content: center; gap: 4px; }
.card-publicacion .acciones .accion i { color: var(--gris-10); font-size: var(--fs-16); }
.botones-perfil .btn{font-size: 14px;padding: 12px 16px;}
/*============ PERFIL END ============*/
/*============ MULTIPLE SELECTION START ============*/
.multiple-choice .choices__list--multiple .choices__item { border-radius: 5px; border: 1px solid var(--color-1); color: #fff; font-family: var(--font-2); }
.multiple-choice .choices__input { background-color: transparent; border-bottom: 0!important; font-size: 14px; border: 0; border-radius: 0; padding: 4px 0 4px 2px; }
.multiple-choice .choices__inner { max-height: 100%; }
/*============ MULTIPLE SELECTION END ============*/
/*============ SWITCHES CHECKBOX START ============*/
.switch { position: relative; display: inline-flex; align-items: center; cursor: pointer; }
.switch input { opacity: 0; width: 0; height: 0; min-height: 0; }
.slider { position: relative; width: 29px; height: 14px; background-color: var(--gris-13); border-radius: 34px; transition: 0.3s; margin-right: 5px; }
.slider::before { content: ""; position: absolute; height: 11px; width: 11px; left: 3px; bottom: 2px; background-color: var(--white); border-radius: 50%; transition: 0.3s; }
.label-text { cursor: pointer; color: var(--gris-12); font-size: var(--fs-12); line-height: 14px; text-align: center; font-weight: var(--fw-400); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
input:checked + .slider { background-color: var(--color-1); }
input:checked + .slider::before { transform: translateX(13px); }
/*============ SWITCHES CHECKBOX END ============*/
/*============ COLLAGE IMAGE START ============*/
.wrap-collage { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 5px; }
.wrap-collage div { border-radius: 10px; width: auto; min-height: 86px; height: 86px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); cursor: pointer; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; flex: 1 0 calc(14.28% - 5px); }
.wrap-collage div:hover { filter: sepia(0); -webkit-filter: grayscale(0); }
.wrap-collage div img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; object-position: center; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.wrap-collage div:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
/*============ COLLAGE IMAGE END ============*/
/*============ WRAP 50-50 START ============*/
.wrap-50-50 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 32px; }
.wrap-50-50 .item { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 24px; flex: 1 0 calc(50% - 32px) }
.wrap-50-50 .item .number_ { color: var(--gris); font-size: 90px; line-height: 35px; letter-spacing: 0; font-family: var(--font-2); font-weight: var(--fw-900); margin: auto; }
.wrap-50-50 .item .text { display: flex; flex-direction: column; align-items: flex-start; justify-items: flex-start; gap: 12px; }
.wrap-50-50 .item h4 { color: var(--color-1); font-size: var(--fs-32); line-height: normal; letter-spacing: -.5px; font-family: var(--font-2); font-weight: var(--fw-600); margin-bottom: 0; }
.wrap-50-50 .item p { color: var(--black); font-size: var(--fs-16); line-height: 150%; letter-spacing: 0; font-family: var(--font-2); font-weight: var(--fw-400); margin-bottom: 0; }
.wrap-50-50 .item.bg-suave { background-color: #F6FFFE; flex-direction: column; justify-content: space-between; border: solid 1px var(--gris); padding: 24px; border-radius: 10px; }
.wrap-50-50 .item.bg-suave h4 { color: var(--black); font-size: var(--fs-20); line-height: normal; letter-spacing: -.5px; font-family: var(--font-2); font-weight: var(--fw-800); margin-bottom: 0; }
.wrap-50-50 .item.bg-transparente { background-color: transparent; flex-direction: row; justify-content: flex-start; border: 0; padding: 0; border-radius: 0 }
.wrap-50-50 .item.bg-transparente h4 { color: var(--black); font-size: var(--fs-24); line-height: normal; letter-spacing: -.5px; font-family: var(--font-2); font-weight: var(--fw-600); margin-bottom: 0; }
/*============ WRAP 50-50 END ============*/
/*============ WRAP 100 START ============*/
.wrap-100 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; gap: 32px; }
.wrap-100 .item { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; flex: 1 0 calc(25% - 32px); padding: 24px; border-radius: 10px; border: solid 1px var(--gris-6); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.wrap-100 .item .text { display: flex; flex-direction: column; align-items: flex-start; justify-items: flex-start; gap: 20px; }
.wrap-100 .item h4 { color: var(--black); font-size: var(--fs-20); line-height: normal; letter-spacing: -.5px; font-family: var(--font-2); font-weight: var(--fw-800); margin-bottom: 0; }
.wrap-100 .item p { color: var(--black); font-size: var(--fs-16); line-height: 150%; letter-spacing: 0; font-family: var(--font-2); font-weight: var(--fw-400); margin-bottom: 0; }
.wrap-100 .item.bg-suave { background-color: #F6FFFE; }
.wrap-100 .item.bg-negro { background-color: #0C0C0C; }
.wrap-100 .item.bg-negro h4 { color: var(--white); }
.wrap-100 .item.bg-negro p { color: var(--white); }
.wrap-100 .item.bg-negro .btn:hover { color: var(--white); }
.wrap-100 .item.bg-color-3 { background-color: var(--color-3); }
.wrap-100:hover .item { filter: blur(2px); -webkit-filter: blur(2px); transition: filter 0.3s ease; cursor: pointer; }
.wrap-100 .item:hover { filter: none; }
.wrap-100 .item:hover .btn { transform: translateY(-2px); }
/*============ WRAP 100 END ============*/
/*============ FAQS START ============*/
#faqAccordion .accordion-item { margin-bottom: 32px; border: solid 1px var(--gris-6); border-radius: 10px; padding: 24px; }
#faqAccordion .accordion-item:last-of-type { margin-bottom: 0; }
#faqAccordion .accordion-item h2 button { font-family: var(--font-2); color: var(--black); font-size: var(--fs-20); font-weight: var(--fw-600); line-height: 150%; letter-spacing: 0; padding: 0; }
.accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed { border-radius: 10px; }
#faqAccordion .accordion-body { font-family: var(--font-2); color: var(--black); font-size: var(--fs-16); font-weight: var(--fw-400); line-height: 150%; letter-spacing: 0; padding-bottom: 0; }
.accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; }
.accordion-button:focus { box-shadow: none; }
.accordion-item.active { background-color: #F6FFFE; }
/*============ FAQS END ============*/
/*============ PREMIUM - SOCIO START ============*/
.plan-table { --socio-light: #F6FFFE; --socio-dark:var(--color-1); --divider:var(--gris); border-collapse: separate; border-spacing: 0; }
.plan-table th,.plan-table td { padding: 10px 10px; vertical-align: middle; border: 0; }
.plan-table td { font-weight: var(--fw-400); color: var(--black); font-size: var(--fs-16); line-height: 150%; font-family: var(--font-2); }
.plan-table thead th { font-weight: var(--fw-700); color: var(--black); background: var(--white); font-size: var(--fs-20); line-height: normal; font-family: var(--font-1); }
.plan-table th + th,.plan-table td + td { border-left: 1px solid var(--divider); }
.plan-table .socio-head { background: var(--socio-light); border-top-right-radius: .75rem; }
.plan-table td.socio-col { background: var(--socio-light); }
.plan-table tbody.only-socio td.socio-col { background: var(--socio-dark); color: var(--white); }
.plan-table tbody.only-socio tr:last-child td.socio-col { border-bottom-right-radius: .75rem; }
.plan-table .check::before { content:"✓"; font-weight:var(--fw-700); }
.plan-table .x::before { content:"✕"; font-weight:var(--fw-700); }
/*============ PREMIUM - SOCIO END ============*/
/*============ PREFOOTER FORM START ============*/
.pre-footer-form ul li { cursor: pointer; }
.pre-footer-form ul li img { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pre-footer-form ul li:hover img { transform: translateY(-2px); -webkit-transform: translateY(-2px); }
.pre-footer-form ul li a { font-family: var(--font-2); color: var(--white); font-size: var(--fs-24); font-weight: var(--fw-600); line-height: 150%; letter-spacing: 0; }
/*============ PREFOOTER FORM end ============*/
/*============ FEED START ============*/
/* Contenedor principal */
.wrap-plantilla-feed { display: flex; justify-content: center; /* centra el feed */align-items: flex-start; gap: 1rem; /* espacio entre columnas */width: 100%; }
/* Columnas */
.wrap-plantilla-feed .columna-izquierda { flex: 0 0 280px; /* ancho fijo */display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px; }
.wrap-plantilla-feed .columna-centro { flex: 1 1 auto; max-width: 680px; /* ancho máximo del feed */min-width: 400px; /* evita que se achique demasiado */display: flex; flex-direction: column; align-items: start; justify-content: flex-start; gap: 40px; }
.wrap-plantilla-feed .columna-derecha { flex: 0 0 300px; /* ancho fijo */display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px; }
.card-publicacion { padding:24px; border-radius:10px; border:1px solid var(--gris-6); display:flex; width:100% }
.card-publicacion * { text-decoration: none; }
.card-publicacion .image-perfil img { max-width: 60px; border-radius:60px; height: 60px; object-fit: cover;min-width: 60px; }
.nombre { text-decoration: none; font-family: var(--font-1); font-weight: 600; font-size: 12px; color:var(--black); line-height: 150%; }
.card-publicacion .especialidad { font-family: var(--font-1); font-weight: 400; font-size: 12px; color:var(--gris-10); line-height: 150%; }
.card-publicacion .ciudad { font-family: var(--font-1); font-weight: 400; font-size: 10px; color:var(--gris-10); line-height: 150%; }
.card-publicacion .publicacion { font-family: var(--font-1); font-weight: 400; font-size: 16px; color:var(--black); line-height: 150%;}
.card-publicacion .publicacion.caso_clinico a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
.card-publicacion .tags { font-family: var(--font-1); font-weight: 800; font-size: 10px; color:var(--gris-10); line-height: 100%; border:1px solid var(--gris-6); border-radius:8px; padding:10px }
.card-publicacion .img-principal img { border-radius:10px }
.card-publicacion .recomendaciones { font-family: var(--font-1); font-weight: 400; font-size: 12px; color:var(--color-1); line-height: 150%; }
.card-publicacion .visualizaciones { font-family: var(--font-1); font-weight: 400; font-size: 12px; color:var(--gris-10); line-height: 150%; }
.card-publicacion .accion { color:var(--black) }
.card-publicacion .accion i { color:var(--gris-10) }
.card-publicacion .btn svg { margin: 0; }
.card-publicacion .comentario { display: flex; }
.card-publicacion hr { margin: 0; }
.columna-centro.feed .titulares .icono-svg { background-color:var(--gris); border-radius:10px; width: 60px; height: 60px; display: flex; align-items:center; justify-content: center; }
.columna-centro.feed .card-5,.columna-centro.feed .card-4 { max-width: 60%; }
.columna-centro.feed .btn-ver-mas { width:100%; background:var(--gris); color:black; font-family: var(--font-1); font-weight: 800; font-size: 12px; color:var(--black); line-height: 100%; border-radius:10px; max-width:100%; display:flex; align-items:center; justify-content:center; padding:10px; gap:10px }
.card-publicacion .btn-gris { max-height: 35px;font-size: 12px;}
.card-publicacion input.form-control { border:1px solid black; border-radius:9px; max-height: 24px; max-width: 297px; padding:3.5px 12px }
.card-publicacion .btn-black { background:var(--black); color:white; font-size: var(--fs-14); font-weight: 600; font-family: var(--font-1); padding:3.5px 32px }
#postModal .modal-content { overflow-y: scroll; }
#postModal .publicacion.truncado { display: -webkit-box; -webkit-line-clamp: 4; -webkit-max-lines: 4; -webkit-box-orient: vertical; overflow: hidden; }
#postModal .carousel-item{align-content: center;}
#postModal .carousel-item img,#postModal .carousel-item video{width: 100%;max-width: 100%;height: auto!important;}
#postModal .carousel-control-next, #postModal .carousel-control-prev{top: 50%;bottom: unset;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}

#postModalProdCientifica .modal-content { overflow-y: scroll; }
#postModalProdCientifica .publicacion.truncado { display: -webkit-box; -webkit-line-clamp: 4; -webkit-max-lines: 4; -webkit-box-orient: vertical; overflow: hidden; }
#postModalProdCientifica .carousel-item{align-content: center;}
#postModalProdCientifica .carousel-item img,#postModalProdCientifica .carousel-item video{width: 100%;max-width: 100%;height: auto!important;}
#postModalProdCientifica .carousel-control-next, #postModalProdCientifica .carousel-control-prev{top: 50%;bottom: unset;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}

.i-carousel .carousel-control-next, .i-carousel .carousel-control-prev{top: 50%;bottom: unset;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}

#preview-media img,#preview-media video{max-width: 100%;}
.feed .card-image.i-image{min-height: 1px;}
#postModal .card-publicacion{border-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;border-radius: 0;height: 100%;justify-content: space-between;padding-top: 50px;}
#postModal .modal-header{border: 1px solid transparent;border-bottom: 0;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;}
#postModalProdCientifica .card-publicacion{border-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;border-radius: 0;height: 100%;justify-content: space-between;}
#postModalProdCientifica .modal-header{border: 1px solid transparent;border-bottom: 0;position: absolute;top: 0;left: unset;right:0;z-index: 1;width: 100%;max-width: fit-content;}
/* FICHA FORMACION */
.bloque-formacion .tipo-formacion { font-family: var(--font-1); font-size: 12px; line-height: 150%; }
.bloque-formacion .ultimas-plazas { font-family: var(--font-1); font-size: 10px; line-height: 150%; background-color:#8C0380; border-radius:5px; padding: 5px 10px; font-weight: 600; color:white; text-transform: uppercase; margin: 0; height: fit-content; }
.bloque-formacion .formacion-titulo { font-family: var(--font-1); font-weight: bold; font-size: var(--fs-32); color:var(--color-1); margin-bottom: 0; }
.bloque-formacion .formacion-descripcion { font-family: var(--font-1); font-weight: 600; font-size: var(--fs-18); }
.formaciones-informacion { display: flex; gap: 20px; flex-wrap: wrap; }
.formaciones-informacion.bg-claro{background-color: #F6FFFE;padding: 24px;border-radius: 10px;}
.formaciones-informacion .formacion-tabs { border:1px solid black; border-radius:10px; font-family: var(--font-1); font-size: var(--fs-18); font-weight: 600; padding: 10px 12px; color:black; text-decoration: none; }
.formaciones-informacion a.formacion-tabs { font-weight: 500; font-size: var(--fs-14); }
.bloque-formacion small { color:var(--color-1) }
.btn-pago { color:white; background-color:var(--color-1); font-size: var(--fs-14); font-weight: bold; font-family: var(--font-1); }
.btn-pago:hover { color:var(--color-1); }
.btn-pago:hover svg path { fill:var(--color-1) }
.banner-pago { background-color:var(--color-1); padding: 40px; border-radius:10px }
.banner-pago h2 { color:white; font-size:var(--fs-36); font-family: var(--font-1) ; font-weight: 600; }
.banner-pago p { color:var(--color-2); font-size:var(--fs-30); font-family: var(--font-1) ; font-weight: bold; }
.wrap-organizador{display: flex;flex-direction: row;flex-wrap: nowrap;gap: 40px;border-radius: 10px;border: solid 1px var(--black);padding: 20px;align-items: stretch;justify-content: flex-start;width: 100%;}
.wrap-organizador .wrap-org-image{min-width: 200px;width: 200px;min-height: 200px;height: 200px;background-color: #f2f2f2;mix-blend-mode: multiply;-webkit-filter: grayscale(1);filter: grayscale(1);border-radius: 10px;padding: 10px;}
.wrap-organizador .wrap-org-image img{width: 100%;height: 100%;object-fit: cover;object-position: center;mix-blend-mode: multiply;-webkit-filter: grayscale(1);filter: grayscale(1);}
.wrap-organizador .wrap-org-text h4{font-family: var(--font-1);color: var(--black);font-weight: var(--fw-700);font-size: var(--fs-20);line-height: 1.5;}
.wrap-organizador .wrap-org-text p{font-family: var(--font-2);color: var(--black);font-weight: var(--fw-500);font-size: var(--fs-18);line-height: 1.5;}
.wrap-organizador .wrap-org-text .btn{font-size: 12px;}
/* FICHA FORMACION */
/* MODAL CREAR FORMACION */
#modalAgregarFormacion .btn-check + label{padding: 6px 12px!important;}
#modalAgregarFormacion .btn-check + label svg{max-width: 18px;}
#modalAgregarFormacion .btn-check:checked+.btn{ background-color:var(--color-1);border-color: var(--color-1);color: var(--white);}
#modalAgregarFormacion .btn-check:checked+.btn svg path{fill: var(--white);}
#modalAgregarFormacion .col-md-6.form-control { width:calc(50% - 1rem); }
#modalAgregarFormacion .form-control .btn{height: 34px;min-height: 34px;max-height: 34px;}
/* MODAL CREAR FORMACION */
@media(max-width:1199px) {
#modalAgregarFormacion .col-md-6.form-control { width: 100%; }
.card-publicacion .btn span { display: none; }
.columna-centro.feed .card-5,.columna-centro.feed .card-4 { max-width: 100%; }
}
/*============ FEED END ============*/
/*============ PUBLICAR START ============*/
.wrap-publicar { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; justify-content: flex-start; padding: 32px; border-radius: 18px; }
.wrap-publicar .image-profile { width: 40px; min-width: 40px; height: 40px; border-radius: 40px; }
.wrap-publicar .like-input { cursor: pointer; color: var(--black); font-family: var(--font-2); line-height: 40px; }
.wrap-publicar .wrap-publisher{display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;gap: 16px;}
.wrap-publicar .wrap-publisher button{padding: 10px 12px;width: 100%;max-width: 100%;}
.wrap-publicar .wrap-publisher button:hover svg path{fill: var(--white);}
/*============ PUBLICAR END ============*/
/*============ CAPADO START ============*/
.capado .overlay{display: flex;align-items: center;justify-content: center;padding: 16px;width: 100%;height: 100%;position: absolute;content: '';top: 0;left:0;bottom: 0; top: 0;background-color: rgba(255,255,255,.9);z-index: 2;}
.capado .btn-ver-publi-capada{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
.media-box{width:300px;height:300px;margin:0 auto;border-radius:12px;overflow:hidden;background:#111;position:relative;}
.media-box img,.media-box video{width:100%;height:100%;object-fit:cover;display:block;}
.media-box iframe{width:100%;height:100%;display:block;}
.media-swiper{--swiper-navigation-color:#fff;--swiper-pagination-color:#00ECB8;padding: .5rem 2.5rem 2rem; /* espacio para flechas/paginación */}
.media-swiper .swiper-button-prev,.media-swiper .swiper-button-next{filter: drop-shadow(0 2px 8px rgba(0,0,0,.6));}
/*============ CAPADO START ============*/

/*============ BUSQUEDA ESPECIFICA START ============*/
/*.grid-formaciones .card.card-4 p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.grid-formaciones .card.card-4 .ellipsis-module p{display: block;-webkit-line-clamp: unset;-webkit-box-orient: unset;overflow: unset;text-overflow: unset;}*/
.grid-formaciones .ellipsis-module{  display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-height: 4.5em; /* 3 líneas aprox. */line-height: 1.5em;}

/*============ BUSQUEDA ESPECIFICA END ============*/

/*============ MODAL POST START ============*/
.modalPost .card-publicacion{padding: 16px;position: relative;}
.modalPost textarea.form-control{ border: 1px solid var(--gris-6);border-radius: 10px;padding: 3.5px 12px;font-family: var(--font-2);color: var(--gris-10);letter-spacing: 0;line-height: normal;text-align: left;width: 100%;min-height: 30px;max-height: 100px;overflow-y: auto;resize: none;height: 30px;padding-right: 24px;}
.modalPost .image-perfil{max-width: 41px;border-radius: 41px;height: 41px;min-width: 41px;}
.modalPost .image-perfil img{object-fit: cover;width: 100%;height: 100%;max-width: 100%;min-width: 100%;}
.modalPost .center-modal-post{border: 0;box-sizing: content-box;flex-grow: 1;font: inherit;font-size: 100%;height: calc(100% - 280px);left: 0;margin: 0;overflow: scroll;padding: 16px;position: absolute;scrollbar-width: none;vertical-align: baseline;width: calc(100% - 32px) !important;top: 110px;}
.modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post{top:60px;height: calc(100% - 150px);}
.modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post .fecha-prod-cientifica{display:flex;order:1;font-family: var(--font-1);font-weight: var(--fw-400);line-height: 150%;font-size: var(--fs-10);letter-spacing: 0;color: var(--gris-10);}
.modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post .titulo-prod-cientifica{display:flex;order:3;font-size: var(--fs-18);max-width: 100%;font-family: var(--font-1);font-weight: var(--fw-600);line-height: 150%;letter-spacing: 0;color: var(--black);}
.modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post .abstract-prod-cientifica{display:flex;order:4;font-family: var(--font-2);font-weight: var(--fw-400);line-height: 150%;font-size: var(--fs-16);letter-spacing: 0;color: var(--black);white-space: pre-wrap;word-wrap: break-word;}
.modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post .autor-prod-cientifica{text-decoration: none;font-weight: var(--fw-400);line-height: normal;letter-spacing: 0;font-family: var(--font-2);color: var(--black);font-size: var(--fs-12);opacity: .8;}
.modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post .tags{text-decoration: none;border-radius: 8px;border: solid 1px var(--gris-6);padding: 5px 10px;font-weight: var(--fw-400);line-height: normal;letter-spacing: 0;font-family: var(--font-2);color: var(--black);font-size: var(--fs-12);-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;opacity: .8;}
.modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post #autores_modal_post{font-weight: var(--fw-400);line-height: normal;letter-spacing: 0;font-family: var(--font-2);color: var(--black);font-size: var(--fs-12);-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;opacity: .8;}
.modalPost .bottom-component{background: var(--white);position: relative;width: calc(100% + 32px) !important;margin-left: -16px;padding: 12px 16px 0px 16px;z-index: 2;}
.modalPost .bottom-component::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 6px; /* grosor del área de sombra */box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);pointer-events: none;}
.modalPost .truncado-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;min-height: max-content;}
.card-publicacion .publicacion.texto-publicacion-post{white-space: pre-wrap;word-wrap: break-word;}
.modalPost .leer-mas{padding: 0;color: var(--color-1);font-weight: var(--fw-700);line-height: normal;font-size: 14px !important;border: 0;outline: none !important;}
.modalPost .comentario{padding: 0!important;padding-top: 8px!important;padding-bottom: 8px!important;position: relative;}
.modalPost.sin-imagen .modal-dialog{max-width: 500px;}
.modalPost#postModalProdCientifica #div_contenido_modal_post_comment .center-modal-post{top: 40px;height: calc(100% - 220px);}
.modalPost .btn-conectar{font-size: 12px;max-height: 35px;}

#postModalProdCientifica #div_contenido_modal_post_main .bottom-component.sin-enlace{display: none!important;}
/*============ MODAL POST END ============*/

/*============ EMOJI PICKER START ============*/
#lc-emoji-picker { z-index: 2147483647 !important; }
.lcep-el-wrap{width: 100%;}
.lcep-trigger{top: unset!important;bottom: 5px;}
.lcep-categories a{filter: grayscale(0) contrast(100%)!important;}
/*============ EMOJI PICKER END ============*/

/*============ INMOBI CONSENT START ============*/
#qc-cmp2-ui{border-radius: 8px!important;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1)!important;}
#qc-cmp2-ui *{font-family: var(--font-2)!important;}
.logo-container{width: auto !important;height: auto!important;margin-bottom: 16px!important;}
.css-kniei0.css-kniei0 img{max-width: 250px!important;width: 250px!important;height: auto!important;}
#qc-cmp2-ui #more-options-btn,#qc-cmp2-ui #accept-btn{border-radius: 8px!important;}
.qc-cmp2-header-links button, #partners-link, #legitimate-interest{color: var(--color-1)!important;}
.span-heading{font-family: var(--font-1)!important;font-weight: var(--fw-600)!important;line-height: normal!important;font-size: var(--fs-32)!important;letter-spacing: -1px!important;color: var(--black)!important;margin-bottom: 0!important;}
.qc-cmp2-persistent-link{background-color: var(--color-1)!important;}
.qc-cmp2-close{right: 0px!important;top: 20px!important;}
.qc-cmp2-list-item-header:focus{outline: var(--gris-5)!important;}
.qc-cmp-cleanslate button:focus, .qc-cmp-cleanslate input[type="submit"]:focus{box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(96 137 102) 0px 0px 3px 5px!important;}
#save-and-exit{border-radius: 8px!important;font-family: var(--font-2)!important;font-weight: var(--fw-500)!important;line-height: 150%!important;letter-spacing: 0!important;font-size: var(--fs-16)!important;text-decoration: none!important;text-align: center!important;white-space: nowrap!important;}
.qc-cmp2-persistent-link:focus{outline: 0!important;}
.cmp-settings-open, .cmp-banner-visible{overflow: hidden;position: fixed;width: 100%;}
.qc-cmp2-close-icon{background-size: 20px!important;width: 20px!important;height: 20px!important;}
/*============ INMOBI CONSENT END ============*/
.wrap-plantilla .columna-derecha .publicaciones-mi-perfil{position: relative;}
.wrap-plantilla .columna-derecha .publicaciones-mi-perfil::after{content: '';position: absolute;top: 0;right: 0;height: 100%;width: 50px; z-index: 10;pointer-events: none;background: linear-gradient(to left, white 0%, transparent 100%);}

/** only Versión Beta start **/

.marquee-beta {height: 25px;width: 100%;overflow: hidden;position: relative;padding: 16px 0px;background: var(--color-2);}
.marquee-beta div {display: flex;gap: 48px;align-items: center;justify-content: center;flex-direction: row;flex-wrap: nowrap;width: 200%;position: absolute;align-content: center;height: 100%;top: 0;overflow: hidden;animation: marquee 50s linear infinite;-webkit-animation: marquee 50s linear infinite;-moz-animation: marquee 50s linear infinite;-o-animation: marquee 50s linear infinite;}
.marquee-beta span {float: left;width: auto;font-size: var(--fs-14);line-height: normal;font-weight: var(--fw-400);font-family: var(--font-1);letter-spacing: 0px;color: var(--color-1);display: flex;align-items: center;justify-content: center;flex-direction: row;white-space: nowrap;gap: 4px;}
.marquee-beta span a{color: var(--color-1);text-decoration: underline;}
@media (max-width: 991px){
    .marquee-beta div {animation: marquee 10s linear infinite;-webkit-animation: marquee 10s linear infinite;-moz-animation: marquee 10s linear infinite;-o-animation: marquee 10s linear infinite;}
    .marquee-beta span:nth-of-type(3),
    .marquee-beta span:nth-of-type(4){display: none;}
    .marquee-beta span{width: 50%;}
}
@media (max-width: 767px){
    .marquee-beta div {animation: marquee 8s linear infinite;-webkit-animation: marquee 8s linear infinite;-moz-animation: marquee 8s linear infinite;-o-animation: marquee 8s linear infinite;}
    .marquee-beta span:nth-of-type(2){display: none;}
    .marquee-beta span{width: 100%;}
}
/** only Versión Beta end **/

/** biblioteca videos **/
.archivo-item{background: #f8f9fa;border-radius: 10px;border: 2px solid transparent;height: 100%;}
.archivo-item .dropdown{top: 12px;right: 12px;}
.archivo-item video{min-height: 130px;height: 130px;width: 100%;object-fit: cover;}
#div-biblioteca-videos{max-height: 300px;overflow: scroll;}
.videos-container{      max-height: 300px;overflow: scroll;}
.videos-loader .spinner-border{color: var(--color-1)!important;}
.video-checkbox {display: none;}
.video-card {cursor: pointer;border: 1px solid transparent;transition: border 0.3s;border-radius: 10px;}
.video-card.selected {border: 1px solid var(--color-1)!important;box-shadow: 0 0 0 rgb(0 0 0 / 0%);/* Bloquea todo tipo de interacción del cursor */pointer-events: none; /* Ignora clics, hover, arrastres */user-select: none;    /* Evita selección de texto */cursor: default;background: var(--color-2);color: var(--color-1);border-radius: 10px;}
.archivo-item.pendiente {border: 2px dashed #ffc107; /* Amarillo suave para pendiente */background-color: #fff8e1;  /* Fondo clarito */position: relative;}
.archivo-item.pendiente::before {content: "\f017"; /* Código Unicode de Font Awesome: fa-clock */font-family: "Font Awesome 6 Free"; font-weight: 900; /* Necesario para solid */position: absolute;top: 0.5rem;left: 0.5rem;color: #ffc107;font-size: 1rem;}
.video-card.pendiente {border: 2px dashed #ffc107!important; /* Amarillo suave para pendiente */background-color: #fff8e1!important;  /* Fondo clarito */position: relative;}
.video-card.pendiente::before {content: "\f017"; /* Código Unicode de Font Awesome: fa-clock */font-family: "Font Awesome 6 Free"; font-weight: 900; /* Necesario para solid */position: absolute;top: 0.5rem;left: 0.5rem;color: #ffc107;font-size: 1rem;}
.btn-options-videos{max-width: fit-content;margin-top: 4px;margin-left: auto;font-size: 12px;background-color: var(--gris);border: solid 1px var(--gris-8);color: var(--black);border-radius: 4px;font-family: var(--font-2);font-weight: var(--fw-500);line-height: 150%;letter-spacing: 0;text-decoration: none;display: flex;align-items: center;justify-content: center;text-align: center;white-space: nowrap;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;padding: 4px 16px;}
.btn-options-videos i{font-size: var(--fs-18);color: var(--gris-10);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.btn-options-videos:hover{background-color: var(--gris)!important;border: solid 1px var(--gris-8)!important;opacity: .8;}
.btn-options-videos.show{background-color: var(--gris)!important;border: solid 1px var(--gris-8)!important;}
.archivo-item .dropdown ul.show {max-width: fit-content;min-width: fit-content;transform: translate3d(0px, 24px, 0px)!important;}
.archivo-item .dropdown ul li a {color: var(--gris-10);font-family: var(--font-2);font-weight: var(--fw-400);font-size: var(--fs-14);letter-spacing: 0;line-height: 150%;}
.archivo-item .dropdown ul li a {padding-bottom: 4px;margin-bottom: 4px;border-bottom: solid 1px var(--gris);}
.archivo-item .dropdown ul li:last-of-type a {margin-bottom: 0;border-bottom: 0}
.preview-item{z-index: 1;background: transparent;}
.preview-item video{position: relative;z-index: -1;}
.preview-item .orden-indicador{background: var(--color-2) !important;color: var(--color-1);border-radius: 4px;border: solid 1px var(--color-1);padding: 6px 10px;margin: 5px;}
.preview-item .btn-remove-media{width: 26px;height: 26px;margin: 4px;}
/** biblioteca videos **/

.wrap-plantilla-feed .card-publicacion .card-image.i-carousel .carousel,.wrap-plantilla-feed .card-publicacion .card-image.i-carousel .carousel .carousel-inner,.wrap-plantilla-feed .card-publicacion .card-image.i-carousel .carousel .carousel-inner .carousel-item,.wrap-plantilla-feed .card-publicacion .card-image.i-carousel .carousel .carousel-inner .carousel-item img{max-height: 100%;}

/*============ BREACKPOINTS ============*/
/* desktop */
@media(max-width:1199px) {
    /*============ PERFIL START ============*/
    .page-perfil .bloque-informacion { flex-direction: column; }
    .page-perfil .wrap-desarrollo .wrap-acount { flex: 1 0 calc(50% - 5rem); }
    .page-perfil .wrap-desarrollo > div { flex-wrap: wrap!important; }
    /*============ PERFIL END ============*/
    /*============ WRAP 100 START ============*/
    .wrap-100 { flex-wrap: wrap; }
    .wrap-100 .item { flex: 1 0 calc(50% - 32px); }
    /*============ WRAP 100 END ============*/
    /*============ FEED START ============*/
    .wrap-plantilla-feed .columna-derecha { display: none; /* desaparece a resoluciones medianas */ }
    /*============ FEED END ============*/
}
/* tablet */
@media(max-width:991px) {
    /*============ GENERAL START ============*/
    .wrap-banner { flex-direction: column; padding: 24px; }
    .wrap-banner p { flex: 1 0 100%; }
    .wrap-banner.case-01 p { flex: 1 0 100%; }
    .wrap-banner.case-01 form { flex: 1 0 100%; }
    .wrap-banner form { flex: 1 0 100%; width: 100%; }
    .wrap-plantilla { gap: 40px; flex-direction: column; }
    .wrap-plantilla .columna-derecha { flex: 1 0 100%; order: 1; max-width: 100%; padding: 0; }
    .wrap-plantilla .columna-izquierda { flex: 1 0 100%; order: 2; min-width: 100%; max-width: 100%; }
    /*============ GENERAL END ============*/
    /*============ NAVBAR START ============*/
    .navbar-toggler { padding: 0; }
    .navbar-toggler .navbar-toggler-icon { display: flex; align-items: center; justify-content: center; }
    .user-toggler { padding: 0; border: 0; background: transparent; display: flex; align-items: center; justify-content: center; }
    /*============ NAVBAR END ============*/
    /*============ BUSCADOR START ============*/
    .buscador form { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; gap: 24px; }
    .buscador form .wrap-btns { width: 100%; }
    .buscador form .wrap-btns .btn { width: 50%; max-width: 50%; }
    .buscador.buscador-contactos form .wrap-btns .btn{ width: 100%; max-width: 100%; }
    .buscador.buscador-favoritos form .wrap-btns .btn{ width: 100%; max-width: 100%; }
    /*============ BUSCADOR END ============*/
    /*============ MODO GRID & CARDS START ============*/
    .swiper.modo-grid.modo-grid-x3 .swiper-wrapper .card { flex: 1 0 calc(50% - 32px); max-width: calc(50% - 32px); }
    .swiper.modo-grid.modo-grid-x2 .swiper-wrapper .card { flex: 1 0 calc(50% - 32px); max-width: calc(50% - 8px); }
    /*============ MODO GRID & CARDS END ============*/
    /*============ WIDGET START ============*/
    .widget.menu { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 100%; z-index: 6; padding: 16px; box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.1); }
    .widget.menu.tocando-footer { bottom: -100%; }
    .widget.menu ul li { width: fit-content; }
    .widget.menu ul li a span { display: none; }
    .widget.menu ul li.btn-publicar a.dropdown-item span { display: flex; }
    .widget.menu ul li.btn-publicar .dropdown-menu{padding: 8px;}
    .float-notification { position: absolute; top: -7px; right: -7px; width: 18px; min-width: 18px; height: 18px; line-height: 18px; font-size: var(--fs-10); }
    .widget.menu ul li.btn-publicar .dropdown a{padding: 2px;}
    /*============ WIDGET START ============*/
    /*============ WRAP 50-50 START ============*/
    .wrap-50-50 .item { flex: 1 0 100% }
    /*============ WRAP 50-50 END ============*/
    /*============ FEED START ============*/
    .wrap-plantilla-feed .columna-izquierda { display: flex;flex: 1 0 100%;gap: 0;padding: 0;}
    .wrap-plantilla-feed .columna-izquierda .widget.widget-tipo, .wrap-plantilla-feed .columna-izquierda .publicidad, .wrap-plantilla-feed .columna-izquierda .divider{display: none!important;}
    .wrap-plantilla-feed .columna-centro { min-width: 100%; max-width: 100%; }
    .wrap-plantilla-feed{flex-direction: column;gap: 0;}
    /*============ FEED END ============*/ 
}
/* movil */
@media(max-width:767px) {
    /*============ GENERAL START ============*/
    footer { padding: 16px 0; }
    .mw-full { max-width: 100%; }
    .btn { font-size: var(--fs-14); }
    .btn-extra-large{padding-left: 24px;padding-right: 24px;}
    .big-title { font-size: var(--fs-24); }
    .frase { font-size: var(--fs-18); }
    .wrap-titulares { gap: 12px; }
    .wrap-titulares > img { min-width: 55px; max-width: 55px; }
    .wrap-titulares > div > img { min-width: 55px; max-width: 55px; }
    .wrap-titulares .titulares p { font-size: var(--fs-24); }
    .wrap .wrap-titular > div { gap: 12px; }
    .wrap .wrap-titular > div img { min-width: 55px; max-width: 55px; }
    .wrap-banner { gap: 16px; }
    .wrap-banner p,.wrap-plantilla .columna-derecha .wrap-banner p { font-size: var(--fs-24); }
    .wrap-plantilla .columna-derecha .wrap-banner .btn { width: 100%; max-width: 100%; }
    .wrap-banner form { gap: 16px; flex-direction: column; }
    .wrap-banner form button { width: 100%; max-width: 100%; }
    .widget { padding: 24px; gap: 16px; }
    .widget p { font-size: var(--fs-24); }
    .wrap-banner form .form-control { max-width: 100%; }
    .publicidad { max-width: 380px; margin: auto; }
    .publicidad-large { max-width: 100%; margin: auto; }
    .wrap-plantilla { gap: 20px; }
    .wrap-plantilla .columna-izquierda { gap: 20px; }
    .wrap-plantilla .columna-derecha { gap: 20px; padding: 0; }
    /*.modo-carrusel .swiper-slide { margin-right: 16px!important; }*/
    .caption-share .date { font-size: 10px; }
    .text-list { font-size: var(--fs-20); }
    /*============ GENERAL END ============*/
    /*============ TAGS START ============*/
    .wrap-tags { gap: 4px; }
    .tag.tag-faculty span,.tag.tag-destacado span,.tag.tag-premium span,.tag.tag-revision span { display: none; }
    .bloque-informacion .tag.tag-faculty span,.bloque-informacion .tag.tag-destacado span,.bloque-informacion .tag.tag-premium span,.bloque-informacion .tag.tag-revision span { display: block; }
    /*============ TAGS END ============*/
    /*============ CARDS START ============*/
    .card.card-4 { padding: 16px; }
    .card.card-4 .card-body { gap: 12px; }
    .card.card-4 .card-body .textos { gap: 12px; }
    .card.card-4 p { font-size: var(--fs-12); }
    .card.card-5 { padding: 16px 12px; }
    .card.card-5 .btn-gris { padding: 5px 10px; }
    .card.card-5 .card-image.avatar { width: 50px; height: 50px; min-width: 50px; border-radius: 50px; }
    .card.card-5 h3,.card.card-5 h4,.card.card-5 h5 { line-height: normal; }
    .card.card-5 .card-text p { font-size: 14px; }
    .card.card-5 .card-image { height: 200px; }
    .card.card-5 .acciones .accion span { display: none; }
    .card.card-5 .acciones .accion.btn-comentar span { display: block; }
    .card.card-6 { padding: 16px; }
    .card.card-6 .card-body { gap: 12px; }
    .card.card-6 .card-body .textos { gap: 12px; }
    .card.card-6 p { font-size: var(--fs-12); }
    .card.card-6 h4 { font-size: var(--fs-16); }
    .card.card-6 .card-image { min-width: 60px; max-width: 60px; height: 60px; }
    .carousel-recomendaciones .card.card-2 { max-width: 300px; padding: 16px; }
    .carousel-recomendaciones .card.card-2 .card-body { gap: 12px; }
    .card-image.i-carousel .carousel,.card-image.i-carousel .carousel .carousel-inner,.card-image.i-carousel .carousel .carousel-inner .carousel-item,.card-image.i-carousel .carousel .carousel-inner .carousel-item img, .card-image.i-image img { max-height: 200px;min-height: 200px; }
    .card-image.i-carousel .carousel .carousel-inner .carousel-item video{ min-height: 200px;width: auto !important;max-height: 200px; }
    .card-image.i-video .ratio { min-height: 200px; }
    .card-image.i-image .ratio { min-height: 200px; }
    .card-image.i-image video{border-radius: 12px;min-height: 200px;max-height:200px;object-fit: cover;}
    .carousel .ratio{min-height: 200px;}
    /*============ CARDS END ============*/
    /*============ MODALS START ============*/
    .modal-ingresos .modal-body { gap: 24px; }
    .modal-ingresos .modal-dialog { margin: 0; max-width: 100%; border: 0; }
    .modal-ingresos .modal-content { min-height: 100vh; }
    .modal-ingresos#modalRegistroPasoDos .modal-dialog { max-width: 100%; }
    .modal-ingresos.modal-agregar-al-perfil .modal-dialog { max-width: 100%; }
    .modal-ingresos#modalRegistroPasoDos form { flex-direction: column !important; }
    .modal-ingresos#modalRegistroPasoDos form .control-group { flex: 1 0 100%; }
    .modal-ingresos.modal-agregar-al-perfil form { flex-direction: column !important; }
    .modal-ingresos.modal-agregar-al-perfil form .control-group { flex: 1 0 100%; }
    #modalSolicitarRecomendacion .modal-dialog { max-width: 100%; }
    #modalSolicitarInformacionFacturacion .modal-dialog { max-width: 100%; }
    #modalSolicitarRecomendacion .modal-body .swiper-wrapper .card .btn-gris { font-size: 10px; }
    #modalSolicitarRecomendacion-formacion .modal-dialog { max-width: 100%; }
    #modalSolicitarRecomendacion-formacion .modal-body .swiper-wrapper .card .btn-gris { font-size: 10px; }
    .modal-usuarios-relaciones .modal-dialog { max-width: 100%; }
    .modal-usuarios-relaciones .modal-body .swiper-wrapper .card .btn-gris { font-size: 10px; }
    .modal-ingresos#modalCandidaturaMentor .modal-dialog { max-width: 100%; }
    .modal-ingresos#modalCandidaturaMentor .cm_steps { gap: 24px; }
    .modal-ingresos#modalCandidaturaMentorFinal .modal-dialog { max-width: 100%; }
    .modal-ingresos#modalCandidaturaMentorFinal .cm_steps { gap: 24px; }
    #peopleTabsContent .card.card-5{flex: 1 0 100%;}
    .tabs-people li{width: 100%;}
    .tabs-people li button{width: 100%;max-width: 100%;}
    #modalBiblioteca .btn{width: 100%;max-width: 100%;}
    /*============ MODALS END ============*/
    /*============ MODO GRID & CARDS START ============*/
    .swiper .card.card-1.swiper-slide { width: 80% !important; }
    .swiper.modo-grid .swiper-wrapper { gap: 16px; }
    .swiper.modo-grid .card .card-image { height: 150px; min-height: 150px; }
    .swiper.modo-grid.modo-grid-x3 .card a h3 { -webkit-line-clamp: 3; min-height: 1px; }
    .swiper.modo-grid.modo-grid-x2 .card a h3 { -webkit-line-clamp: 3; min-height: 1px; }
    .swiper.modo-grid .card .card-body h4 { display: none; }
    .swiper.modo-grid .card .card-body { height: 100%; }
    .swiper.modo-grid .card .card-body .card-info { height: 100%; }
    .swiper.modo-grid .card .card-body .textos { justify-content: space-between; height: 100%; width: 100%; }
    .swiper.modo-grid.modo-grid-x3 .swiper-wrapper .card { flex: 1 0 calc(50% - 16px); max-width: calc(50% - 8px); }
    .modo-carrusel-gris-13 { padding: 16px; }
    /*============ MODO GRID & CARDS END ============*/
    /*============ MARQUEE START ============*/
    :root { --marquee-width: 100vw; --marquee-height: 16vh; --marquee-elements-displayed: 3; }
    .marquee:before,.marquee:after { width: 5rem; }
    /*============ MARQUEE END ============*/
    /*============ NAVBAR START ============*/
    .navbar { padding: 16px 0px; }
    .navbar-brand { padding: 0; }
    .navbar-brand img { max-width: 200px; }
    /*============ NAVBAR END ============*/
    /*============ BUSCADOR START ============*/
    .buscador { padding: 16px; gap: 16px; border-radius: 10px; }
    .buscador form { gap: 16px; }
    .buscador form .options { flex-wrap: wrap; gap: 12px; }
    .buscador form .options .form-control { flex: 1 0 100%; }
    /*============ BUSCADOR END ============*/
    /*============ COMENTARIOS START ============*/
    .wrap-comentarios { max-width: 100%; padding: 16px; }
    .wrap-comentarios .comment { margin-top: 20px; }
    .wrap-comentarios .comment button { padding: 5px 10px; font-size: 12px; }
    .wrap-comentarios .comment button svg { margin-right: 4px; }
    .wrap-comentarios .comment .comentario-controles { flex-wrap: wrap; }
    .wrap-comentarios .comment .comentario-controles .btn-gris,.wrap-comentarios .comment .comentario-controles .btn-color-claro { max-width: calc(50% - 4px); }
    /*============ COMENTARIOS END ============*/
    /*============ RESULTADO BÚSQUEDA MENTORES Y FORMACIONES START ============*/
    #swiper-mentores .card { height: auto }
    #swiper-mentores .card .card-body { flex-direction: column; }
    #swiper-mentores .card .card-body h3 { font-size: var(--fs-14); }
    #swiper-mentores .card .card-image { height: 225px; min-height: 225px; }
    #swiper-mentores .card .card-body h4 { display: block; }
    /*============ RESULTADO BÚSQUEDA MENTORES END ============*/
    /*============ OTRAS ACCIONES START ============*/
    .otras-acciones { top: 2px; right: 22px; }
    .otras-acciones button i { font-size: var(--fs-20); }
    /*============ OTRAS ACCIONES END ============*/
    /*============ WIDGET START ============*/
    .widget.menu ul li a svg { max-width: 28px; height: auto; }
    /*============ WIDGET START ============*/
    /*============ PERFIL START ============*/
    .page-perfil .bloque-informacion { gap: 20px; }
    .page-perfil .bloque-informacion .wrap-image { flex: auto; width: 100%; max-width: 100%; height: 100%;height: 300px;min-height: 300px;max-height: 300px;}
    .page-perfil .bloque-informacion .wrap-info h3 { font-size: var(--fs-24); line-height: 120%; }
    .wrap-titular p { font-size: var(--fs-24); }
    .botones-perfil > button:nth-child(1),.botones-perfil > button:nth-child(2) { width: calc(50% - 4px); max-width: 50%; }
    .botones-perfil > button:nth-child(3) { width: 100%; max-width: 100%; }
    .page-perfil .wrap-desarrollo { padding: 16px; gap: 20px; }
    .page-perfil .wrap-desarrollo .wrap-acount { flex: 1 0 100% }
    .wrap-gris,.wrap-gris-agua { gap: 16px; padding: 16px; }
    .page-perfil .bloque-informacion .wrap-image img{object-position: center;-o-object-position: center;width: 100%;}
    #formacionesCarousel{width: 100%;}
    /*============ PERFIL END ============*/
    /*============ COLLAGE IMAGE START ============*/
    .wrap-collage div { flex: 1 0 calc(20% - 5px); }
    .wrap-collage div { min-height: 70px; height: 70px; }
    /*============ COLLAGE IMAGE END ============*/
    /*============ WRAP 50-50 START ============*/
    .wrap-50-50 { gap: 20px; }
    .wrap-50-50 .item { flex-direction: column; gap: 16px; align-items: flex-start; }
    .wrap-50-50 .item .number_ { line-height: 90px; margin: 0; }
    .wrap-50-50 .item h4 { font-size: var(--fs-24); }
    .wrap-50-50 .item.bg-transparente h4 { font-size: var(--fs-20); }
    .wrap-50-50 .item.bg-transparente img { max-height: 60px; width: auto; }
    /*============ WRAP 50-50 END ============*/
    /*============ WRAP 100 START ============*/
    .wrap-100 { gap: 20px; }
    .wrap-100 .item { flex: 1 0 100%; gap: 16px; padding: 16px; }
    .wrap-100 .item .text { gap: 16px; }
    /*============ WRAP 100 END ============*/
    /*============ FAQS START ============*/
    #faqAccordion .accordion-item { margin-bottom: 20px; padding: 16px; }
    #faqAccordion .accordion-item h2 button { font-size: var(--fs-18); gap: 10px; }
    #faqAccordion .accordion-body { padding: 16px 8px; padding-bottom: 0; }
    /*============ FAQS END ============*/
    /*============ PREMIUM - SOCIO START ============*/
    .plan-table thead { display: none; }
    .plan-table, .plan-table tbody, .plan-table tr, .plan-table td { display: block; width: 100%; }
    .plan-table tr { background: var(--white); margin-bottom: .75rem; border: 1px solid var(--divider); border-radius: .75rem; overflow: hidden; }
    .plan-table td:first-child { font-weight: 600; background: #f8f9fa; }
    .plan-table td[data-label] { display: grid; grid-template-columns: auto 1fr; gap: .5rem; align-items: center; }
    .plan-table td[data-label]::before { content: attr(data-label); color: var(--black); font-size: .875rem; }
    .plan-table tbody.only-socio td[data-label="Socio"] { background: var(--socio-dark); color: var(--white); }
    .plan-table tbody.only-socio td[data-label="Socio"]::before { color: var(--white); }
    .plan-table th + th,.plan-table td + td { border-left: 0; }
    .plan-table td[data-label] span { text-align: right; }
    /*============ PREMIUM - SOCIO END ============*/
    /*============ PUBLICAR START ============*/
    .wrap-publicar { gap: 16px;padding: 20px;}
    .wrap-publicar .wrap-publisher{flex-wrap: wrap;gap: 8px;}
    .wrap-publicar .wrap-publisher button{width: 100%;max-width: 100%;}
    /*============ PUBLICAR END ============*/
    /*============ FEED START ============*/
    .wrap-plantilla-feed .columna-centro{gap: 20px;}
    /*============ FEED END ============*/
    /*============ FICHA FORMACION START ============*/
    .bloque-formacion .formacion-titulo{font-size: var(--fs-28);}
    .bloque-formacion .formacion-descripcion{font-weight: 500;font-size: var(--fs-16);}
    .wrap-organizador{flex-wrap: wrap;gap: 20px;justify-content: center;}
    .wrap-organizador .wrap-org-image{width: 100%;text-align: center;}
    .wrap-organizador .wrap-org-image img{max-width: 200px;height: auto;margin: auto;max-height: calc(100% - 10px);}
    .wrap-organizador .wrap-org-text h4{font-size: var(--fs-18);}
    .wrap-organizador .wrap-org-text p{font-weight: var(--fw-400);font-size: var(--fs-16);}
    /*============ FICHA FORMACION END ============*/
    /*============ PREFOOTER FORM START ============*/
    .pre-footer-form ul li a { font-size: var(--fs-20); }
    /*============ PREFOOTER FORM end ============*/
    /*============ FOOTER START ============*/
    footer .menu-footer a:nth-child(odd),footer .menu-footer a:nth-child(even) { font-size: var(--fs-14); }
    /*============ FOOTER END ============*/
    /*============ HASHTAGS START ============*/
    .hashtags a { font-size: 9px;}
    /*============ HASHTAGS END ============*/
    /*============ INMOBI CONSENT START ============*/
    #qc-cmp2-ui{border-radius: 0 !important;height: 100%!important;}
    .qc-cmp2-close{right: -10px !important;}
    .inmobi-consent-item{width: 100%;margin-top: 12px;}
    .span-heading{width: 100%!important;display: block!important;font-size: 28px !important;}
    .qc-cmp2-close{right: 0px !important;top: 0 !important;}
    .qc-cmp2-persistent-link{display: none!important;}
    .qc-cmp2-persistent-link[data-moved="true"]{display: flex!important;}
    /*============ INMOBI CONSENT END ============*/
    /*============ HELPERS START ============*/
    .card-image.i-image { height: 200px !important;min-height: 200px !important; margin-top: auto;}
    .modalPost #div_multimedia_modal_post_main{display: none!important;}
    .modalPost .modal-dialog{border: 0;margin: 0;}
    .modalPost .modal-content{height: 100dvh !important;}
    .swiper.listado-overflow-Y::after{height: 50px;}
    .swiper.listado-overflow-Y .swiper-wrapper{padding-bottom: 30px;}
    .modalPost#postModalProdCientifica #div_contenido_modal_post_main .bottom-component::before{display: none;}
    .modalPost#postModalProdCientifica #div_contenido_modal_post_main .bottom-component .btn-gris{max-width: 100%;}
    .modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post{height: auto;position: unset;width: 100% !important;overflow: visible;padding: 0;}
    .modalPost#postModalProdCientifica #div_contenido_modal_post_main .center-modal-post hr{display: none;}
    .modalPost#postModalProdCientifica #div_contenido_modal_post_comment .center-modal-post{height: auto;position: unset;width: 100% !important;padding: 0;padding-bottom: 150px;}
    .modalPost#postModalProdCientifica #div_contenido_modal_post_comment .bottom-component{position: fixed;bottom: 0;max-width: 100%;padding-bottom: 12px;}
    .wrap-plantilla-feed .card-publicacion{padding: 12px;}
    .wrap-plantilla-feed .card-publicacion .image-perfil img{max-width: 50px;border-radius: 50px;height: 50px;object-fit: cover;min-width: 50px;}
    .wrap-plantilla-feed .card-publicacion .publicacion{font-size: 14px;}
    .wrap-plantilla-feed .card-publicacion .acciones .accion span{display: none;}
    /*============ HELPERS END ============*/

}
/* movil */
@media(max-width:575px) {
    /*============ CARRUSELES START ============*/
    .modo-carrusel-x2 .swiper-slide { max-width: 300px; width: auto !important; }
    .columna-derecha .modo-carrusel.swiper.carousel-formaciones .card { min-width: 300px; max-width: 300px; }
    .columna-derecha .modo-carrusel.swiper.carousel-casos-clinicos .card { min-width: calc(85% + 16px); max-width: calc(85% + 16px); }
    .columna-derecha .modo-carrusel.swiper.carousel-produccion-cientifica .card { min-width: calc(85% + 16px); max-width: calc(85% + 16px); }
    /*============ CARRUSELES END ============*/ 
}



/* --- Grid & Cards para “Publicaciones relacionadas” --- */
#modalPublicacionesRelacionadasv2 .rel-card{position: relative;cursor: pointer;transition: box-shadow .5s ease, transform .05s ease;border-radius: 10px;overflow: hidden;border: solid 1px var(--gris-6)}
#modalPublicacionesRelacionadasv2 .rel-card:hover{box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08);}
#modalPublicacionesRelacionadasv2 .rel-card:active{transform: translateY(1px);}
/* Checkbox flotante para seleccionar */
#modalPublicacionesRelacionadasv2 .rel-check{position: absolute;top: .5rem;left: .5rem;z-index: 2;transform: scale(1.05);opacity: 0;}
/* Imagen / placeholder con ratio 16:9 */
#modalPublicacionesRelacionadasv2 .rel-thumb{position: relative;overflow: hidden;background: var(--bs-tertiary-bg);}
#modalPublicacionesRelacionadasv2 .rel-thumb img{width: 100%;height: 100%;object-fit: cover;}
#modalPublicacionesRelacionadasv2 .rel-thumb--empty{color: var(--bs-secondary-color);}
/* Badge del tipo (Publicación / Encuesta / Prod. científica…) */
#modalPublicacionesRelacionadasv2 .rel-badge{background-color: var(--gris-4);border: solid 1px var(--gris-8);color: var(--gris-10);padding: 8px 12px;border-radius: 8px;font-family: var(--font-2);font-weight: var(--fw-500);line-height: 150%;letter-spacing: 0;font-size: var(--fs-12);text-decoration: none;width: 100%;max-width: fit-content;display: flex;align-items: center;justify-content: center;text-align: center;white-space: nowrap;}
/* Título a una línea y extracto a dos líneas */
#modalPublicacionesRelacionadasv2 .card-title{font-weight: 600;max-width: 100%;}
#modalPublicacionesRelacionadasv2 .rel-ellipsis{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/* Estado visual al estar seleccionada (sin JS) */
#modalPublicacionesRelacionadasv2 .rel-card:has(.rel-check:checked){outline: 2px solid var(--color-1);box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .15);opacity: .8;background: var(--color-4);}
/* Separación compacta en móvil, 3 col en ≥lg ya lo maneja tu grid */
@media (max-width: 767px){
    #modalPublicacionesRelacionadasv2 .card-body{ padding: .75rem;}
    #modalPublicacionesRelacionadasv2 .modal-body{padding-bottom: 130px;}
    #modalPublicacionesRelacionadasv2 .modal-footer{position: fixed;bottom: 0;z-index: 2;width: 100%;background: var(--white);}
    #modalPublicacionesRelacionadasv2 .modal-footer .btn{padding: 8px 12px;}
}