:root { --color1:40,42,104; /* azul */ --color2:79,83,215; /* azul */ --color3:253,58,108; /* rojo */ --color4:21,21,53; /* azul */ --color5:0,0,0; /* negro o gris oscuro */ --color6:208,228,247; /* blanco */ --color7:152, 29, 151; --color8:198, 198, 198; --colorw:255,255,255; /* --colorcapasbgimg:53, 53, 53; */ /* --colorcapasbgimg:0, 0, 0; */ --colorcapasbgimg:var(--color1); --bgmenu:transparent; /*default #FFFFFF*/ /* rgb(var(--color1)) */ /* --bgmenu:linear-gradient(to bottom, rgba(255,255,255,0.9) 0% 50%, rgba(155, 157, 160, 0.5) 100%), url('/bg/fondo_menu.png') no-repeat 20px calc(100% - 20px); */ /* --bggradientmenu:linear-gradient(to bottom, #ffffff 0%, #9b9da0 100%); */ --bg-headmenu:transparent; /*default #FFFFFF*/ /* rgb(var(--color1)) */ --bg-fondocurso:transparent; --destbtnpop:204, 236, 249; --opacitycapas: 0;/* 0.33; */ /* 0.2 */ --opacitycapasb: 0;/* 0.3; */ --opacitycapascini: 0.33; /* 0.33; 0.3; 0.45 */ /* --opacitycapasciniint: 0.90; */ /* 0.33; 0.3; 0.45 */ --opacitycapascfin: 0;/* 0.3; */ --capabtna:157,116,252; --capabtnb:var(--color1);/*protagonista*/ --opacitycapasrest: 0.33;/* 0.33; */ /* 0.2 */ --bgactividades:var(--color6); --fondocorrecto:rgba(218, 239, 212, 1); --vh: 0px; --anchopage: 100vw; --leftpage: 0; --velocidadanima: "1000ms"; --easeanima: "linear"; --borderradiusbtnpage: 20px; --fontsizepage: 19px; --lineheightpage: 1.5em; --fontsizemenu: calc(var(--fontsizepage) - 2px); ; --fontfamilypage: var(--fontregular); --borderradiusbotonesif: 10px; /* --gradientmain: linear-gradient(to right, rgba(var(--color1),1), rgba(var(--color2),2)); */ --gradientmain: linear-gradient(45deg, rgba(var(--color1),1), rgba(var(--color3),1)); --progresssec: linear-gradient(to right, rgba(var(--color3),1), rgba(var(--color3),1)); /* --colortxthome:var(--color2); */ --colortxthome:255,255,255; /* --colortxthomesec: var(--color1); */ --colortxthomesec: 255,255,255; /* --colortxthomesecb: var(--color1); */ --colortxthomesecb: 255,255,255; /* --colortitulopage:var(--color2); */ --colortitulopage:255, 255, 255; /* --colorsubtitulopage:var(--color1); */ --colortitulopage:255,255,255; --color-correcto:89,166,1; --color-incorrecto:231,47,30; --ancho-menu:0; --ancho-flechasif:0; --ancho-contenido:0; --ancho-contenidoint:0; --alto-contenidoint:0; --margen-contenidointve:0; --margen-contenidointhz:0; --borderradius-contenidoint:0; --borderright-menu:none; /*2px dotted rgba(var(--color2), 1)*/ --borderradius-boxint:10; --bg-scrollbarmenu:198,198,198;/*default D3D3D3*/ /* c6c6c6 */ --bg-btnif:rgba(0,0,0,.3); /* default #F2F2F2 */ /* rgba(242, 242, 242, 1); */ --color-btnif:rgb(var(--color6)); /*default #0f0f0f*/ --bg-btnifhz:#F2F2F2; /* default #F2F2F2 */ /* rgba(242, 242, 242, 1); */ --color-btnifhz:rgb(var(--color1)); /*default #0f0f0f*/ --border-btnif:1px solid rgb(var(--color6)); --bg-btnmenu:#dedfe0; /* default #F2F2F2 */ /* #e2e2e2 */ --color-btnmenu:#4a4c46; /* default #353535*/ --color-btnmenuon:#4a4c46; /* default #353535*/ --border-btnmenu:rgb(var(--color3));/* f99b35 */ --widthbefore-btnmenu:2px; /* 2px */ --bg-separabotones: 1px solid #FFFFFF;/* 2px dotted rgba(var(--color2), 1) */ /* 1px solid#4e4e4e */ /* --bg-boxprogreso:rgba(var(--color1),1); */ /* rgba(var(--color1),1) */ --bg-boxprogreso:transparent; /* rgba(var(--color1),1) */ --bg-indicamenu:rgba(var(--color1),1); /* puntos indicador de scroll hz */ /* #f99b35 *//* f99b35 */; --color-text:#10111d; --color-popbold:rgb(var(--color1)); --color-boldlight:rgb(var(--color1)); --color-bolddark:rgb(255,255,255); --color-enunciados:rgb(var(--color1)); --color-opcion:rgb(var(--color1)); --color-opcionvf:rgb(var(--color1)); --bg-btncomprobar:rgb(var(--color1)); --color-titniv1:rgba(var(--color1),1); --color-titniv2:rgba(var(--color5),1); --color-titniv3:rgba(var(--color1),1); /* --color-titniv3:var(--color-text); */ --fondodark:rgba(var(--color2,1)); --bgintropop:rgba(var(--color2,1)); --colorintropop:#FFFFFF; /* --bgimgboxpop:rgba(var(--color2,1)); */ /* Carrusel */ --bgcapacard:rgba(255, 255, 255, 0.45); --bgbtncarrusellight:rgba(var(--color2,1)); --colorbtncarrusellight:#FFFFFF; --borderbtncarrusellight:0px solid transparent; --bgbtncarruseldark:transparent; --colorbtncarruseldark:#FFFFFF; --borderbtncarruseldark:1px solid #FFFFFF; --bgindicacarlight:rgba(var(--color2,1)); --bgindicacardark:#FFFFFF; --bglineanumlight:rgba(var(--color2,1)); --bglineanumdark:#FFFFFF; --colornumitemlight:rgba(var(--color1,1)); --colornumitemdark:#FFFFFF;/*rgba(var(--color1,1));*/ /* --bordercard: 1px solid rgba(0, 0, 0, 0.15); */ --bordercardlight: 1px solid rgba(0, 0, 0, 0.15); --bordercarddark: 1px solid #FFFFFF; --colorbtndescarga: rgb(var(--color1,1)); font-family: var(--fontregular); font-size: var(--fontsizepage); line-height: 1.8em; color-scheme: light dark; color: var(--color-text); background-color: #FFFFFF; box-sizing: border-box; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* --colortexto: #10111d; */ } a{ color:var(--color1,1); text-decoration: underline; } #app{ max-height: calc(100 * var(--vh));/*100vh;*/ overflow: hidden; } #appX{ max-height: calc(100 * var(--vh));/*100vh;*/ scroll-snap-type: y mandatory; /*scroll-behavior: smooth;*//*previene error en safari al volver*/ overflow-y: scroll; /* Hace movimiento con mousewheel en Chrome m谩s fluido */ /*-webkit-backface-visibility: hidden; backface-visibility: hidden;*/ /*Otra opci贸n*/ /*-webkit-transform: translate3d(0, 0, 0);*/ width: 100vw; overflow-x: hidden; /* Enable Safari touch scrolling physics which is needed for scroll snap */ -webkit-overflow-scrolling: touch; /* scroll-behavior: smooth; */ /* border:1px solid red; width:50%; border-radius:20px; margin: 20px; max-height: calc((100 * var(--vh)) - 40px); */ } b{ font-family:var(--fontbold); color:rgba(var(--color1,1)); } .notaCardInt b { color:#FFFFFF; } .infoColorWhiteB b { color:#FFFFFF; } /* .boxE b { color:#FFFFFF; } */ .initialbox{ max-width: 100%; min-width: 0; /* 馃憟 clave cuando usas grid o flex */ min-height: 0; /* 馃憟 evita que crezca m谩s que el padre */ /* box-sizing: border-box; */ } .textoini{ background-color: #FFFFFF; /* background-color: rgba(var(--color1),0.6); */ /* background-color: rgba(255,255,255,0.6); */ background-color: rgba(255,255,255,1); /* color:#FFFFFF; */ /* border-radius: 0 calc((var(--borderradius-boxint) * 1px) / 2); */ border-radius: 0 10px 10px 0; /* padding: 5px 10px; */ padding: 0px 30px; /* margin-bottom: 10px; */ display: inline-block; white-space: normal; /* Permite que el texto se parta en varias l铆neas */ word-wrap: break-word; /* Divide palabras largas */ overflow-wrap: break-word; /* Alternativa moderna */ /* font-size: 0.9em; line-height: 1.4em; */ } .textoini.dark{ background-color: transparent; color:#FFFFFF; } .textoini.dark b{ color:var(--color-bolddark); } .textoini.light{ background-color: transparent; color:#FFFFFF; } .textoini.light { color:var(--color-boldlight); } .lineaNum{ height: 1px; } .txtIntro b { color: rgba(var(--color2), 1); } .scrollSmooth{ scroll-behavior: smooth; } .scrollAuto{ scroll-behavior: auto; border:10px solid red; } .hideScrollbar{ scrollbar-width: none; } .hideScrollbar::-webkit-scrollbar { -webkit-appearance: none; display: none; width: 0; height: 0; } .mainApp{ overflow: scroll; /* max-height: calc((100 * var(--vh)) - (var(--margen-contenidoint)*2)); *//*100vh;*/ max-height:var(--alto-contenidoint); border-radius: var(--borderradius-contenidoint); /* overflow: hidden; */ /* border:1px solid red; */ scroll-snap-type: y mandatory; overflow-y: scroll; overflow-x: hidden; /* Enable Safari touch scrolling physics which is needed for scroll snap */ -webkit-overflow-scrolling: touch; /* margin: var(--margen-contenidoint); */ margin: var(--margen-contenidointve) 0 var(--margen-contenidointve) var(--margen-contenidointhz); /* height: calc(100% - (var(--margen-contenidoint)*2)); */ height:var(--alto-contenidoint); } .spanSubsAudio{ position: relative; border-radius: 5px; /* background-color: aqua; */ /* padding: 2px 3px; */ white-space: nowrap; font-size: 35px; display: inline-block; } .spanSubsVideo{ font-family: var(--fontmedium); white-space: nowrap; } .highlightSubsAudio{ /* background-color: rgba(var(--color2,1)); transition: background-color 0.1s; */ /* color: rgba(var(--color2,1)); */ /* color:#FFFFFF; color:red; transition: color 0.1s; */ /* background-color: rgba(var(--color1,1)); */ /* transition: background-color 0.1s; */ color:#FFFFFF; /* font-size: 36px; */ /* transition: color 0.1s; */ transform: scale(1.07); z-index: 1; color:rgba(255, 255, 204, 1); transition: color 0.15s, transform 0.15s; /* color:rgba(var(--color2,1)); */ } .highlightSubsVideo{ color:#FFFFFF; transition: color 0.15s, font-size 0.15s; } .fondoHighlightSubsAudio { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* margin: 0 auto; */ width: 100%; height: 100%; transform: scale(0); /* transform-origin: 0 0; */ /* background-color: rgba(var(--color1,1)); */ background-color: rgba(var(--color1),0.65); /* 0.75 */ /* background-color: rgba(0,0,0,0.5); */ /* background-image: linear-gradient(to right, rgba(var(--color1),1), rgba(var(--color2),1)); */ /* font-size:35px; */ z-index: -1; border-radius: 5px; will-change: transform; /* transform: (0); */ transition: transform 0.15s;/* , font-size 0.15s, color 0.15s, */; } .highlightSubsAudio .fondoHighlightSubsAudio{ /* width: 100%; */ transform: scale(1.07); } .contMainMenu{ /* background-color: antiquewhite; */ margin-top: 90px; /* z-index: 1; */ /* border:1px solid red; */ max-height: calc((100 * var(--vh)) - 90px); /* overflow-y: hidden; */ overflow-y: auto; /* border:1px solid red; */ /* padding-bottom: 20px; */ /* scrollbar-gutter: stable; */ scrollbar-gutter: stable both-edges; user-select: none; /* background-color: rgba(var(--color2),1); */ display: flex; /* align-items: center; */ } .contMainMenu .contMainMenuInner{ margin-block: auto; } .contMainMenu:hover { overflow: auto; /* Muestra el scroll solo al hacer hover */ /* overflow: overlay; */ } .contMainMenu::-webkit-scrollbar { width: 8px; } .contMainMenu::-webkit-scrollbar-thumb { background-color: rgba(var(--bg-scrollbarmenu),0.4); border-radius: 4px; border: 2px solid transparent; background-clip: content-box; transition: all 0.3s ease; } /* .contMainMenu::-webkit-scrollbar-thumb:hover { background-color: var(--bg-scrollbarmenu); } */ /* .contMainMenu:hover::-webkit-scrollbar { } */ .contMainMenu:hover::-webkit-scrollbar-thumb { border-width: 0px; background-color: rgba(var(--bg-scrollbarmenu),0.8); } .listaMenu{ display: flex; flex-direction: column; gap:0px; /* font-size: clamp(21px, 5%, 2vw); */ /* padding: 20px; */ /* font-size: 19px; */ font-size: var(--fontsizemenu); line-height: 1.5em; } .listaMenu.dmPortapp{ /* font-size: 14px; */ } .listaMenu.dmLandapp{ /* font-size: 14px; */ } .listaMenu.pcNormalapp{ /* font-size: 16px; *//* 14px; */ } .listaMenu.pcBigapp{ /* font-size: 18px; *//* 16px; */ } .elemListaMenu{ /* height: 100px; */ font-family: var(--fontmedium); font-size: 1em; /* background-color: honeydew; */ /* padding: 10px 15px; */ /* padding: 7px 10px; */ padding: 8px 10px; /* color:#161823; */ /* color: var(--color-btnif); */ color: var(--color-btnmenu); border-radius: 10px; border-radius: 0; cursor:pointer; /* width:calc(calc(var(--ancho-menu) * 1px ) - 40px); */ /* cursor:pointer; */ /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ margin: 0 12px 0 20px; position: relative; /* transition: color 0.2s ease; */ /* transition: color 0.2s ease 0.1s; */ transition: color 0.2s ease 0s; } .elemBold{ /* font-size: 1.2em; */ font-family: var(--fontbold); } .titNivel1 { /* color: red; */ } .titNivel2 { /* color: blue; */ /* background-color: #F6F5F6; */ /* font-size: 20px; */ font-size: calc(1em - 0.4px); margin-left: 30px; color: #333333; padding: 6px 15px; } .titNivel3 { /* font-size: 19px; */ font-size: calc(1em - 0.8px); margin-left: 40px; color: #666666; padding: 3px 15px; } .animaSelLista { position: absolute; top: 0px; left: 0px; /* width:5px; */ right: 0px; bottom: 0px; border-radius: 10px; border-radius: 0px; background-color: rgba(var(--color1, 1)); background-color: var(--bg-btnmenu); color:var(--color-btnmenu); z-index: -1; } .animaSelLista::before{ content:''; position: absolute; top: 0px; /* left: 0px; */ width:5px; width:3px; width:var(--widthbefore-btnmenu); right: 0px; bottom: 0px; border-radius: 10px; border-radius: 0; background-color: rgba(var(--color1, 1)); background-color: var(--border-btnmenu); /* background-image: linear-gradient(45deg, rgba(var(--color1),1), rgba(var(--color2),1)); */ /* background-image: linear-gradient(to top, rgba(var(--color1),1), rgba(var(--color2),1)); */ /* background-color: rgba(var(--color2, 1)); */ /* background-image: linear-gradient(-45deg, rgba(var(--color1),1), rgba(var(--color2),1)); */ } .fondoElemLista{ position: absolute; top:0; left:0; width:100%; height: 100%; background-color: var(--bg-btnmenu); border-radius: 10px; border-radius: 0; /* z-index: -2; */ z-index: -1; display: none; /* border-right:var(--widthbefore-btnmenu) solid var(--border-btnmenu); */ } .elemListaMenu:hover{ /* color: var(--color-btnmenuon); */ } /* .elemListaMenu:hover .fondoElemLista { display: block; } */ .elemListaMenu:not(.selectElemListaMenu):hover .fondoElemLista { display: block; } .elemListaMenu:hover/* , .selectElemListaMenu, .clickedButton */{ /* background-color: var(--bg-btnif); */ /* background-color: rgba(var(--color1, 1)); color:#FFFFFF !important; */ } .selectElemListaMenu:hover, .clickedButton:hover{ /* background-color: rgba(var(--color1, 1)); */ background-color: transparent; } .selectElemListaMenu, .clickedButton{ /* color:rgba(var(--color2, 1)); */ /* border-right: 2px solid rgba(var(--color2, 1)) ; */ /* background-color: rgba(var(--color1, 1)); */ /* color:#FFFFFF; */ color: var(--color-btnmenuon); transition: color 0.2s ease 0.1s; } .botonOculto{ /* visibility: hidden; */ height: 0; margin: 0; padding: 0; } .separaBotones, .separaBotonesTit{ /* position: absolute; */ margin:10px 0; /* height:1px; */ /* width: calc(100% + 7px); */ width: 100%; /* background-color: red;; */ /* border-bottom: 1px solid rgba(22, 24, 35, 0.12); */ border-bottom: var(--bg-separabotones); } .separaBotonesTit{ color:#FFFFFF; text-align: center; width: 30%; margin:0 auto; /* border-bottom: 3px dotted #FFFFFF; */ border-bottom: none; } .cubreSecc{ position: absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.55); /* z-index: -1; */ opacity:0; opacity: 0; /* visibility: hidden; */ transition: opacity 0.3s; } .showCapa{ /* visibility:visible; */ opacity:1; /* z-index: 2; */ /* transition: opacity 10s ease; */ } /* .highlightSubsAudio{ font-size: 38px; } */ /* Media query para smartphones en orientaci贸n portrait */ @media (max-width: 575px) and (orientation: portrait) { .highlightSubsAudio { /* font-size: 25px; */ } /* .spanSubsAudio{ font-size: 24px; } */ } /* Media query para smartphones en orientaci贸n landscape */ @media (max-width: 991px) and (orientation: landscape) { .highlightSubsAudio { /* font-size: 25px; */ } /* .spanSubsAudio{ font-size: 24px; } */ } /* Media query para tablets y pantallas de PC peque帽as y medianas en orientaci贸n landscape */ @media (min-width: 992px) and (max-width: 1399px) { /* .spanSubsAudio{ font-size: 30px; } */ } /* Media query para tablets y pantallas de PC peque帽as y medianas en orientaci贸n portrait */ @media (min-width: 576px) and (max-width: 991px) and (orientation: portrait) { /* .spanSubsAudio{ font-size: 30px; } */ } /* .classHzInt .fondoTitulo, .classHzInt .fondoSeccion{ width:100% !important; height:100px !important; } */ /* .classHz .classHz{ all: unset; margin: 0; padding: 0; box-sizing: border-box; } */ /* Media query para smartphones en orientaci贸n portrait */ /* @media (max-width: 575px) and (orientation: portrait) { :root { font-size: 14px; } } */ /* Media query para smartphones en orientaci贸n landscape */ /* @media (max-width: 991px) and (orientation: landscape) { :root { font-size: 14px; } } */ /* Actividades */ .contActividad{ background-color: #FFF; padding: 20px; border-radius: 10px; position: relative; width: 480px; /* width: 100%; height: 100%; */ /* border:1px solid purple; */ /* pointer-events: none; */ } .contActividad.pcNormalapp { width: 80%; max-width: calc(100% - 140px); width: calc(100% - 140px); } .contActividad.dmPortapp{ width: 90%; /* border:10px solid red; */ } .contPregunta{ border-radius:20px; /* box-shadow: 10px 10px 10px rgba(0,0,0,0.3); */ border: 1px solid rgba(0,0,0,0.2); /* overflow: hidden; */ /* width: 400px; */ } .contMsjeSup{ } .msjSup{ display: flex; margin-bottom: 10px; } .contIconoMsj{ width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; /* display: inline-block; */ } .msjSupNeutro, .msjSupCorr, .msjSupIncorr{ /* display: inline-block; */ display: flex; /* margin: 5px 0; padding: 0px 5px; */ padding-right: 10px; line-height: 35px; height: 35px; border-radius: 5px; font-size: 0.9em; } .msjSupNeutro{ /* background-color: rgba(0,0,0,0.03); */ } .msjSupCorr{ background-color: rgba(var(--color-correcto),0.1); color: rgba(var(--color-correcto),1); } .msjSupIncorr{ background-color: rgba(var(--color-incorrecto),0.1); color: rgba(var(--color-incorrecto),1); } .boxIntentos{ position: absolute; top:10px; right: 0; /* display: inline-block; float: right; */ padding: 5px 10px; /* background-color: red; */ border-radius: 5px 0 0 5px;; /* background-color: rgba(0,0,0,0.03); */ background-color: transparent;; font-size: 16px; } .spanInt{ display: inline-block; padding: 0; margin: 0; /* font-weight: bold; font-size: 18px; */ } .contBtnComprobar{ width:100%; height:60px; /* background-color: rgba(0,0,0,0.05); */ margin:10px 0; display: flex; align-items: center; justify-content: center; border-radius: 5px; } .btnComprobar{ /* background-color: #E5E5E5; */ padding: 7px 20px; border-radius:10px; background-color: var(--bg-btncomprobar); /* box-shadow: 0 10px 0 rgba(0,0,0,0.2); */ color:#FFFFFF; border-bottom: 3px solid rgba(0,0,0,0.2); pointer-events: auto; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btnComprobar:focus { border-bottom: 3px solid rgba(0,0,0,0.2); } .btnComprobar:disabled{ background-color: #E5E5E5; color:#BABABA; } .btnComprobar:active { border-bottom: 0; } .iconStatus{ font-size: 2.3em; text-align: center; margin-bottom: 20px; } .textoStatus{ text-align: center; } .capaStatus{ position: absolute; top:0; left:0; width:100%; height: 100%; /* background-color: rgba(0,0,0,0.5); */ background: radial-gradient(circle, rgba(var(--color2),0.6) 0%, rgba(var(--color2),0.4) 100%); color:#FFFFFF; font-size: 1em; display: flex; align-items: flex-end; align-items: center; justify-content: center; /* z-index: 1; */ /* border-radius:10px; */ border-radius:0px; /* will-change: transform; */ /* transform: translateZ(0); */ padding: 30px; font-size: var(--fontsizepage); /* display:none; */ } .notaCardInt{ background-color:rgba(var(--color1),0.65); color:#FFFFFF; font-size: 0.85em; line-height: 1.1em; padding: 10px; } .alignRightBox{ justify-self: end; /* align-self: start; */ /* align-self: flex-end; */ } .alignLeftBox{ justify-self: start; /* align-self: flex-start; margin-right: auto; width: fit-content; */ } .textCenter{ text-align: center; } .maxWidth50{ max-width: 50%; } .maxWidth60{ max-width: 60%; } /* 馃摫 Ajuste para pantallas peque帽as (celulares) */ @media (max-width: 768px) { .maxWidth50, .maxWidth60 { max-width: calc(100% - 20px); } } .textoBlanco{ color:#FFFFFF; } .textoBlanco b{ color:var(--color-bolddark); /* color:#FFFFFF; */ } .boxA, .boxB, .boxWA, .boxWB{ display: inline-block; position: relative; /* padding: 20px 20px; */ font-family: var(--fontregular); line-height: 1.2em; } .boxBig{ font-family: var(--fontmedium); font-size: 1.2em; line-height: 1.3em; } .boxA{ background-color: rgba(255,255,255,0.95); color:var(--color-text); } .boxA b{ color:var(--color-boldlight); } .boxB{ background-color: rgba(var(--color2),0.85); color:#FFFFFF; } .boxB b{ color:var(--color-bolddark); } .boxWA{ background-color: rgba(0,0,0,0.9); color:#FFFFFF; } .boxWA b{ color:var(--color-bolddark); } .boxWB, .boxWBBig{ background-color: transparent; color:#FFFFFF; } .boxWB b, .boxWBBig b{ color:var(--color-bolddark); } .boxD{ background-color: rgba(var(--color4),2); /* color:#FFFFFF; */ padding: 30px; border-radius: 0 0 40px 0; /* border-bottom: 2px dotted rgba(var(--color1),1); */ } .boxE{ background-color: rgba(var(--color2),1); /* color:#FFFFFF; */ color: rgba(var(--color2),1); color: #FFFFFF; /* padding: 30px; */ padding: 30px; border-radius: 0 0 0px 0; font-family: var(--fontregular); line-height: 1.4em;; margin:0; /* border-bottom: 2px dotted rgba(var(--color1),1); */ } .boxF{ background-color: rgba(var(--color5),2); /* color:#FFFFFF; */ color: rgba(var(--color3),2); padding: 30px; border-radius: 0 0 40px 0; font-family: var(--fontregular); /* border-bottom: 2px dotted rgba(var(--color1),1); */ } .boxW{ background-color: #FFFFFF; /* color:#FFFFFF; */ /* color: rgba(var(--color3),2); */ /* padding: 30px; */ padding: 20px; margin: 0; /* border-radius: 0 0 40px 0; */ border-radius: 0; font-family: var(--fontregular); line-height: 1.4em;; /* border-bottom: 2px dotted rgba(var(--color1),1); */ } .boxPop b{ color: var(--color-popbold); } .infoColorWhite{ color:#FFFFFF; border-color:#FFFFFF; border:none; padding: 0 10px; } .infoColorWhiteB{ color:#FFFFFF; border-color:#FFFFFF; } .infoColorSec{ color: rgba(var(--color2),2); border-color:#FFFFFF; border:none; padding: 0 10px; } .flexAlCen{ display: flex; align-items: center; gap:20px; } @media (max-width: 768px) { .flexAlCen { flex-direction: column; } } .dataBig{ font-size: 3em; } .dataBigLow{ font-size: 2em; } .dataMedium{ font-size: 1.45em; } .dataMediumLow{ font-size: 1.3em; } .downloadLink{ background-color: var(--colorbtndescarga); border: 2px solid var(--colorbtndescarga); color: white; padding: 7px 15px; border-radius: 10px; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .isDisabled { background-color: #E5E5E5; border-color: #E5E5E5; color:#BABABA; pointer-events: auto; /* Permitimos eventos pero los controlamos en JS */ /* cursor: not-allowed; */ /* opacity: 0.6; */ } .descargaVista{ /* border: 1px solid rgba(var(--color1), 1); */ background-color: #FFFFFF; color: var(--colorbtndescarga); } /* .downloadLink:disabled{ background-color: #E5E5E5; color:#BABABA; } */ .flexLine{ width: 100%; display: flex; justify-content: space-around;; align-items: center; gap:20px; } .wTotal{ width: 100%; } .divEnunciado{ border-radius: 20px 20px 0 0; color:#FFFFFF; padding: 20px 20px 5px 20px; /* background: linear-gradient(45deg, rgba(var(--color1),1), rgba(var(--color2))); */ /* background-color: rgba(var(--color5),1); */ color: var(--color-enunciados); /* background-color: rgba(var(--color2),1); color:#FFFFFF; */ } .iconoCont{ } .subTitleCont{ color: rgba(var(--color2),2); font-family: var(--fontbold); font-size: 1.2em;; line-height: 1.4em;; margin-bottom: 10px; } .contTabla{ max-width: calc(100% -20px); max-height: calc(100% -20px); overflow: auto; } i, em { font-style: italic; font-synthesis: style; } ul { list-style-position: outside; /* Asegura que la vi帽eta quede fuera */ /* width: 300px; */ /* list-style-type:"-"; padding-left: 15px; */ /* list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: decimal; list-style-type: lower-roman; */ margin-top: 0.6em; margin-bottom: 0.8em; /* padding-left: 10px; */ padding-left: 20px; /* border:1px solid red; */ /* list-style-image: url('bullet.png'); */ } ol { list-style-type: decimal; /* fuerza numeraci贸n */ list-style-position: outside; /* Asegura que la vi帽eta quede fuera */ /* width: 300px; */ /* list-style-type:"-"; padding-left: 15px; */ /* list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: decimal; list-style-type: lower-roman; */ margin-top: 0.6em; margin-bottom: 0.8em; /* padding-left: 10px; */ padding-left: 20px; /* border:1px solid red; */ /* list-style-image: url('bullet.png'); */ } ul li{ position: relative; text-align: left; } ul li::before { content: "-"; position: absolute; left: -10px; /* border:1px solid red; */ } ul li::marker { content: " "; /* Personaliza la vi帽eta */ margin-left: 5px; /* Ajusta la posici贸n */ } .tablaEstilo { /* table */ width: 100%; border-collapse: collapse; /* Une los bordes */ font-size:0.9em; } .tablaEstilo th { background-color: #009FDF; /* Color del encabezado */ color: white; /* Texto blanco */ padding: 5px 10px; text-align: left; border-right: 1px dotted #009FDF; font-family:var(--fontbold); vertical-align: middle; } .tablaEstilo td { padding: 5px 10px; border-right: 1px dotted #009FDF; vertical-align: middle; } /* Alternar colores en filas */ .tablaEstilo tr:nth-child(odd) { background-color: #CCECF9; /* Color para filas impares */ } .tablaEstilo tr:nth-child(even) { background-color: #DFF2FD; /* Color para filas pares */ } .tablaEstilo th:last-child, td:last-child { border-right: none; } .tablaEstilo td:first-child { color:#0AA3E0; font-family:var(--fontbold); } th, td{ vertical-align: middle; } .notaCont{ /* font-size:0.95em; */ color: rgba(var(--color2),1); /* 0.75 */ } .layoutSecc2Cols{ } .layoutSecc2Rows{ /* flex-direction: column; */ /* Distribuci贸n vertical */ display: grid; grid-template-rows: auto auto; } .layoutSecc2Rows1Col{ } .twoRowsOneCol{ } /* .twoRowsOneCol{ display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto 1fr auto; } .twoRowsOneCol > div:first-child { grid-column: 1; grid-row: 1; padding: 10px; } .twoRowsOneCol > div:nth-child(2) { grid-column: 1; grid-row: 2 / 4; padding: 10px; } .twoRowsOneCol > div:nth-child(3) { grid-column: 2; grid-row: 1 / span 3; padding: 10px; } .twoRowsOneCol.dmPortapp, .twoRowsOneCol.dmLandapp{ display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap:0; } .twoRowsOneCol.dmPortapp > div, .twoRowsOneCol.dmLandapp > div { grid-column: 1; grid-row: auto; margin: 0; min-height: 1px; } .twoRowsOneCol.dmPortapp > div:nth-child(2), .twoRowsOneCol.dmLandapp > div:nth-child(2) { min-height: 1px; flex-grow: 1; } */ .twoRowsOneCol{ display: grid; grid-template-columns: 1fr 1fr; /* Dos columnas de igual ancho */ gap: 0px; /* Espacio entre columnas (opcional) */ } .layout{ /* overflow: hidden; */ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-position: center center; /* Centrar la imagen */ background-repeat: no-repeat; /* Evitar que se repita */ background-size: cover; /* Escalar para ocupar todo el espacio sin distorsionar */ /* background-size: contain; */ /* background-attachment: fixed; */ /* Opcional: mantener la imagen fija al hacer scroll */ /* z-index: 1; */ } .allSpace{ width: 100%; height: 100%; } .hideTit{ opacity:0; } .gridResp { display: grid; gap: 40px; /* Espacio entre los elementos */ padding: 30px; width: 100%; height: 100%; /* O el alto del contenedor padre */ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Disposici贸n de columnas */ /* Asegura que haya al menos 2 filas */ grid-template-rows: auto auto; justify-items: center; /* Centrar los elementos horizontalmente */ align-items: center; /* Centrar los elementos verticalmente */ } .flexConGraf{ /* display: flex; justify-content: center; align-items: center; flex-direction: column; gap:20px; padding: 20px; */ padding: 20px; margin:10px; border-radius:20px; border: 1px solid rgba(0, 0, 0, 0.15); display: grid; /* grid-template-columns: repeat(2, 1fr); */ grid-template-columns: auto auto; /* grid-template-columns: 1fr; */ gap: 10px; padding: 20px; /* width: 100%; */ align-items: center; /* justify-items: center; */ } .flexConGraf>div { padding: 5px; /* border: 1px solid #ddd; background-color: #f9f9f9; */ display: flex; align-items: center; justify-content: center; min-width: 0; /* Permite que se ajusten al contenedor */ /* flex: 1 1 auto; */ } /* Alinear a la derecha los elementos de la primera columna */ .flexConGraf>div:nth-child(2n-1) { justify-content: flex-end; } /* Alinear a la izquierda los elementos de la segunda columna */ .flexConGraf>div:nth-child(2n) { justify-content: flex-start; } .flexConGraf .separaflexGraf { grid-column: span 1; height: 0px; padding: 0; background-color: transparent; } @media (max-width: 992px) { .flexConGraf { grid-template-columns: 1fr; gap: 0px; margin:5px 0; border-radius:0; } .flexConGraf>div { padding: 0;; } .flexConGraf .separaflexGraf { grid-column: span 1; height: 5px; /* Espacio mayor entre grupos en mobile */ } .flexConGraf>div:nth-child(2n-1) { justify-content: center; } /* Alinear a la izquierda los elementos de la segunda columna */ .flexConGraf>div:nth-child(2n) { justify-content: center; } } .optotal,.horizontal1,.horizontal2,.vertical1,.vertical2,.diagonal1,.diagonal2,.diagonal3,.diagonal4{ /* transition: background 10s ease; */ } .optotal{ background: rgba(var(--colorcapasbgimg), 0.3); } .optotalmedium{ background: rgba(var(--colorcapasbgimg), 0.5); } .optotalintense{ background: rgba(var(--colorcapasbgimg), 0.72); } .optotal_b{ background: rgba(0, 0, 0, 0.3); } .optotalmedium_b{ background: rgba(0, 0, 0, 0.5); } .optotalintense_b{ background: rgba(0, 0, 0, 0.72); } .optotal_w{ background: rgba(255, 255, 255, 0.3); } .optotalmedium_w{ background: rgba(255, 255, 255, 0.5); } .optotalintense_w{ background: rgba(255, 255, 255, 0.72); } .optotalboxpop{ /* background: rgba(var(--color1), var(--opacitycapascini)); */ background: rgba(var(--colorcapasbgimg), 0.2); } .optotalboxpopint{ /* background: rgba(var(--color1), var(--opacitycapascini)); */ background: rgba(var(--colorcapasbgimg), 0.4); } /* .horizontal1{ background: linear-gradient( to right, rgba(var(--color2), var(--opacitycapascini)), rgba(var(--color2), var(--opacitycapascfin)) ); } */ /* .horizontal1{ background: linear-gradient( to right, rgba(var(--color1), var(--opacitycapascini)) 0%, rgba(var(--color1), var(--opacitycapascfin)) 50%, rgba(var(--color1), var(--opacitycapascfin)) 100% ); } */ .horizontal1{ background: linear-gradient( to right, rgba(var(--colorcapasbgimg), 0.33) 0%, rgba(var(--colorcapasbgimg), 0.20) 30%, rgba(var(--colorcapasbgimg), 0) 50%, rgba(var(--colorcapasbgimg), 0) 100% ); } .horizontal1_b{ background: linear-gradient( to right, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.20) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100% ); } .horizontal1_w{ background: linear-gradient( to right, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.20) 30%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100% ); } .horizontal1int{ background: linear-gradient( to right, rgba(var(--colorcapasbgimg), 1) 0%, rgba(var(--colorcapasbgimg), 0.66) 30%, rgba(var(--colorcapasbgimg), 0) 50%, rgba(var(--colorcapasbgimg), 0) 100% ); } .horizontal1int_b{ background: linear-gradient( to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.66) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100% ); } .horizontal1int_w{ background: linear-gradient( to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.66) 30%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100% ); } .horizontal2{ background: linear-gradient( to right, rgba(var(--colorcapasbgimg), var(--opacitycapascfin)), rgba(var(--colorcapasbgimg), var(--opacitycapascini)) ); } /* .vertical1{ background: linear-gradient( to bottom, rgba(var(--color2), var(--opacitycapascfin)), rgba(var(--color2), var(--opacitycapascini)) ); } */ /* .vertical1{ background: linear-gradient( to bottom, rgba(var(--color2), var(--opacitycapascini)) 0%, rgba(var(--color2), var(--opacitycapascfin)) 30%, rgba(var(--color2), var(--opacitycapascfin)) 100% ); } .vertical1w{ background: linear-gradient( to bottom, rgba(255, 255, 255, var(--opacitycapascini)) 0%, rgba(255, 255, 255, var(--opacitycapascfin)) 30%, rgba(255, 255, 255, var(--opacitycapascfin)) 100% ); } */ /* .vertical1{ background: linear-gradient( to bottom, rgba(var(--colorcapasbgimg), 0.33) 0%, rgba(var(--colorcapasbgimg), 0.20) 15%, rgba(var(--colorcapasbgimg), 0) 30%, rgba(var(--colorcapasbgimg), 0) 100% ); } .vertical1_b{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.20) 15%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100% ); } .vertical1_w{ background: linear-gradient( to bottom, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.20) 15%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100% ); } .vertical1int{ background: linear-gradient( to bottom, rgba(var(--colorcapasbgimg), 1) 0%, rgba(var(--colorcapasbgimg), 0.66) 15%, rgba(var(--colorcapasbgimg), 0) 30%, rgba(var(--colorcapasbgimg), 0) 100% ); } .vertical1int_b{ background: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.66) 15%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100% ); } .vertical1int_w{ background: linear-gradient( to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.66) 15%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100% ); } */ .vertical1{ background: linear-gradient( to bottom, rgba(var(--colorcapasbgimg), 0.33) 0%, rgba(var(--colorcapasbgimg), 0.20) 70px, rgba(var(--colorcapasbgimg), 0) 140px, rgba(var(--colorcapasbgimg), 0) 100% ); } .vertical1_b{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.20) 70px, rgba(0, 0, 0, 0) 140px, rgba(0, 0, 0, 0) 100% ); } .vertical1_w{ background: linear-gradient( to bottom, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.20) 70px, rgba(255, 255, 255, 0) 140px, rgba(255, 255, 255, 0) 100% ); } .vertical1int { background: linear-gradient( to bottom, rgba(var(--colorcapasbgimg), 1) 0, rgba(var(--colorcapasbgimg), 0.66) 70px, rgba(var(--colorcapasbgimg), 0) 140px, rgba(var(--colorcapasbgimg), 0) 100% ); } .vertical1int_b { background: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0.66) 70px, rgba(0, 0, 0, 0) 140px, rgba(0, 0, 0, 255, 0) 100% ); } .vertical1int_w { background: linear-gradient( to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.66) 70px, rgba(255, 255, 255, 0) 140px, rgba(255, 255, 255, 0) 100% ); } .vertical2{ background: linear-gradient( to bottom, rgba(var(--colorcapasbgimg), var(--opacitycapascini)), rgba(var(--colorcapasbgimg), var(--opacitycapascfin)) ); } .vertical2_w { background: linear-gradient( to bottom, rgba(255,255,255, var(--opacitycapascini)) 0%, rgba(255,255,255, var(--opacitycapascfin)) 30%, rgba(255,255,255, var(--opacitycapascfin)) 100% ); } /* .diagonal1{ background: linear-gradient( to bottom right, rgba(var(--color2), var(--opacitycapascini)), rgba(var(--color2), var(--opacitycapascfin)) ); } */ /* .diagonal1{ background: linear-gradient( to bottom right, rgba(var(--colorcapasbgimg), 0.33) 0%, rgba(var(--colorcapasbgimg), 0.20) 25%, rgba(var(--colorcapasbgimg), 0) 33%, rgba(var(--colorcapasbgimg), 0) 100% ); } .diagonal1_b{ background: linear-gradient( to bottom right, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.20) 25%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100% ); } .diagonal1_w{ background: linear-gradient( to bottom right, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.20) 25%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 100% ); } .diagonal1int{ background: linear-gradient( to bottom right, rgba(var(--colorcapasbgimg), 1) 0%, rgba(var(--colorcapasbgimg), 0.66) 20%, rgba(var(--colorcapasbgimg), 0) 33%, rgba(var(--colorcapasbgimg), 0) 100% ); } .diagonal1int_b{ background: linear-gradient( to bottom right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.66) 20%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100% ); } .diagonal1int_w{ background: linear-gradient( to bottom right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.66) 20%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100% ); } */ .diagonal1{ background: linear-gradient( 171deg, rgba(var(--colorcapasbgimg), 0.33) 0, rgba(var(--colorcapasbgimg), 0.20) 75px, rgba(var(--colorcapasbgimg), 0) 150px, rgba(var(--colorcapasbgimg), 0) 100% ); } .diagonal1_b{ background: linear-gradient( 171deg, rgba(0, 0, 0, 0.33) 0, rgba(0, 0, 0, 0.20) 75px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 100% ); } .diagonal1_w{ background: linear-gradient( 171deg, rgba(255, 255, 255, 0.33) 0, rgba(255, 255, 255, 0.20) 75px, rgba(255, 255, 255, 0) 150px, rgba(255, 255, 255, 0) 100% ); } .diagonal1int{ background: linear-gradient( 171deg, rgba(var(--colorcapasbgimg), 1) 0, rgba(var(--colorcapasbgimg), 0.66) 75px, rgba(var(--colorcapasbgimg), 0) 150px, rgba(var(--colorcapasbgimg), 0) 100% ); } .diagonal1int_b{ background: linear-gradient( 171deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0.66) 75px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 100% ); } .diagonal1int_w { background: linear-gradient( 171deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.66) 75px, rgba(255, 255, 255, 0) 150px, rgba(255, 255, 255, 0) 100% ); } .diagonal2{ background: linear-gradient( to top left, rgba(var(--colorcapasbgimg), var(--opacitycapascini)), rgba(var(--colorcapasbgimg), var(--opacitycapascfin)) ); } .diagonal3{ background: linear-gradient( to top right, rgba(var(--colorcapasbgimg), var(--opacitycapascini)), rgba(var(--colorcapasbgimg), var(--opacitycapascfin)) ); } .diagonal4{ background: linear-gradient( to bottom left, rgba(var(--colorcapasbgimg), var(--opacitycapascini)), rgba(var(--colorcapasbgimg), var(--opacitycapascfin)) ); } /* PORTADAPAGE - INI */ .botonCerrar{ position: fixed; /* top:10px; left:10px; *//*width:65px; height: 65px; font-size: 2.3rem;*/ background-color: rgba(var(--color1), 1); cursor: pointer; z-index: 2; text-align: center; border-radius: var(--borderradiusbotonesif); border-radius: 100px; color:white; display: flex; align-items: center; justify-content: center; width:36.5px; height: 36.5px; font-size: 1.32em; top:7px; left:7px; /* will-change: transform; transform: translateZ(0); */ } .botonCerrarPC{ /* top:28px; */ top:18px; left:18px; } .botonEntrar { position: relative; overflow: hidden; border-radius: var(--borderradiusbtnpage); /* transition: margin-top 3s; */ } .animaBtnNextOut{ transition: height 0.3s, width 0.3s; } .botonEntrarA{ margin-right:-100px; transition: margin-right 0.3s ease; /* transition: transform 0.3s ease; transform:scale(1); */ } .botonEntrarB{ margin-right:0px; transition: margin-right 0.3s ease; /* transform:scale(1.2); */ } .fondoBotonEntrar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: var(--borderradiusbtnpage); } .capaBotonEntrarA,.capaBotonEntrarB{ position: absolute; top:0; right:0; width: 100%; height:100%; /* z-index: 1; */ /* will-change: transform; transform: translateZ(0); */ } .capaBotonEntrarA{ transition-property: width; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-delay: 0.15s; background-color: rgba(var(--capabtna), 1); } .capaBotonEntrarB{ transition-property: width; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1); transition-delay: 0.1s; background-color: rgba(var(--capabtnb), 1); } .capaBotonEntrarOut{ width:0; } .opaciBotonEntra,.opaciFondoPage{ position: absolute; top:0; left:0; width: 100%; height: 100%; } .opaciBotonEntra{ background-color: rgba(var(--capabtna), var(--opacitycapas)); } .opaciBotonEntraClosed{ background-color: rgba(var(--capabtna), var(--opacitycapasrest)); } .opaciFondoPage{ background-color: rgba(var(--capabtna), var(--opacitycapas)); } .contFondoPage { /* position: absolute; */ top: var(--margen-contenidointve); left: var(--margen-contenidointhz); z-index: -1; /* overflow: hidden; */ width:var(--ancho-contenidoint); height:100%; /* height:var(--alto-contenidoint); */ /* border:10px solid red; */ /* border:1px solid green; */ } .fondoPage { position: sticky; top: 0px; left: 0px; /* width: 100vw; */ width:var(--ancho-contenidoint); /* height: calc(100 * var(--vh)); */ height:var(--alto-contenidoint); display: flex; align-items: center; justify-content: center; overflow: hidden; } .fondoBotonEntrar video/*, .fondoBotonEntrar img*/ { position: absolute; top: 0; min-height: 100%; min-width: 100%; max-height: 100%; object-fit: cover; } .fondoPage video, .fondoPage img { position: absolute; top: 0; min-height: 100%; min-width: 100%; max-height: 100%; object-fit: cover; } .blurFondoPage{ position: absolute; top:0; left:0; width:100%; height:100%; opacity:0; /* -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); */ /* transition: opacity .7s ease; */ transition: opacity .3s ease; } .blurFondoPageAct{ /* opacity:1 */ } .contClosed{ border-radius:var(--borderradiusbtnpage); background-color: transparent; border-radius: var(--borderradiusbtnpage); z-index: -1; /* box-shadow: 10px 10px 10px rebeccapurple; */ } .contOpen{ /* background-color: aquamarine; */ width:100%; height:100%; /* border:10px solid green; */ /* overflow: hidden; */ } .contTituloPagina{ position:absolute; /* width: 100%; */ width:1px; background-color: transparent; /* height: calc(100 * var(--vh)); */ height:100%; /* border:10px solid green; */ /* transition: width 1s; */ font-family: var(--fonttitulos); font-size: var(--fontsizepage); } .contTitPageEnHome{ /* display: flex; justify-content: center; align-items: center; */ } .contTitPageEnPage{ padding-top: 0px; width: 1px; } .boxTituloPagina{ /* transition: opacity 4s ease 0.2s; */ /* border:0px solid transparent; */ /* will-change: transform; transform: translateZ(0); */ /* border:10px solid red; */ top:0; /* width:100%; */ /* height: calc(50 * var(--vh)); */ /* background:palevioletred; */ /* display: flex; align-items: center; */ /* height:1px; */ /* flex:1; */ /* z-index:1; */ /* transition: width 1s; */ } /* .boxTituloPaginaClon{ position: absolute; top:0; left:0; visibility: hidden; z-index: -1; background-color: red; } */ .boxTitPageEnHome{ /* display: flex; align-items: center; */ } .boxTitPageEnPage{ /* margin-top: 70px; */ position:sticky; /* top:0; */ /* width:100vw; */ /* align-items:flex-start; */ /* width: 44vw; */ } .titPageEnPage h1{ /* width:50%; */ } .zIndexOne{ z-index: 1; } .tituloPagina{ /* background-color: lightseagreen; */ font-size:3em; line-height:2em; font-size: calc(var(--fontsizepage) * 2); font-family: var(--fontbold); /* letter-spacing: 0.2em; */ /* color:aliceblue; */ /* color:rgba(var(--colortxthome), 1); */ color:rgba(var(--color2), 1); color:rgba(var(--colortitulopage), 1); margin: 0 0px; /* padding: 0 30px 0 60px; */ transform-origin: 0% 50%; /* will-change: transform; transform: translateZ(0); */ /* display: flex; flex-direction: column; align-items: center; justify-content:center; */ display: flex; opacity: 0; } .apareceTitulo{ opacity: 1; } .intTituloPagina{ position: relative; /* background-color: rgba(var(--color4), 1); */ background-color: transparent; /* border-radius: 0 0 50px 0; */ padding: 40px 50px 40px 50px; padding: 40px 0; /* width: calc(100% - 66vw); */ /* min-width: 1px; */ /* max-width: 100%; */ /* width: 100%; */ /* display: flex; */ /* flex-direction: column; */ /* align-items: center; */ /* justify-content:center; */ display: inline-block; /* transition: margin-top 0.4s, width 0.2s, color 0.3s, background-color 0.3s, color 0.3s; */ /* transition: margin-top 0.4s, width 0.2s, color 0.3s, background-color 0.3s, color 0.3s, font-size 0.3s; */ /* transition: margin-top 0.4s, min-width 0.2s, max-width 0.2s, width 0.2s, color 0.3s, background-color 0.3s, color 0.3s, font-size 0.3s; */ /* transition: all 0.3s; */ /* overflow: hidden; */ flex: 1; /* transition: all 0.5s ease; */ transition: padding 0.3s ease; } .titPageEnPage .intTituloPagina{ /* min-width: 2px; */ /* max-width: 5000px; */ flex: 0; /* color:#FFFFFF; */ /* width: auto; */ } /* .titPageEnPage .subtituloTit, .titPageEnPage .txtTituloTit{ color:#FFFFFF; } */ .titPageEnPageWhite .subtituloTit, .titPageEnPageWhite .txtTituloTit{ color:#FFFFFF; } .titPageEnPageColor .subtituloTit, .titPageEnPageColor .txtTituloTit{ color:var(--color-titniv1); } .titPageEnPageColor .subtituloTit{ color:var(--color-titniv2); } .boxTitPageSticky .intTituloPagina{ width: 100%; padding: 0; background-color: transparent; flex: 1; } .subtituloTit{ font-size: 1em; /* line-height: 1em; */ /* color:rgba(var(--color1), 1); */ color:rgba(var(--colorsubtitulopage), 1); display: block; /* border:1px solid red; */ width: 100%; line-height: 1em; transition: color 0.3s; white-space: nowrap; } .txtTituloTit{ /* border:1px solid blue; */ font-size: 2em; line-height: 1em; display: block; /* transition: color 0.3s; */ transition: color 0.3s; } .txtTituloTit span { font-family: var(--fontbold); } .lineaTituloPaginaA,.lineaTituloPaginaB{ height: 5px; width:100px; /* background-color: rgba(var(--color2), 1);; */ background-color: rgba(var(--color3), 1);; margin-left: 0px; border-radius: 10px; margin-top:15px; /* will-change: transform; transform: translateZ(0); */ } .lineaTitPagAOpen{ transition: margin-left 0.4s; margin-left: 50px; } .lineaTituloPaginaB{ margin-left: 50px; margin-top:15px } .lineaTitPagBOpen{ transition: margin-left 0.4s; margin-left: 0px; } .transitionBoxTituloPagina{ margin-top:0px; /*transition: width 3s, margin-top 3s; */ /* transition: margin-top 0.4s, width 0.2s, color 0.3s, background-color 0.3s; */ /* transition: margin-top 0.4s, width 0s, color 0.3s, background-color 0.3s, opacity 0.4s; */ transition: margin-top 0.4s, color 0.3s, opacity 0.4s; } .transitionTituloPagina{ /* transition: font-size 0.1s, width 0.2s, color 0.3s, background-color 0.3s; */ /* transition: font-size 0.1s, width 0.2s, color 0.3s, background-color 0.3s; */ /* transition: all 1s; */ } .titPageEnPage{ /* color:aquamarine; */ /* color:#F1F1F1; */ } .titPageSticky{ /* height:45px; */ /* background-color: rgba(255,255,255,0.75); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color:rgba(var(--color1), 1); */ /* font-size:1.1em; */ /* width:100vw; */ width:var(--ancho-contenidoint); /* padding-left: 90px; */ letter-spacing: normal; /* padding-top: 3px; */ /* padding-top: 5px; */ padding-right: 0; padding-top: 0; padding-bottom: 0; background-color: transparent; /* Nuevos estilos*/ } .h1Titi{ margin-left:50px; /* transition: margin-top 0.4s, width 0.2s, color 0.3s, background-color 0.3s, color 0.3s, font-size 0.3s; */ /* transition: color 0.3s, font-size 0.3s; */ transition: margin-left 0.3s; } .lineTit{ position: absolute; bottom: 0; right: 0; height: 2px; width: 0px; /* background-color: rgba(var(--color2), 1); */ background-color: rgba(var(--color3), 1); display: block; } .widthLineTit{ transition: width .7s ease; width: 50px; } .h1TitiSticky{ white-space: nowrap; /* Evita que el texto se divida en l铆neas */ overflow: hidden; /* Oculta el texto que desborda */ text-overflow: ellipsis; /* Muestra puntos suspensivos (...) cuando el texto desborda */ margin-top:5px; /* line-height: 40px; */ height:20px; display: inline-block; /* border:1px solid red; */ max-width: calc(100% - 30px); /* will-change: transform; transform: translateZ(0); */ font-size: var(--fontsizepage); /* Nuevos Estilos */ /* float:right; */ font-size: 0.6em; font-family: var(--fontregular); margin-left: 30px; margin-top: 20px; } .intH1TitiStickyFade{ mask-image: linear-gradient(to right, white 85%, transparent 100%); } .intH1TitiSticky{ display: inline-block; height: 20px; /* line-height: 1; */ /* line-height: 0; */ /* border:1px solid red; */ display: flex; align-items: center; /* display:table-cell; vertical-align:middle; */ } .intH1TitiSticky .subtituloTit{ font-size: 1em; color: rgba(var(--color1), 1); color: var(--color-text); /* color:#323232; */ font-family: var(--fontbold); } .intH1TitiSticky .txtTituloTit{ margin-left: 5px;; color: var(--color-text); font-size: 1.2em; } .h1TitiSticky h1{ /* display: inline-block; vertical-align: middle; */ margin:0; padding: 0; font-size: 1.1em; line-height: 1; padding-bottom: 1px; /* overflow: hidden; */ /* height: fit-content; */ /* border:1px solid green; */ /* font-family: 'Futura-Medium'; */ /* font-family: 'Abril-Fatface'; */ height: 100%; display: flex; align-items: center; justify-self: center; margin-right: 5px; /* background-color: #F1F1F1; */ /* border-radius: 10px 0 0 10px; */ /* border-radius: 10px 0 0 10px; */ border-radius: 5px; /* background-color: rgba(255,255,255,0.75); */ /* background-color: rgba(var(--color4), 1); */ /* color: #FFFFFF; background-color: rgba(var(--color1), 1); */ background-color: transparent; /* color: rgba(var(--color1), 1); */ color: var(--color-text); /*Blur*/ /* -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); */ /* color:rgba(var(--color1), 1); */ transition: background-color 0.3s, color 0.3s; /*Nuevos estilos*/ /* padding: 0 30px; */ } /* Media query para smartphones en orientaci贸n portrait */ /* @media (max-width: 575px) and (orientation: portrait) { */ .contTituloPagina.dmPortapp{ flex-direction: column; } .boxTituloPagina.dmPortapp{ /* width: 90vw; */ width:calc(var(--ancho-contenidoint) * 0.9); } .boxTituloPagina.dmPortapp{ /* margin-top: calc(75 * var(--vh)); */ } .boxTitPageEnPage.dmPortapp{ /* margin-top: 30px; */ /* width: 70vw; */ width:calc(var(--ancho-contenidoint) * 0.7); } .tituloPagina.dmPortapp{ font-size:1.18em;/* 1.23em; */ } .h1TitiSticky.dmPortapp h1{ font-size: 14px;/* 1.18em; *//* 1.23em; */ } .botonEntrar.dmPortapp, .contClosed.dmPortapp { /* width: 80vw; */ /* width:calc(var(--ancho-contenidoint) * 0.8); */ width:calc(100% - 80px); /* height: calc(55 * var(--vh)); */ height:calc(var(--alto-contenidoint) * 0.55); } /* } */ /* Media query para smartphones en orientaci贸n landscape */ /* @media (max-width: 991px) and (orientation: landscape) { */ .boxTituloPagina.dmLandapp{ /* width: 34vw; */ width:calc(var(--ancho-contenidoint) * 0.34); } .tituloPagina.dmLandapp{ font-size:1.18em;/* 1.23em; */ } .h1TitiSticky.dmLandapp h1{ font-size: 14px; /* 1.18em; *//* 1.23em; */ } .botonEntrar.dmLandapp, .contClosed.dmLandapp { /* width: 54vw; */ /* width:calc(var(--ancho-contenidoint) * 0.54); */ /* height: calc(75 * var(--vh)); */ width:calc(100% - 60px); height:calc(var(--alto-contenidoint) * 0.75); } /* } */ /* Media query para tablets y pantallas de PC peque帽as y medianas en orientaci贸n portrait */ /* @media (min-width: 576px) and (max-width: 991px) and (orientation: portrait) { */ .contTituloPagina.pcNormalapp{ flex-direction: column; } .boxTituloPagina.pcNormalapp{ /* width: 90vw; */ /* width:calc(var(--ancho-contenido) * 0.9); */ width:calc(var(--ancho-contenidoint) * 0.34); } .boxTituloPagina.pcNormalapp{ /* margin-top: calc(75 * var(--vh)); */ } .boxTitPageEnPage.pcNormalapp{ /* margin-top: 30px; */ /* width: 70vw; */ width:calc(var(--ancho-contenidoint) * 0.7); } .tituloPagina.pcNormalapp{ /* width:80vw; */ font-size:1.01em;/*1.18 1.23em; */ } .h1TitiSticky.pcNormalapp h1{ font-size: 14px;/* 1.18em; *//* 1.23em; */ } .titPageSticky{ } .titPageSticky.pcNormalapp{ /* width:100vw; */ } .botonEntrar.pcNormalapp, .contClosed.pcNormalapp{ /* width: 80vw; */ /* width:calc(var(--ancho-contenido) * 0.8); height: calc(55 * var(--vh)); */ /* width:calc(var(--ancho-contenidoint) * 0.54); */ width:calc(100% - 80px); /* height: calc(75 * var(--vh)); */ height:calc(var(--alto-contenidoint) * 0.75); } /* } */ /* Media query para tablets y pantallas de PC peque帽as y medianas en orientaci贸n landscape */ /* @media (min-width: 992px) and (max-width: 1399px) { */ .boxTitPageEnPage.pcBigapp{ /* margin-top: 30px; */ } .boxTituloPagina.pcBigapp{ /* width: 34vw; */ width:calc(var(--ancho-contenidoint) * 0.34); } .tituloPagina.pcBigapp{ font-size:1.6em; } .botonEntrar.pcBigapp, .contClosed.pcBigapp { /* width: 54vw; */ /* width:calc(var(--ancho-contenidoint) * 0.54); */ width:calc(100% - 100px); /* height: calc(75 * var(--vh)); */ /* height:calc(var(--alto-contenidoint) * 0.75); */ height:calc(var(--alto-contenidoint) * 0.75); /* height:75%; */ /* width: 400px; */ /* height: 400px; */ } .h1TitiSticky.pcBigapp h1{ font-size: 14px;/* 1.18em; *//* 1.23em; */ } /* } */ /* Media query para pantallas de PC de gran tama帽o */ /* @media (min-width: 1400px) { .boxTitPageEnPage{ } .boxTituloPagina{ width: 34vw; } .botonEntrar, .contClosed { width: 54vw; height: calc(75 * var(--vh)); } } */ .boxTitPageSticky{ /* width:100vw; */ /* min-height:400px; */ margin-top: 0; /* width:100vw; */ width:var(--ancho-contenidoint); /* min-width:100vw; */ /* transition:none; */ } .numSeccion{ position: fixed; top:220px; right:30px; width:80px; height:50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; z-index: 1; background-color: aquamarine; } .txtNextPage{ position: absolute; top:-1em; left:20px; letter-spacing: normal; /* background-color: rgba(var(--color2), 1); */ /* background-color: rgba(255,255,255, 0.9); */ background-color: rgba(var(--color1), 1); padding: 5px 15px; /* color: rgba(var(--color1), 1); */ color:#FFFFFF; border-radius: 55px; font-size: 0.8em; line-height: 1.3em; /* will-change: transform; transform: translateZ(0); */ } .seccionPortada{ /* scroll-snap-align: start; */ scroll-snap-align: center; scroll-snap-stop: always; /* height: calc(100 * var(--vh)); *//*100vh;*/ height:var(--alto-contenidoint); max-height:var(--alto-contenidoint); /* border:2px solid red; */ position:relative; display: flex; /* border:2px solid red; */ justify-content: flex-end; /* flex-wrap: wrap; */ /* align-items: center; justify-content: center; */ } .nextBotonEntrar{ /* border:10px solid green; height:200px; */ /* max-width:400px; max-height: 200px; */ } .nextBotonEntrar.dmPortapp{ /* width:calc(var(--ancho-contenidoint) * 0.8); height:calc(var(--alto-contenidoint) * 0.55); */ /* width:calc(var(--ancho-contenidoint) * 0.90); height:calc(var(--alto-contenidoint) * 0.65); */ width:calc(var(--ancho-contenidoint) * 1 - 40px); height:calc(var(--alto-contenidoint) * 0.75 - 40px); } .nextBotonEntrar.dmLandapp{ /* width:calc(var(--ancho-contenidoint) * 0.54); height:calc(var(--alto-contenidoint) * 0.75); */ /* width:calc(var(--ancho-contenidoint) * 0.59); height:calc(var(--alto-contenidoint) * 0.95); */ /* width:calc(var(--ancho-contenidoint) * 1 - 10px); height:calc(var(--alto-contenidoint) * 1 - 10px); */ width:calc(100% - 40px); height:calc(var(--alto-contenidoint) * 1 - 40px); } .nextBotonEntrar.pcNormalapp{ /* width:calc(var(--ancho-contenidoint) * 0.54); height:calc(var(--alto-contenidoint) * 0.75); */ /* width:calc(var(--ancho-contenidoint) * 0.59); height:calc(var(--alto-contenidoint) * 0.95); */ /* width:calc(var(--ancho-contenidoint) * 1 - 10px); */ /* height:calc(var(--alto-contenidoint) * 1 - 10px); */ width:calc(100% - 40px); height:calc(var(--alto-contenidoint) * 1 - 40px); } .nextBotonEntrar.pcBigapp{ /* width:1100px; height:750px; */ /* width:calc(var(--ancho-contenidoint) * 0.54); height:calc(var(--alto-contenidoint) * 0.75); */ /* width:calc(var(--ancho-contenidoint) * 0.59); height:calc(var(--alto-contenidoint) * 0.95); */ /* width:calc(var(--ancho-contenidoint) * 1 - 10px); */ width:calc(100% - 40px); height:calc(var(--alto-contenidoint) * 1 - 40px); } .videoA, .videoB, .fondoPage, .botonEntrar{ /* will-change: transform; */ /* transform: translateZ(0); */ } .videoA, .videoB{ transform: translateZ(0); } .nexTtituloPagina{ /* text-align: right; */ /* letter-spacing: normal; */ } .nexTtituloPagina.dmPortapp{ /* font-size:1.23em; */ transform: scale(1.1); transform: scale(0.9); /* font-size:1.53em; */ } .nexTtituloPagina.dmLandapp{ /* font-size:1.23em; */ /* font-size:1.53em; */ transform: scale(1.1); transform: scale(0.9); } .nexTtituloPagina.pcNormalapp{ /* width:80vw; */ /* font-size:1.23em; */ /* font-size:1.53em; */ transform: scale(1.1); transform: scale(0.9); } .nexTtituloPagina.pcBigapp{ /* font-size:1.6em; */ /* font-size:1.9em; */ transform: scale(1.1); transform: scale(0.9); } .animaTitNextOut{ /* transition: font-size 0.3s; */ transition: transform 0.3s, opacity 0.7s ease 0.345s;; } .capaStatusPortada{ background: none;; background-color: rgba(0,0,0,0); display: flex; align-items: flex-end; justify-content: center; border-radius:40px; } /* .capaStatus{ position: absolute; top:0; left:0; width:100%; height: 100%; background-color: rgba(0,0,0,0); color:#FFFFFF; font-size: 1em; display: flex; align-items: flex-end; justify-content: center; border-radius:40px; padding: 30px; } */ .opacityCapaStatus{ align-items: center; /* background-color: rgba(0,0,0,0.2); */ /* filter: blur(5px); */ /* border-radius:40px; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); */ background: radial-gradient(circle, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 100%); /* transform: translateZ(0); contain: strict; */ /* overflow: hidden; */ } .iconStatusPulse{ font-size: 2.3em; text-align: center; /* animation: pulse 1.7s ease-in-out infinite; *//* La animaci贸n dura 2s */ } .iconStatusPulseAnim{ animation: pulse 1.7s ease-in-out infinite; /* La animaci贸n dura 2s */ } .textoStatusPulse{ text-align: center; display: flex; align-items: center; gap: 10px; /* Espacio entre las l铆neas y el texto */ position: relative; transform: translateY(100%); /* transition: transform .4s; */ opacity:0; transition: opacity 0.4s ease-in-out 0.5s, transform 0.4s ease-in-out 0.5s; } .animaTextoStatusPulse{ transform: translateY(0%); opacity: 1; } .textoStatusPulse::before, .textoStatusPulse::after { content: ""; min-width: 40px; flex-grow: 1; /* Hace que las l铆neas sean flexibles */ height: 1px; background-color: #FFFFFF; /* Color de las l铆neas */ } @keyframes pulse { 0% { transform: scale(1); } 15% { transform: scale(0.85); } /* Crece */ 30% { transform: scale(1); } /* Vuelve a su tama帽o normal */ 100% { transform: scale(1); } /* Se mantiene igual (pausa) */ } .instPulsa{ animation: pulsecont 8.5s ease-in-out infinite; /* La animaci贸n dura 2s */ } @keyframes pulsecont { 0% { opacity:0; } 10% { opacity:1; } /* Vuelve a su tama帽o normal */ 60% { opacity:1; } /* Se mantiene igual (pausa) */ 70% { opacity:0; } /* Se mantiene igual (pausa) */ 100% { opacity:0; } /* Se mantiene igual (pausa) */ } .intH1TitiSticky .subtituloTit.fondoDark, .intH1TitiSticky .txtTituloTit.fondoDark{ color:#FFFFFF; /* transition: color 0.3s; */ } .boxContenido.onerowtwocols.enPC > div:first-child, .boxContenido.onerowtwocols.enSP > div:first-child{ grid-column: 1 / span 2; /* ocupa las dos columnas */ } /* .ocultoHomeCarrusel{ display: none; } */ /* PORTADAPAGE - FIN */ .boxNombreCurso{ /* border:0px solid transparent; */ max-width: 75%; /* text-transform: uppercase; */ /* will-change: transform; transform: translateZ(0); */ /* background-color: rgba(var(--color2), 1); */ padding: 40px; border-radius: 0 0 50px 0; display: flex; flex-direction: column; /* align-items: center; */ justify-content:center; overflow: hidden; /* border:1px solid red; */ } .conImgNom{ text-align: center; } .secNombreCurso,.secNombreCursoB{ color: rgba(var(--color4), 1); font-size:0.35em; /* line-height:1em; */ text-align: left; /* font-family: var(--fontregular); */ font-family: var(--fontbold); line-height: 1em; /* color: rgba(var(--color2), 1); color:#FFFFFF; */ color:rgba(var(--colortxthomesec), 1); } .secNombreCursoB{ font-size:0.4em; font-family: var(--fontregular); color:rgba(var(--colortxthomesecb), 1); text-align: center; margin-top:10px; } .mainNombreCurso{ color:white; color:rgba(var(--colortxthome), 1); /* color:rgba(var(--color1), 1); */ /* font-size: 5.3rem; */ font-size: 1em; line-height: 1em;; /* letter-spacing: 0.2em; */ text-align: center; font-family: var(--fonttitulos); font-family: var(--fontbold); } .boxNombreCurso.dmPortapp{ font-size: 2.5rem; } .boxNombreCurso.dmLandapp{ font-size: 2.5rem; } .boxNombreCurso.pcNormalapp{ font-size: 3.5rem; } .boxNombreCurso.pcBigapp{ font-size: 4rem; } .boxNombreCursoCarr{ padding: 40px; overflow: hidden; display: flex; flex-direction: row; /* align-items: center; */ justify-content:center; font-size: 26px; gap:20px; } .boxNombreCursoCarr :is(.secNombreCurso, .secNombreCursoB) { font-size: 1em; } .boxNombreCursoCarr .mainNombreCurso{ font-size: 2.3em; /* line-height: 1em;; */ line-height: 0.8em;; } .boxNombreCursoCarr .secNombreCursoB{ align-self: flex-end; } /* h1{ font-size: 1.85em; } */ .selIndizaHz{ /* background-color: rgba(255,255,255,1); */ width:20px; background-color: rgba(var(--color4),1); } .tituloSeccionNiv1{ /* font-size: 26px; */ /* 35px; */ font-size: 20px; /* 35px; */ color:var(--color-titniv1) } .tituloSeccionNiv2{ /* font-size: 23px; *//* 27px; */ font-size: 22px;/* 27px; */ color:var(--color-titniv2); } .tituloSeccionNiv3{ /* font-size: 20px; */ font-size: 24px; color:var(--color-titniv3); } /* 馃摫 Ajustes en celulares */ @media (max-width: 768px) { .tituloSeccionNiv1 { font-size: 22px; /* antes 32px */ } .tituloSeccionNiv2 { font-size: 18px; /* antes 24px */ } .tituloSeccionNiv3 { font-size: 16px; /* antes 19px */ } } .notaenInfo{ position:absolute; bottom:0; left:0; } .contCarrusel.fondoDark .carruselItem{ border:var(--bordercarddark); color:#FFFFFF; } .contCarrusel.fondoLight .carruselItem{ border:var(--bordercardlight); } /* .carrusel > .carruselItem:first-child { margin-left: 20px; } */ /* .carrusel > .carruselItem:last-child { margin-right: 20px; } */ .carrusel::before { content: ""; flex: 0 0 10px; /* ancho del espacio inicial */ } .carrusel::after { content: ""; flex: 0 0 10px; /* ancho del espacio final */ } .capaFondoPop{ background-color: rgba(0,0,0,.55); } .capaFondoPopIn{ opacity:1; } .closedCaptionVideo{ position: absolute; left:50px; color:rgba(255,255,255,1); background-color: rgba(0,0,0,0.6); padding: 3px 5px; font-size: 24px; border-radius: 10px; max-width: 630px; } .closedCaptionVideo.dmPortapp{ left:5%; max-width:90%; font-size: 18px; line-height: 26px; } .closedCaptionVideo.dmLandapp{ left:5%; max-width:90%; font-size: 18px; line-height: 27px; } .closedCaptionVideo.pcNormalapp{ font-size: 19px; line-height: 28px; } .closedCaptionVideo.pcBigapp{ font-size: 20px; line-height: 29px; } .closedCaptionAudio{ /* position: absolute; */ /* top:50%; */ /* border:1px solid red; */ /* left: 50%; transform: translateX(-50%) */ /* translateY(-50%) *//* ; */ text-align: center; color:#FFFFFF; max-width: 90%; white-space: normal; font-size: 30px; /* 35px; */ line-height: 36px; /* word-spacing: 6px; */ /* border-radius: 10px; padding: 15px; background-color: rgba(0,0,0,0.3); */ /* -webkit-text-stroke-color: rgba(0,0,0,1); */ /* -webkit-text-stroke-width: 1px; */ /* text-shadow: 2px 0 #000000, -2px 0 #000000, 0 2px #000000, 0 -2px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000; */ /* text-shadow: 3px 0 #000000, -3px 0 #000000, 0 3px #000000, 0 -3px #000000, 2px 2px #000000, -2px -2px #000000, 2px -2px #000000, -2px 2px #000000, 4px 0 #000000, -4px 0 #000000, 0 4px #000000, 0 -4px #000000; */ /* text-shadow: 3px 0 #000000, -3px 0 #000000, 0 3px #000000, 0 -3px #000000, 2px 2px #000000, -2px -2px #000000, 2px -2px #000000, -2px 2px #000000; */ text-shadow: 3px 0 2px rgba(0, 0, 0, 0.3), -3px 0 2px rgba(0, 0, 0, 0.3), 0 3px 2px rgba(0, 0, 0, 0.3), 0 -3px 2px rgba(0, 0, 0, 0.3), 2px 2px 2px rgba(0, 0, 0, 0.3), -2px -2px 2px rgba(0, 0, 0, 0.3), 2px -2px 2px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.3); /* font-family: var(--fontmedium); */ } .closedCaptionAudio.dmPortapp{ font-size: 19px; line-height: 29px; width: 80%; bottom: 200px; } .closedCaptionAudio.dmLandapp{ font-size: 19px; line-height: 29px; width: 80%; bottom: 200px; } .closedCaptionAudio.pcNormalapp{ font-size: 21px; line-height: 31px; bottom: 160px; } .closedCaptionAudio.pcBigapp{ font-size: 24px; line-height: 34px; bottom: 160px; } /* Media query para smartphones en orientaci贸n portrait */ /* @media (max-width: 575px) and (orientation: portrait) { .closedCaptionAudio{ font-size: 24px; width: 80%; */ /* word-spacing: 4px; */ /* text-shadow: 2px 0 #000000, -2px 0 #000000, 0 2px #000000, 0 -2px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000; */ /* } */ /* .closedCaptionVideo{ left:5%; max-width:90%; font-size: 18px; } } */ /* Media query para smartphones en orientaci贸n landscape */ /* @media (max-width: 991px) and (orientation: landscape) { .closedCaptionAudio{ font-size: 24px; width: 80%; */ /* word-spacing: 4px; */ /* text-shadow: 2px 0 #000000, -2px 0 #000000, 0 2px #000000, 0 -2px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000; */ /* } .closedCaptionVideo{ left:5%; max-width:90%; font-size: 18px; } } */ /* Media query para tablets y pantallas de PC peque帽as y medianas en orientaci贸n landscape */ /* @media (min-width: 992px) and (max-width: 1399px) { .closedCaptionAudio{ */ /* word-spacing: 5px; */ /* } } */ /* Media query para tablets y pantallas de PC peque帽as y medianas en orientaci贸n portrait */ /* @media (min-width: 576px) and (max-width: 991px) and (orientation: portrait) { .closedCaptionAudio{ */ /* word-spacing: 5px; */ /* } } */ .hidden { display: none; } .alignRight{ left:auto; right:50px; } .opcion{ opacity:0.8; background-color:#FFFFFF; border-radius: 30px; border:1px solid rgba(0,0,0,0.2); background-color:#FFFFFF; gap:16px; } .opcion.seleccionada{ background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgba(var(--color1),1), rgba(var(--color3),1)) border-box; } .contOpcionesCols .opcion{ gap: 0; } .contOpcionesCols .opcion img{ margin: 0 auto; } .flexBox { inset: 0; display: flex; flex-wrap: wrap; justify-content: center; /* centra horizontalmente las filas */ align-content: center; /* centra las filas verticalmente */ gap: 15px; } .itemFlexBox, .itemFlexBoxSmall{ border:2px solid #FFFFFF; border-radius: 20px; width: 280px; height: 255px; padding: 15px; line-height: 1.2em; font-size: 0.85em; color:#FFFFFF } .itemFlexBoxSmall{ width: 180px; height: 155px; } .itemFlexBox b, .itemFlexBoxSmall b{ color:#FFFFFF } .instruccionDesliza{ background-color: rgba(0,0,0,0.2); padding: 10px 0 10px 20px; } .fullBoxCont{ width: 100%; height: 100%; /* background-color: #009FDF; */ } .grupoSeccion > div:first-of-type > .contFondoSecc > :is(.elemFondoSecc, .elemFondoSeccNoScale):first-of-type { width:var(--ancho-contenidoint); height:var(--alto-contenidoint); } .saltoparrafo { display: block; margin-bottom: 12px; /* o lo que necesites */ } .contProgressBarPage{ overflow: hidden; } .contProgressBarPage, .progressBarPage{ height: 6px; border-radius: 10px; } .boxTexto > div img{ display: block; margin: 0 auto; margin-top: 10px; } .page.svelte-oxqm0v{position:relative}.contProgressBarPage.svelte-oxqm0v{z-index:2;position:fixed;top:0;left:0;width:100%}.progressBarPage.svelte-oxqm0v{overflow:hidden;background-image:var(--progresssec);transition:width 0.3s ease}.capaPageBg.svelte-oxqm0v{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1} .contMenuInt.svelte-15shmzr.svelte-15shmzr{position:fixed;top:90px;left:0px;width:calc(var(--ancho-menu) * 1px);max-height:calc((100 * var(--vh)) - 90px);overflow-y:auto;display:flex;flex-direction:column;padding:0;scrollbar-gutter:stable;user-select:none}.contMenuInt.svelte-15shmzr .contMenuIntInner.svelte-15shmzr{margin-block:auto}.contMenuInt.desborda.svelte-15shmzr.svelte-15shmzr{justify-content:flex-start}.contMenuInt.svelte-15shmzr.svelte-15shmzr:hover{overflow:auto}.contMenuInt.svelte-15shmzr.svelte-15shmzr::-webkit-scrollbar{width:8px}.contMenuInt.svelte-15shmzr.svelte-15shmzr::-webkit-scrollbar-thumb{background-color:rgba(var(--bg-scrollbarmenu),0.4);border-radius:4px;border:2px solid transparent;background-clip:content-box;transition:all 0.3s ease}.contMenuInt.svelte-15shmzr.svelte-15shmzr:hover::-webkit-scrollbar-thumb{border-width:0px;background-color:rgba(var(--bg-scrollbarmenu),0.8)}.separaBotonesNiv1.svelte-15shmzr.svelte-15shmzr,.separaBotonesNiv2.svelte-15shmzr.svelte-15shmzr,.separaBotonesNiv3.svelte-15shmzr.svelte-15shmzr{border-bottom:1px dotted rgba(var(--color2), 1);margin:3px 0}.separaBotonesNiv1.svelte-15shmzr.svelte-15shmzr{margin-left:30px}.separaBotonesNiv2.svelte-15shmzr.svelte-15shmzr{margin-left:40px}.separaBotonesNiv3.svelte-15shmzr.svelte-15shmzr{margin-left:50px} .contElemFondo.svelte-a3hjen{position:absolute;height:100%;width:100%;visibility:hidden}.seccionPortada.svelte-a3hjen{scroll-snap-align:start;scroll-snap-stop:always;height:var(--alto-contenidoint);position:relative;display:flex;justify-content:flex-end}.seccionContenido.svelte-a3hjen{scroll-snap-align:start;scroll-snap-stop:always;height:var(--alto-contenidoint);position:relative;background-color:transparent;width:calc(var(--ancho-contenidoint));display:inline-block;vertical-align:top}.portadaCurso.svelte-a3hjen{scroll-snap-align:start;scroll-snap-stop:always;height:var(--alto-contenidoint);position:relative;display:flex;justify-content:center;align-items:center}.seccionPortada.dmPortapp.svelte-a3hjen{flex-direction:column;justify-content:flex-start}.grupoSeccion.svelte-a3hjen{position:relative}.grupoSeccionHz.svelte-a3hjen{position:relative;display:inline-block;height:var(--alto-contenidoint);vertical-align:top}.contBoxContenido.svelte-a3hjen{width:100%;display:flex;align-items:center;justify-content:center;height:100%}.contBoxContenidoHz.svelte-a3hjen{height:calc(100% - 40px)}.contFondoSeccLight.svelte-a3hjen,.contFondoSeccDark.svelte-a3hjen{height:100%;width:100%;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.contFondoSeccLight.svelte-a3hjen{background-color:#FFFFFF}.contFondoSeccDark.svelte-a3hjen{background:var(--fondodark)}.contRecFondo.svelte-a3hjen{width:100%;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.screenAudio.svelte-a3hjen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.outMinim.svelte-a3hjen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.boxPopsX.svelte-a3hjen{width:100%;height:100%;position:relative}.layoutX.svelte-a3hjen{width:100%;height:100%}.minSeccion.svelte-a3hjen,.maxSeccion.svelte-a3hjen{position:absolute;top:0;left:0;height:100%;width:100%}.classcontFondoImg.svelte-a3hjen{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center} .instruccionDeslizaHz.svelte-7zbov4.svelte-7zbov4{position:fixed;right:0px;bottom:45px;pointer-events:none;user-select:none}.instruccionDesliza.svelte-7zbov4.svelte-7zbov4{position:fixed;right:40px;bottom:0px;transform-origin:right bottom;transform:rotate(90deg) translate(0%, 100%);max-width:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.intInstruccionDesliza.svelte-7zbov4.svelte-7zbov4{font-size:1em;line-height:1;letter-spacing:0.7em;max-width:100vh;color:#FFFFFF}.lineInst.svelte-7zbov4.svelte-7zbov4{display:inline-block;vertical-align:0.35em;margin-left:10px;width:100px;height:1px;background:white}.instDesDark.svelte-7zbov4.svelte-7zbov4{color:#FFFFFF}.instDesDark.svelte-7zbov4 .lineInst.svelte-7zbov4{background-color:#FFFFFF}.instDesLight.svelte-7zbov4.svelte-7zbov4{color:rgba(var(--color1),1)}.instDesLight.svelte-7zbov4 .lineInst.svelte-7zbov4{background-color:rgba(var(--color1),1)}.txtDesliza.svelte-7zbov4.svelte-7zbov4{display:inline-block} .page.svelte-107tl0s{position:relative} .boxControlesVideo.svelte-xl1ymi.svelte-xl1ymi{position:absolute;left:5%;width:90%;height:30px;z-index:1;display:flex;justify-content:center;align-items:center}.boxControlesVideoAudio.svelte-xl1ymi.svelte-xl1ymi{flex-direction:column;position:relative;height:auto;bottom:0;margin-top:10px}.btnPlay.svelte-xl1ymi.svelte-xl1ymi,.btnPlayB.svelte-xl1ymi.svelte-xl1ymi{cursor:pointer;width:30px;height:30px;border-radius:10px;display:flex;justify-content:center;align-items:center;color:#ffffff;font-size:20px}.btnPlayB.svelte-xl1ymi.svelte-xl1ymi{width:40px;height:40px;border-radius:10px;font-size:35px;margin:0 auto;color:#FFFFFF;margin-bottom:10px}.contInputProgess.svelte-xl1ymi.svelte-xl1ymi{display:flex;justify-content:center;align-items:center;width:100%;height:30px;position:relative}.timeProgreso.svelte-xl1ymi.svelte-xl1ymi{position:absolute;top:-30px;right:0;background-color:rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.6);color:#FFFFFF;font-size:12px;padding:3px 10px;border-radius:5px}.timeProgresoB.svelte-xl1ymi.svelte-xl1ymi{font-size:12px;width:100%;display:flex;align-items:center;justify-content:space-between;color:#FFFFFF}.boxInputProgress.svelte-xl1ymi input[type="range"].svelte-xl1ymi{-webkit-appearance:none;appearance:none;width:100%;height:30px;border-radius:5px;outline:none;opacity:0}.boxInputProgressB.svelte-xl1ymi input[type="range"].svelte-xl1ymi{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:5px;outline:none;opacity:1}.boxInputProgress.svelte-xl1ymi.svelte-xl1ymi,.boxInputProgressB.svelte-xl1ymi.svelte-xl1ymi{position:absolute;width:100%;display:flex;align-items:center;justify-content:center}.boxInputProgress.svelte-xl1ymi.svelte-xl1ymi{opacity:1}.boxInputProgress.svelte-xl1ymi input[type="range"].svelte-xl1ymi::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background-color:rgba(var(--color2),1);background-color:transparent;border-radius:50%;cursor:pointer}.boxInputProgress.svelte-xl1ymi input[type="range"].svelte-xl1ymi::-moz-range-thumb{width:30px;height:30px;background-color:transparent;border-radius:50%;cursor:pointer}.boxInputProgressB.svelte-xl1ymi input[type="range"].svelte-xl1ymi::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background-color:rgba(var(--color2),1);background-color:#FFFFFF;border-radius:50%;cursor:pointer}.boxInputProgressC.svelte-xl1ymi input[type="range"].svelte-xl1ymi::-webkit-slider-thumb{background-color:#FFFFFF}.boxInputProgressB.svelte-xl1ymi input[type="range"].svelte-xl1ymi::-moz-range-thumb{width:14px;height:14px;background-color:#FFFFFF;border-radius:50%;cursor:pointer}.boxInputProgressC.svelte-xl1ymi input[type="range"].svelte-xl1ymi::-moz-range-thumb{background-color:#FFFFFF}.rorateAnima.svelte-xl1ymi.svelte-xl1ymi{display:flex;justify-content:center;align-items:center;border-radius:50%;width:100%;height:100%;animation:svelte-xl1ymi-rotate 2s linear infinite}@keyframes svelte-xl1ymi-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.lineLoadVideo.svelte-xl1ymi.svelte-xl1ymi{width:100%;height:4px;background:red;position:relative;overflow:hidden;background-color:transparent;margin:100px auto;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.lineLoadVideo.svelte-xl1ymi.svelte-xl1ymi:before{content:"";position:absolute;left:-50%;height:4px;width:40%;background:linear-gradient(to right, transparent, #fff, transparent);-webkit-animation:svelte-xl1ymi-lineAnim 1s linear infinite;-moz-animation:svelte-xl1ymi-lineAnim 1s linear infinite;animation:svelte-xl1ymi-lineAnim 1s linear infinite;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}@keyframes svelte-xl1ymi-lineAnim{0%{left:-40%}50%{left:20%;width:80%}100%{left:100%;width:100%}} .boxAudio.svelte-djggkp{border-radius:20px;padding:0;display:flex;flex-direction:column;width:90%;max-width:500px}.boxAudio.dmPortapp.svelte-djggkp{margin-bottom:30px}.boxAudio.dmLandapp.svelte-djggkp{margin-bottom:30px}.boxAudio.pcNormalapp.svelte-djggkp{margin-bottom:30px}.boxAudio.pcBigapp.svelte-djggkp{margin-bottom:30px}.hideBoxAudio.svelte-djggkp{display:none}.contImg.svelte-djggkp{display:flex;justify-content:center;align-items:center;flex:1}.contControls.svelte-djggkp{display:flex;justify-content:center;align-items:center}.boxImg.svelte-djggkp{width:90%;height:90%;border-radius:10px;margin:20px;box-shadow:0 0 10px rgba(0,0,0,0.25);overflow:hidden;position:relative}.cubreImg.svelte-djggkp{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color1), var(--opacitycapasb))}.boxControlsAudio.svelte-djggkp{width:100%;height:auto;background-color:rgba(0,0,0,0.4);border-radius:20px;margin:0;position:relative}.contBoxAudio.svelte-djggkp{display:flex;flex-direction:column;width:100%;height:100%}.escenasAudio.svelte-djggkp{flex:1;display:flex;justify-content:center;align-items:center}.subtitlesCont.svelte-djggkp{display:flex ;justify-content:center;align-items:center;height:70px}.boxAudioC.svelte-djggkp{flex-shrink:0;display:flex;align-items:center;justify-content:center} .particles-wrapper.svelte-f351sd{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}canvas[data-generated="true"]{width:100% !important;height:100% !important;display:block} .canvas-onda.svelte-1l4b129{position:absolute;inset:0;width:100%;height:100%;background:transparent} .canvas-figura.svelte-wzhcev{position:absolute;inset:0;width:100%;height:100%;background:transparent} .canvas-linea.svelte-14h17ey{position:absolute;inset:0;width:100%;height:100%;background:transparent} .contFondoSecc.svelte-3q4yl8.svelte-3q4yl8{position:absolute;top:0;left:0;width:100%;height:calc(100% - 45px);height:100%;z-index:-1}.elemFondoSecc.svelte-3q4yl8.svelte-3q4yl8,.elemFondoSeccNoScale.svelte-3q4yl8.svelte-3q4yl8{position:sticky;color:white;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:transparent;transition:background-color 0.3s ease 0s}.elemFondoSecc.svelte-3q4yl8 img.svelte-3q4yl8,.elemFondoSecc.svelte-3q4yl8 video.svelte-3q4yl8{position:absolute;top:0;min-height:100%;max-height:100%;min-width:100%;object-fit:cover}.elemFondoSeccNoScale.svelte-3q4yl8 img.svelte-3q4yl8,.elemFondoSeccNoScale.svelte-3q4yl8 video.svelte-3q4yl8{position:relative;max-width:100%;min-width:100%;width:100%;max-height:100%}.opaciFondoSeccion.svelte-3q4yl8.svelte-3q4yl8{position:absolute;top:0;left:0;width:100%;height:100%}.blurFondoSeccion.svelte-3q4yl8.svelte-3q4yl8{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .7s ease}.tieneSonido.svelte-3q4yl8.svelte-3q4yl8{position:absolute;top:100px;right:30px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;z-index:1;background-color:rgba(0,0,0,0.2);border-radius:5px;;;color:#FFFFFF }.zoomoutini.svelte-3q4yl8.svelte-3q4yl8{transform:scale(1.2)}.zoomout.svelte-3q4yl8.svelte-3q4yl8{animation:svelte-3q4yl8-zoomOutCycle 26s ease-in-out infinite}@keyframes svelte-3q4yl8-zoomOutCycle{0%{transform:scale(1.2)}38.46%{transform:scale(1)}61.54%{transform:scale(1)}100%{transform:scale(1.2)}}.zoominini.svelte-3q4yl8.svelte-3q4yl8{transform:scale(1)}.zoomin.svelte-3q4yl8.svelte-3q4yl8{animation:svelte-3q4yl8-zoomInCycle 26s ease-in-out infinite}@keyframes svelte-3q4yl8-zoomInCycle{0%{transform:scale(1)}38.46%{transform:scale(1.2)}61.54%{transform:scale(1.2)}100%{transform:scale(1)}}.toleftini.svelte-3q4yl8.svelte-3q4yl8{transform:translateX(5%) scale(1.1) }.toleft.svelte-3q4yl8.svelte-3q4yl8{animation:svelte-3q4yl8-mueveToLeft 46s ease-in-out infinite}@keyframes svelte-3q4yl8-mueveToLeft{0%{transform:translateX(5%) scale(1.1) }38.46%{transform:translateX(-5%) scale(1.1)}61.54%{transform:translateX(-5%) scale(1.1)}100%{transform:translateX(5%) scale(1.1)}}.torightini.svelte-3q4yl8.svelte-3q4yl8{transform:translateX(-5%) scale(1.1) }.toright.svelte-3q4yl8.svelte-3q4yl8{animation:svelte-3q4yl8-mueveToRight 46s ease-in-out infinite}@keyframes svelte-3q4yl8-mueveToRight{0%{transform:translateX(-5%) scale(1.1) }38.46%{transform:translateX(5%) scale(1.1)}61.54%{transform:translateX(5%) scale(1.1)}100%{transform:translateX(-5%) scale(1.1)}}.totopini.svelte-3q4yl8.svelte-3q4yl8{transform:translateY(5%) scale(1.1) }.totop.svelte-3q4yl8.svelte-3q4yl8{animation:svelte-3q4yl8-mueveToTop 46s ease-in-out infinite}@keyframes svelte-3q4yl8-mueveToTop{0%{transform:translateY(5%) scale(1.1) }38.46%{transform:translateY(-5%) scale(1.1)}61.54%{transform:translateY(-5%) scale(1.1)}100%{transform:translateY(5%) scale(1.1)}}.tobottomini.svelte-3q4yl8.svelte-3q4yl8{transform:translateY(-5%) scale(1.1) }.tobottom.svelte-3q4yl8.svelte-3q4yl8{animation:svelte-3q4yl8-mueveToBottom 46s ease-in-out infinite}@keyframes svelte-3q4yl8-mueveToBottom{0%{transform:translateY(-5%) scale(1.1) }38.46%{transform:translateY(5%) scale(1.1)}61.54%{transform:translateY(5%) scale(1.1)}100%{transform:translateY(-5%) scale(1.1)}}.capaEfectos.svelte-3q4yl8.svelte-3q4yl8{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:transparent;overflow:hidden} .contTituloSeccionInt.svelte-1gnem81.svelte-1gnem81{width:auto;white-space:normal;font-size:var(--fontsizepage);position:absolute;top:0;transition:opacity 0.4s}.contTituloSeccionIntGrupo.svelte-1gnem81.svelte-1gnem81{height:100%;width:var(--ancho-contenidoint);max-width:var(--ancho-contenidoint);z-index:1;pointer-events:none}.contTituloSeccionIntGrupoVert.svelte-1gnem81.svelte-1gnem81{display:grid}.tituloSeccion.svelte-1gnem81.svelte-1gnem81{font-family:var(--fontbold);overflow:hidden;display:inline-block;background-color:transparent;padding:0;left:30px;padding-left:30px;line-height:1.1em}.tituloSeccionGr.svelte-1gnem81.svelte-1gnem81{margin-left:0;left:0}.txtTituloSeccion.svelte-1gnem81.svelte-1gnem81{position:relative;height:100%;display:flex;align-items:center;transition:color 0.3s ease, opacity 0.4s ease 0.2s, transform .4s ease-out 0.2s}.txtTituloSeccionNiv2.svelte-1gnem81.svelte-1gnem81{opacity:0}.txtTituloSeccionNiv3.svelte-1gnem81.svelte-1gnem81{opacity:0}.txtTituloSeccionIn.svelte-1gnem81.svelte-1gnem81{opacity:1;transform:translateY(0px) translateX(0px)}.fondoDark.svelte-1gnem81.svelte-1gnem81{color:#FFFFFF} .intContenidos.svelte-15cbz28{display:flex;align-items:center;justify-content:center;font-size:var(--fontsizepage);line-height:var(--lineheightpage);width:100%;height:100%;font-family:var(--fontfamilypage);display:flex;flex-direction:column;white-space:normal}.intContenidosHz.svelte-15cbz28{height:calc(100% - 40px)}.espHead.svelte-15cbz28{width:100%;height:40px;height:0}.intContenidosMain.svelte-15cbz28{display:flex;width:100%;flex:1;position:relative}.intContenidosMainColumn.svelte-15cbz28{flex-direction:column}.contTituloSeccion.svelte-15cbz28{position:absolute;width:100%;max-width:100%;flex:0 0 auto;z-index:1}.contTituloSeccionColumn.svelte-15cbz28{width:100%;max-width:100%;flex:0 0 auto}.contContenidosSeccion.svelte-15cbz28{display:grid;flex:1}.dirColumn.svelte-15cbz28{flex-direction:column}.intContenidosMain.dmPortapp.svelte-15cbz28{flex-direction:column}.contTituloSeccion.dmPortapp.svelte-15cbz28{width:100%;max-width:100%;flex:0 0 auto}.totalSecc.svelte-15cbz28{width:100%;height:100%}.boxTextCont.svelte-15cbz28{background-color:#FFFFFF;padding:10px 20px;margin:10px;border-radius:5px}.espacioTitulo.svelte-15cbz28{z-index:-1;position:relative}.columnA.svelte-15cbz28,.columnB.svelte-15cbz28,.rowA.svelte-15cbz28{width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}.opSecondRow.svelte-15cbz28,.opThirdRow.svelte-15cbz28{position:relative}.opSecondRow.svelte-15cbz28::before,.opThirdRow.svelte-15cbz28::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color1), 0.3);pointer-events:none}[slot="layoutA"],[slot="layoutB"]{width:100%;display:flex;align-items:center;justify-content:center;max-width:100%;height:100%}.cubreCol.svelte-15cbz28{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none} .classHz.svelte-e0zyqf{scroll-snap-align:start;scroll-snap-stop:always;overflow-y:hidden;position:relative;width:var(--ancho-contenidoint);scroll-snap-type:x mandatory;scroll-behavior:smooth;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:0}.contIndicaHz.svelte-e0zyqf{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:auto;background-color:#FFFFFF;display:flex;justify-content:center;align-items:center;padding:0 10px;border-radius:7px;height:24px;border:1px solid rgba(0, 0, 0, 0.15);background-color:rgba(255,255,255,0.6);background-color:rgba(255,255,255,0.6);background-color:rgba(255,255,255,1)}.btnIndicaHz.svelte-e0zyqf{cursor:pointer}.indicaHz.svelte-e0zyqf{width:7px;height:7px;border-radius:7px;margin:6px 2px;background-color:rgba(219,219,219,1);background-color:transparent;border:1px solid rgba(255,255,255,1);background-color:rgb(201, 201, 201);width:10px;height:7px;transition:height 0.15s, width 0.15s, background-color 0.15s, border-radius 0.3s}.selIndizaHz.svelte-e0zyqf{background-color:rgba(255,255,255,1);background-color:rgba(var(--color1),1);background-color:var(--bg-indicamenu);width:20px}.tipoScreenApp.dmPortapp.svelte-e0zyqf{bottom:10px}.tipoScreenApp.dmLandapp.svelte-e0zyqf{bottom:10px}.flechaSigSecc.svelte-e0zyqf,.flechaAntesSecc.svelte-e0zyqf{position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;border-radius:100px;color:#FFFFFF;cursor:pointer;font-size:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:25px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-btnifhz);color:var(--color-btnifhz);height:56px;width:56px;height:51px;width:51px}.flechaSigSecc.svelte-e0zyqf{right:10px}.flechaAntesSecc.svelte-e0zyqf{left:10px}.cubreGrSecc.svelte-e0zyqf{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}.noSelect.svelte-e0zyqf{pointer-events:none;user-select:none}.contVideoScrollSt.svelte-e0zyqf{position:absolute;top:0;left:50%;height:100%;width:0px;overflow:visible}.contVideoScrollStSP.svelte-e0zyqf{left:0%}.videoScrollSt.svelte-e0zyqf{position:sticky;top:0;background-color:transparent;display:flex;align-items:center;justify-content:center}.videoScrollStSP.svelte-e0zyqf{align-items:flex-end;padding-bottom:10px}.intVideoScrollSt.svelte-e0zyqf{background-color:transparent} .boxContenido.svelte-t9lpb7.svelte-t9lpb7{width:100%;pointer-events:none}.boxContenidoInt.svelte-t9lpb7.svelte-t9lpb7{background-color:transparent;border-radius:0;white-space:initial;display:grid;place-items:center;gap:20px}.boxContenido.column.svelte-t9lpb7 .boxContenidoInt.svelte-t9lpb7{grid-auto-flow:column}.boxContenidoIn.svelte-t9lpb7.svelte-t9lpb7{pointer-events:auto}.boxContenidoScale1.svelte-t9lpb7.svelte-t9lpb7{transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s;transform:scale(1)}.boxContenido.enSP.svelte-t9lpb7.svelte-t9lpb7{flex-direction:column}.boxContenido.enPC.svelte-t9lpb7.svelte-t9lpb7{flex-direction:row}.boxContenido.row.enPC.svelte-t9lpb7.svelte-t9lpb7{flex-direction:row}.boxContenido.row.enSP.svelte-t9lpb7.svelte-t9lpb7{flex-direction:row}.boxContenido.column.enPC.svelte-t9lpb7.svelte-t9lpb7{flex-direction:column}.boxContenido.column.enSP.svelte-t9lpb7.svelte-t9lpb7{flex-direction:column}.boxContenido.onerowtwocols.enPC.svelte-t9lpb7.svelte-t9lpb7{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.boxContenido.onerowtwocols.enSP.svelte-t9lpb7.svelte-t9lpb7{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.boxMarginBottom.svelte-t9lpb7.svelte-t9lpb7{margin-bottom:40px} .boxTexto.svelte-x2x31t{text-align:left;padding:20px 30px} .contIcono.svelte-10l30x2{display:grid;place-items:center} .boxImagen.svelte-1fwndia.svelte-1fwndia{margin:0 auto;display:block;border-radius:20px;;;background-color:rgba(0,0,0,0);overflow:visible;position:relative}.boxImagen.dmPortapp.svelte-1fwndia.svelte-1fwndia{width:100%}.boxImagen.dmLandapp.svelte-1fwndia.svelte-1fwndia{width:180px}.boxImagen.pcBigapp.svelte-1fwndia.svelte-1fwndia{width:350px}.contieneImagen.svelte-1fwndia.svelte-1fwndia{position:relative;top:0;display:flex;align-items:center;justify-content:center}.txtIconZoom.svelte-1fwndia.svelte-1fwndia{font-size:0.8em}.iconoZoom.svelte-1fwndia.svelte-1fwndia{background-color:rgba(var(--color1), 0.5);position:absolute;bottom:0px;right:0px;padding:5px 20px;color:#FFFFFF;z-index:1;font-size:1.1em;display:flex;justify-content:center;align-items:center;border-radius:5px 0 20px 5px}.boxImagen.svelte-1fwndia img.svelte-1fwndia{position:relative;border-radius:20px}.cubreImg.svelte-1fwndia.svelte-1fwndia{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color1), var(--opacitycapasb));border-radius:20px}.ampliaImagen.svelte-1fwndia.svelte-1fwndia,.fondoAmpliaImagen.svelte-1fwndia.svelte-1fwndia,.fondoAmpliaImagenB.svelte-1fwndia.svelte-1fwndia{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:2;display:flex;justify-content:center;align-items:center}.fondoAmpliaImagen.svelte-1fwndia.svelte-1fwndia{background-color:rgba(0,0,0,1);opacity:0}.fondoAmpliaImagenB.svelte-1fwndia.svelte-1fwndia{z-index:-1}.divImg.svelte-1fwndia.svelte-1fwndia{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:auto;text-align:center}.divScrollImg.svelte-1fwndia.svelte-1fwndia{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center;will-change:transform;transform:translateZ(0)}.conScroll.svelte-1fwndia.svelte-1fwndia{overflow-x:scroll;overflow-y:scroll}.contClon.svelte-1fwndia.svelte-1fwndia{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;max-width:100%;background-color:rgba(255,255,255,.45);z-index:0;opacity:0.4;display:flex;align-items:center;justify-content:center}.contImgOpen.svelte-1fwndia.svelte-1fwndia,.contImgOpenClon.svelte-1fwndia.svelte-1fwndia{position:relative;left:0;top:0;display:inline-block;align-self:center;overflow:visible}.contImgOpen.svelte-1fwndia.svelte-1fwndia{transform-origin:0% 0%;will-change:transform;transform:translateZ(0)}.contImgOpen.svelte-1fwndia img.svelte-1fwndia,.contImgOpenClon.svelte-1fwndia img.svelte-1fwndia{position:relative;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.contImgOpenClon.svelte-1fwndia img.svelte-1fwndia{visibility:hidden;opacity:0}.btnCierraImagen.svelte-1fwndia.svelte-1fwndia{position:fixed;top:7px;right:7px;cursor:pointer;background-color:rgba(var(--color1), 1);text-align:center;border-radius:var(--borderradiusbotonesif);border-radius:100px;color:white;display:flex;align-items:center;justify-content:center;width:36.5px;height:36.5px;font-size:1.32rem;pointer-events:auto;z-index:2}.puntoA.svelte-1fwndia.svelte-1fwndia,.puntoB.svelte-1fwndia.svelte-1fwndia,.puntoAClon.svelte-1fwndia.svelte-1fwndia{position:absolute;top:30px;left:40px;width:3px;height:3px;background-color:red;z-index:100;display:none}.puntoB.svelte-1fwndia.svelte-1fwndia{position:fixed;top:0;left:0;width:300px}.puntoAClon.svelte-1fwndia.svelte-1fwndia{background-color:blue}.puntoB.svelte-1fwndia.svelte-1fwndia{height:auto;color:#FFFFFF}.animaScale.svelte-1fwndia.svelte-1fwndia{transition:transform 0.3s ease, top 0.3s ease, left 0.3s ease}.animaPos.svelte-1fwndia.svelte-1fwndia{transition:top 0.3s ease, left 0.3s ease}.clonImg.svelte-1fwndia.svelte-1fwndia{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4}.imgOrig.svelte-1fwndia.svelte-1fwndia,.imgOpen.svelte-1fwndia.svelte-1fwndia{will-change:transform;transform:translateZ(0)} .boxPops.svelte-ekjjdk{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:0;opacity:0;pointer-events:none;transition:opacity 0.3s ease 0.25s}.boxPopsIn.svelte-ekjjdk{pointer-events:auto;opacity:1}.boxIntroPops.svelte-ekjjdk{background-color:#FFFFFF;z-index:1;text-align:center;display:flex}.introBoxPop.svelte-ekjjdk{text-align:center;display:flex;align-items:center;position:relative;gap:10px;margin:20px auto}.introBoxPop.svelte-ekjjdk::before,.introBoxPop.svelte-ekjjdk::after{content:"";min-width:40px;max-width:40px;flex-grow:1;height:1px;background-color:var(--color-text)}.contPops.svelte-ekjjdk{position:relative;display:grid;width:100%;height:100%;gap:25px;justify-items:center;align-items:center;justify-content:center;align-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.txtIntro.svelte-ekjjdk{padding:20px 20px;z-index:1;background-color:var(--bgintropop);color:rgba(var(--color2), 1);color:var(--colorintropop)}.cubreContPop.svelte-ekjjdk{position:absolute;top:0;left:0;width:100%;height:100%} .divImg.svelte-1aid52j.svelte-1aid52j{margin:20px;position:relative;display:grid;place-items:center}.divImg.svelte-1aid52j img.svelte-1aid52j{max-width:100%;max-height:100%} .contBotonPop.svelte-17kouw.svelte-17kouw{display:inline-block}.botonPop.svelte-17kouw.svelte-17kouw{position:relative;cursor:pointer;width:22px;height:22px;box-shadow:0 0 5px rgba(0,0,0,0.5);background-color:#FFFFFF;display:inline-block;vertical-align:middle;z-index:1}.botonPopBig.svelte-17kouw.svelte-17kouw{width:170px;height:170px}.botonPopInt.svelte-17kouw.svelte-17kouw{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;background-color:#FFFFFF;z-index:1;user-select:none}.botonPopClose.svelte-17kouw .botonPopInt.svelte-17kouw{background-color:#d3d3d3}.botonPopReady.svelte-17kouw.svelte-17kouw::before{content:'';position:absolute;top:50%;left:50%;width:150%;height:150%;border-radius:50%;transform:translate(-50%, -50%);background-color:rgba(var(--destbtnpop), 1);animation:svelte-17kouw-expandCircle 1s ease-in-out infinite;z-index:-1}.oculto.svelte-17kouw.svelte-17kouw::before{opacity:0;visibility:hidden}@keyframes svelte-17kouw-expandCircle{0%{transform:translate(-50%, -50%) scale(0.65);opacity:1}99%{transform:translate(-50%, -50%) scale(1.6);opacity:0}100%{transform:translate(-50%, -50%) scale(0.65);opacity:0}}.contBoxPop.svelte-17kouw.svelte-17kouw{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;display:grid;place-items:center;z-index:2}.hideCP.svelte-17kouw.svelte-17kouw{opacity:0;pointer-events:none;visibility:hidden;overflow:hidden;z-index:-1;display:none}.capaFondoPop.svelte-17kouw.svelte-17kouw{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity 0.3s ease 0s}.capaFondoPopIn.svelte-17kouw.svelte-17kouw{opacity:1}.boxPop.svelte-17kouw.svelte-17kouw{background-color:#FFFFFF;text-align:left}.intBoxPop.svelte-17kouw.svelte-17kouw{position:relative;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:40px;padding:10px;box-sizing:border-box;user-select:none;font-size:var(--fontsizepage);color:var(--color-text);font-family:var(--fontregular);line-height:var(--lineheightpage)}.btnCierrarPop.svelte-17kouw.svelte-17kouw{position:absolute;top:10px;right:10px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:100%;font-size:21px;cursor:pointer}.contIntBox.svelte-17kouw.svelte-17kouw{justify-content:flex-start;width:100%}.contIntBoxTitIcon.svelte-17kouw.svelte-17kouw{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;gap:10px;padding:10px}.contIntBoxTitIcon.svelte-17kouw>.svelte-17kouw:first-child{grid-column:1 / -1;grid-row:1}.contIntBoxTitIcon.svelte-17kouw>.svelte-17kouw:nth-child(2){display:flex;justify-content:center;align-items:center}.simboloPop.svelte-17kouw.svelte-17kouw{z-index:1;position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;border-radius:100px;color:var(--color-text);font-size:14px}.simboloPopTitIcon.svelte-17kouw.svelte-17kouw{height:10px;width:10px;right:0;left:inherit}.tituloPop.svelte-17kouw.svelte-17kouw,.tituloPopOpen.svelte-17kouw.svelte-17kouw{text-align:center;font-family:var(--fontmedium)}.tituloPop.svelte-17kouw.svelte-17kouw{position:relative;z-index:1;padding:0 10px}.tituloPopOpen.svelte-17kouw.svelte-17kouw{font-family:var(--fontbold);font-size:1.1em}.iconPop.svelte-17kouw.svelte-17kouw{position:relative;z-index:1} .iconDownload.svelte-ss3i5z{font-size:1.3em}.intDownloadLink.svelte-ss3i5z{display:flex;justify-content:center;align-items:center;gap:10px}.downloadLink.svelte-ss3i5z{display:inline-block;text-decoration:none} .contCarruselExt.svelte-186t469{display:flex;;;justify-content:center;align-items:center;width:100%;max-width:100%;padding:45px 0 45px 0}.contCarrusel.svelte-186t469{position:relative;display:flex;justify-content:center;align-items:center;max-height:480px}.contCarrusel.svelte-186t469::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.contCarrusel.dmPortapp.svelte-186t469{width:calc(100%);border-radius:0}.contCarrusel.dmLandapp.svelte-186t469{width:calc(100% - 140px);border-radius:calc(var(--borderradius-boxint) * 1px)}.contCarrusel.pcNormalapp.svelte-186t469{width:calc(100% - 140px);border-radius:calc(var(--borderradius-boxint) * 1px)}.contCarrusel.pcBigapp.svelte-186t469{width:calc(100% - 140px);border-radius:calc(var(--borderradius-boxint) * 1px)}.contCarrusel.dmPortapp.svelte-186t469::before{border-radius:0px}.contCarrusel.dmLandapp.svelte-186t469::before{border-radius:20px}.contCarrusel.pcNormalapp.svelte-186t469::before{border-radius:20px}.contCarrusel.pcBigapp.svelte-186t469::before{border-radius:20px}.carruselContainer.svelte-186t469{overflow:visible;width:calc(100% - 0px);margin-top:10px;margin-bottom:0px;height:auto;padding:10px 0 30px 0}.carruselInt.svelte-186t469{height:auto;height:100%}.carrusel.svelte-186t469{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;gap:10px;scrollbar-width:none;height:100%;border-radius:0}.carrusel.dmPortapp.svelte-186t469{border-radius:0}.carrusel.dmLandapp.svelte-186t469{border-radius:0}.carrusel.svelte-186t469::-webkit-scrollbar{display:none}.boton.svelte-186t469{position:absolute;bottom:-50px;transform:translateY(-50%);cursor:pointer;border-radius:50%;background-color:var(--bgbtncarrusellight);color:var(--colorbtncarrusellight);cursor:pointer;font-size:25px;display:flex;align-items:center;justify-content:center;z-index:0;cursor:pointer;font-size:25px;display:flex;align-items:center;justify-content:center;height:56px;width:56px;height:46px;width:46px}.boton.fondoDark.svelte-186t469{background-color:var(--bgbtncarruseldark);color:var(--colorbtncarruseldark);border:var(--borderbtncarruseldark)}.boton.fondoLight.svelte-186t469{background-color:var(--bgbtncarrusellight);color:var(--colorbtncarrusellight);border:var(--borderbtncarrusellight)}.boton.izquierda.svelte-186t469{right:80px}.boton.derecha.svelte-186t469{right:30px}.contIndica.svelte-186t469{display:inline-flex;position:absolute;z-index:1;margin-top:5px}.indicadores.svelte-186t469{display:flex;justify-content:center;margin-left:20px}.indicadores.dmPortapp.svelte-186t469{margin-top:10px}.indicadores.dmLandapp.svelte-186t469{margin-top:10px}.indicadores.pcNormalapp.svelte-186t469{margin-top:30px;margin-top:10px}.indicadores.pcBigapp.svelte-186t469{margin-top:10px}.btnIndicaHz.svelte-186t469{cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0 2px}.indicador.svelte-186t469{width:10px;height:10px;background:lightgray;border-radius:50%;width:10px;height:3px;border-radius:10px;background-color:rgba(255,255,255,0.6);transition:height 0.15s, width 0.15s, background-color 0.15s, border-radius 0.3s}.indicador.active.svelte-186t469{background-color:rgba(255,255,255,1);width:20px}.contTextoini.svelte-186t469{align-self:self-start}.numItemAct.svelte-186t469{position:absolute;top:-27px;right:40px;max-width:650px;font-family:var(--fontregular);color:#FFFFFF;color:rgba(var(--color1),1);font-size:18px;display:flex;align-items:center;justify-content:flex-end;z-index:1}.spanNum.svelte-186t469{display:inline-block;font-size:1.75em;font-family:var(--fontsec)}.numItemAct.fondoDark.svelte-186t469{color:var(--colornumitemdark)}.numItemAct.fondoLight.svelte-186t469{color:var(--colornumitemlight)}.lineaNum.svelte-186t469{width:50px;border-radius:100px;background-color:rgba(var(--color3), 1);position:absolute;bottom:-5px;right:0}.lineaNum.fondoDark.svelte-186t469{background-color:var(--bglineanumdark)}.lineaNum.fondoLight.svelte-186t469{background-color:var(--bglineanumlight)}.indicador.fondoDark.svelte-186t469{background-color:rgba(255,255,255, 1);background-color:var(--bgindicacardark)}.indicador.fondoLight.svelte-186t469{background-color:var(--bgindicacarlight)}.flexCol.svelte-186t469{flex-direction:column}.layoutOut.svelte-186t469{opacity:0}.layoutIn.svelte-186t469{opacity:1}.cubreCarrusel.svelte-186t469{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);opacity:0;opacity:1}.contCarruselTotal.svelte-186t469{max-width:100%;z-index:1} .carruselItem.svelte-1i9ujl0.svelte-1i9ujl0{flex:0 0 240px;scroll-snap-align:center;border-radius:calc(var(--borderradius-boxint) * 1px);overflow:hidden;display:flex;align-items:center;justify-content:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:left;position:relative;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:cover}.bgClosed.svelte-1i9ujl0.svelte-1i9ujl0{background-color:rgba(0,0,0,0.4)}.visible.svelte-1i9ujl0.svelte-1i9ujl0{opacity:1;pointer-events:auto}.novisible.svelte-1i9ujl0.svelte-1i9ujl0{opacity:0;pointer-events:none}.contSlot.svelte-1i9ujl0.svelte-1i9ujl0{width:100%;display:grid;align-items:center;justify-items:center;gap:20px;background-color:transparent;position:relative}.contFondoCard.svelte-1i9ujl0.svelte-1i9ujl0{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFFFFF}.elemFondoCard.svelte-1i9ujl0.svelte-1i9ujl0{color:white;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.elemFondoCard.svelte-1i9ujl0 img.svelte-1i9ujl0{position:absolute;top:0;min-height:100%;max-height:100%;min-width:100%;object-fit:cover}.itemBoxBottom.svelte-1i9ujl0.svelte-1i9ujl0{background-color:rgba(255,255,255,0.9);padding:20px 30px;width:100%;border-radius:0 0 40px 0;align-self:end;margin-left:auto}.itemBottom.svelte-1i9ujl0.svelte-1i9ujl0{align-self:end}.itemTop.svelte-1i9ujl0.svelte-1i9ujl0{align-self:start}.opaciFondoCard.svelte-1i9ujl0.svelte-1i9ujl0{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.center.svelte-1i9ujl0.svelte-1i9ujl0{align-self:center}.start.svelte-1i9ujl0.svelte-1i9ujl0{align-self:start}.end.svelte-1i9ujl0.svelte-1i9ujl0{align-self:end} .itemCarruselHomeInt.svelte-14smnhj.svelte-14smnhj{flex:0 0 auto;width:calc(var(--ancho-contenidoint) * 0.28);height:calc(100% - 20px);background-color:#FFFFFF;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;font-size:23px;border-radius:10px;transition:height 0.3s ease, width 0.3s ease, border 0s ease;cursor:pointer;box-sizing:content-box;border:0px solid transparent;margin:10px 0 10px 0;margin:10px;position:relative;border-radius:var(--borderradiusbtnpage)}.itemCarruselHomeInt.activoA.svelte-14smnhj.svelte-14smnhj{width:calc(var(--ancho-contenidoint) * 0.46)}.fondoBtnCarr.svelte-14smnhj.svelte-14smnhj{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--borderradiusbtnpage);pointer-events:none}.elemenFondoBtnCarr.svelte-14smnhj.svelte-14smnhj{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--borderradiusbtnpage);overflow:hidden}.elemenFondoBtnCarr.svelte-14smnhj video.svelte-14smnhj{position:absolute;top:0;min-height:100%;min-width:100%;max-height:100%;object-fit:cover;border-radius:var(--borderradiusbtnpage)}.capaFondoBtn.svelte-14smnhj.svelte-14smnhj{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--borderradiusbtnpage);background:linear-gradient( to bottom, rgba(var(--color1), 0.1) 0%, rgba(var(--color1), 0.1) 40%, rgba(var(--color1), 0.3) 60%, rgba(var(--color1), 0.5) 80%, rgba(var(--color1), 0.7) 100% );transition:opacity 0.5s ease}.capaFondoBtnSel.svelte-14smnhj.svelte-14smnhj{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to bottom, rgba(var(--color1), 0) 0%, rgba(var(--color1), 0) 40%, rgba(var(--color1), 0.2) 60%, rgba(var(--color1), 0.4) 80%, rgba(var(--color1), 0.7) 100% );transition:opacity 0.5s ease}.opacity0.svelte-14smnhj.svelte-14smnhj{opacity:0}.opacity1.svelte-14smnhj.svelte-14smnhj{opacity:1}.tituloPageBtn.svelte-14smnhj.svelte-14smnhj{z-index:1;padding:20px;display:flex;justify-content:center;align-self:self-end;color:#FFFFFF;width:100%;font-family:var(--fontbold);text-align:center;border-radius:0 0 var(--borderradiusbtnpage) var(--borderradiusbtnpage)}.activoTit.svelte-14smnhj.svelte-14smnhj{text-align:left;justify-content:flex-start}.spanTituloPageBtn.svelte-14smnhj.svelte-14smnhj{padding:0px;font-size:1em;line-height:1;transition:font-size 0.3s ease, padding 0.3s ease}.spanActivoTit.svelte-14smnhj.svelte-14smnhj{font-size:1.3em;padding:0px 10px}.contOpenCarr.svelte-14smnhj.svelte-14smnhj{position:fixed;top:0;left:calc(var(--ancho-menu) * 1px);height:var(--alto-contenidoint);width:var(--ancho-contenidoint);overflow:hidden}.elemOpenCarr.svelte-14smnhj.svelte-14smnhj{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.elemOpenCarr.svelte-14smnhj video.svelte-14smnhj{position:absolute;top:0;min-height:100%;min-width:100%;max-height:100%;object-fit:cover}.videoA.svelte-14smnhj.svelte-14smnhj{transform:translateZ(0)} .displayHomeCarrusel.svelte-14wu7gj.svelte-14wu7gj{position:absolute;top:0;left:0;width:100%;height:calc(100 * var(--vh));display:flex;flex-direction:column;z-index:1;overflow:hidden}.logoHeadCarrusel.svelte-14wu7gj img.svelte-14wu7gj{max-height:45px;margin-left:50px}.contHeadHomeCarrusel.svelte-14wu7gj.svelte-14wu7gj{height:80px;background-color:black;display:flex;align-items:center}.contCarruselHome.svelte-14wu7gj.svelte-14wu7gj{height:auto;flex-grow:1;background-color:black;padding:0px 0 0px 0px;display:flex;position:relative}.btnCarrusel.svelte-14wu7gj.svelte-14wu7gj{position:absolute;width:70px;height:70px;background-color:red;cursor:pointer}.btnCarruselNext.svelte-14wu7gj.svelte-14wu7gj{top:100px;right:100px}.btnCarruselLast.svelte-14wu7gj.svelte-14wu7gj{top:100px;left:100px}.carruselHome.svelte-14wu7gj.svelte-14wu7gj{display:flex;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:0;scroll-behavior:smooth;height:calc(100% - 40px)}.spaceItem.svelte-14wu7gj.svelte-14wu7gj{flex:0 0 calc((var(--ancho-pantalla) - var(--ancho-contenidoint) * 0.46)/2 - 21px);pointer-events:none}.contTituloCursoCarrusel.svelte-14wu7gj.svelte-14wu7gj{height:120px;background-color:white;display:flex;align-items:center;justify-content:center}.outline.svelte-14wu7gj.svelte-14wu7gj{border:2px solid #FFFFFF;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--borderradiusbtnpage);z-index:1;pointer-events:none}.itemCarruselHome.svelte-14wu7gj.svelte-14wu7gj{flex:0 0 auto;width:auto;height:calc(100% - 24px);scroll-snap-align:center;display:flex;align-items:center;justify-content:center;font-size:23px;border-radius:10px;transition:width 0.3s ease, border 0s ease;cursor:pointer;box-sizing:content-box;border:0px solid transparent;margin:10px 0 10px 0;position:relative;border-radius:var(--borderradiusbtnpage)}.btnCarrusel.svelte-14wu7gj.svelte-14wu7gj{position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;border-radius:100px;background-color:rgba(var(--color1),1);color:#FFFFFF;cursor:pointer;font-size:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:25px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-btnif);color:var(--color-btnif);height:56px;width:56px;height:51px;width:51px}.btnCarruselNext.svelte-14wu7gj.svelte-14wu7gj{right:10px}.btnCarruselLast.svelte-14wu7gj.svelte-14wu7gj{left:10px}.contIndicaCarrHome.svelte-14wu7gj.svelte-14wu7gj{position:absolute;bottom:10px;width:100%;height:20px;background-color:transparent;display:flex;justify-content:center;align-items:center;gap:10px}.indicaCarr.svelte-14wu7gj.svelte-14wu7gj{cursor:pointer;border:1px solid rgba(255,255,255,1);background-color:rgb(201, 201, 201);width:10px;height:7px;border-radius:7px;transition:height 0.15s, width 0.15s, background-color 0.15s, border-radius 0.3s}.indicaCarrSel.svelte-14wu7gj.svelte-14wu7gj{background-color:rgba(255,255,255,1);width:20px} .contOpciones.svelte-hqpu1h.svelte-hqpu1h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;flex-direction:column;padding:20px;width:100%}.contOpcionesCols.svelte-hqpu1h.svelte-hqpu1h{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-direction:row;padding:20px;width:100%}.opcion.svelte-hqpu1h.svelte-hqpu1h{position:relative;display:flex;align-items:center;padding:7px;width:calc(100% - 16px);cursor:pointer;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.2em;transition:opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease}.opcion.svelte-hqpu1h.svelte-hqpu1h:focus{border:1px solid rgba(0,0,0,0.2)}.opcion.seleccionada.svelte-hqpu1h.svelte-hqpu1h{border:1px solid transparent;opacity:1}.opcion.seleccionada.correcta.svelte-hqpu1h.svelte-hqpu1h{background:none;background-color:rgba(var(--color-correcto),0.1);color:rgba(var(--color-correcto),1)}.opcion.seleccionada.incorrecta.svelte-hqpu1h.svelte-hqpu1h{background:none;color:white;background-color:rgba(var(--color-incorrecto),0.1);color:rgba(var(--color-incorrecto),1)}.iconOpt.svelte-hqpu1h.svelte-hqpu1h{width:30px;height:30px;border-radius:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.2);flex-shrink:0}.iconOptInt.svelte-hqpu1h.svelte-hqpu1h{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.seleccionada.svelte-hqpu1h .iconOpt.svelte-hqpu1h{background:linear-gradient(white, white) padding-box, linear-gradient(to right, rgba(var(--color1),1), rgba(var(--color2),1)) border-box;border:1px solid transparent}.seleccionada.correcta.svelte-hqpu1h .iconOpt.svelte-hqpu1h,.seleccionada.incorrecta.svelte-hqpu1h .iconOpt.svelte-hqpu1h{background:none;background-color:#FFFFFF}.seleccionada.correcta.svelte-hqpu1h .iconOpt.svelte-hqpu1h{color:rgba(var(--color-correcto),1)}.seleccionada.incorrecta.svelte-hqpu1h .iconOpt.svelte-hqpu1h{color:rgba(var(--color-incorrecto),1)}.seleccionada.svelte-hqpu1h .iconOptInt.svelte-hqpu1h{background:linear-gradient(to right, rgba(var(--color1),1), rgba(var(--color2)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.actividad.svelte-hqpu1h.svelte-hqpu1h{opacity:0;pointer-events:none;transition:opacity 0.3s ease 0.25s}.actividadIn.svelte-hqpu1h.svelte-hqpu1h{pointer-events:auto;opacity:1} .background.svelte-adnim5{height:100%;position:relative}.noneTouch.svelte-adnim5{touch-action:none}.contBox.svelte-adnim5{background:#E5E5E5;border-radius:10px}.box.svelte-adnim5{background:white;border-radius:10px;padding:5px 10px;position:relative;display:flex;justify-content:center;align-content:center;top:0px;left:0px;border:2px solid #E5E5E5;cursor:pointer}.drag-area.svelte-adnim5{background:white;width:100%;height:100%;border-radius:30px}.unselectable.svelte-adnim5{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.contienePalabras.svelte-adnim5{width:100%;position:absolute;bottom:0;left:0;display:inline-flex;flex-wrap:wrap;gap:10px;padding:10px;justify-content:center;align-items:center}.espacio.svelte-adnim5{display:inline-block;border-bottom:2px solid #B7B7B7;vertical-align:middle}.parrafoInt.svelte-adnim5{padding:10px 20px;opacity:0.7}.noTouch.svelte-adnim5{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.boxRetro.svelte-adnim5{position:absolute;bottom:5px;left:5px;border-radius:20px;width:calc(100% - 10px);color:#FFFFFF;z-index:2;background-color:rgba(var(--color1),1)}.intBoxRetro.svelte-adnim5{position:relative;top:0;left:0;width:100%;height:100%;padding:20px}.btnCerrarRetro.svelte-adnim5{position:absolute;top:5px;right:5px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:100%;font-size:21px;cursor:pointer;z-index:2}.txtResp.svelte-adnim5{font-family:var(--fontmedium);margin-bottom:10px}.botonRetro.svelte-adnim5{position:absolute;bottom:5px;right:5px;cursor:pointer;width:22px;height:22px;box-shadow:0 0 5px rgba(0,0,0,0.5);background-color:rgba(var(--color1),1);display:inline-block;vertical-align:middle;z-index:2}.actividad.svelte-adnim5{opacity:0;pointer-events:none;transition:opacity 0.3s ease 0.25s}.actividadIn.svelte-adnim5{pointer-events:auto;opacity:1} .contOpciones.svelte-pgz2r.svelte-pgz2r{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-direction:row;padding:20px;width:100%}.opcion.svelte-pgz2r.svelte-pgz2r{position:relative;display:flex;align-items:center;gap:16px;padding:7px;width:calc(100% - 16px);cursor:pointer;justify-content:center;font-size:2.2em;color:var(--color-opcionvf);pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease}.opcion.svelte-pgz2r.svelte-pgz2r:focus{border:1px solid rgba(0,0,0,0.2)}.opcion.seleccionada.svelte-pgz2r.svelte-pgz2r{border:1px solid transparent;opacity:1}.opcion.seleccionada.correcta.svelte-pgz2r.svelte-pgz2r{background:none;background-color:rgba(var(--color-correcto),0.1);color:rgba(var(--color-correcto),1)}.opcion.seleccionada.incorrecta.svelte-pgz2r.svelte-pgz2r{background:none;color:white;background-color:rgba(var(--color-incorrecto),0.1);color:rgba(var(--color-incorrecto),1)}.iconOpt.svelte-pgz2r.svelte-pgz2r{width:30px;height:30px;border-radius:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.2);flex-shrink:0;display:none}.iconOptInt.svelte-pgz2r.svelte-pgz2r{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.seleccionada.svelte-pgz2r .iconOpt.svelte-pgz2r{background:linear-gradient(white, white) padding-box, linear-gradient(to right, rgba(var(--color1),1), rgba(var(--color2),1)) border-box;border:1px solid transparent}.seleccionada.correcta.svelte-pgz2r .iconOpt.svelte-pgz2r,.seleccionada.incorrecta.svelte-pgz2r .iconOpt.svelte-pgz2r{background:none;background-color:#FFFFFF}.seleccionada.correcta.svelte-pgz2r .iconOpt.svelte-pgz2r{color:rgba(var(--color-correcto),1)}.seleccionada.incorrecta.svelte-pgz2r .iconOpt.svelte-pgz2r{color:rgba(var(--color-incorrecto),1)}.seleccionada.svelte-pgz2r .iconOptInt.svelte-pgz2r{background:linear-gradient(to right, rgba(var(--color1),1), rgba(var(--color2)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.actividad.svelte-pgz2r.svelte-pgz2r{opacity:0;pointer-events:none;transition:opacity 0.3s ease 0.25s}.actividadIn.svelte-pgz2r.svelte-pgz2r{pointer-events:auto;opacity:1} canvas.svelte-1cwbwfk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;background:transparent;border-radius:inherit} canvas.svelte-1cwbwfk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;background:transparent;border-radius:inherit} canvas.svelte-1cwbwfk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;background:transparent;border-radius:inherit} canvas.svelte-1cwbwfk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;background:transparent;border-radius:inherit} .tablaWrapper.svelte-1128s8d{position:relative;width:100%;margin:1.5rem 0;border-radius:8px;border:1px solid rgba(0, 0, 0, 0.1);background-color:#fff;isolation:isolate;overflow:hidden}.tablaScroll.svelte-1128s8d{width:100%;max-height:50vh;overflow:auto;-webkit-overflow-scrolling:touch;margin:0.5rem 0;padding-bottom:0;border-radius:8px;border:1px solid rgba(0, 0, 0, 0.1);background-color:#fff;color:var(--color-text);position:relative;isolation:isolate;overflow-clip-margin:content-box;scrollbar-gutter:stable both-edges;display:flex;justify-content:center}.tablaWrapper.svelte-1128s8d::after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top, rgba(255, 255, 255, 1), transparent);z-index:3;pointer-events:none;opacity:0;transition:opacity 0.3s ease;pointer-events:none;user-select:none}.tablaWrapper.svelte-1128s8d::before{content:"";position:absolute;top:0;right:0;width:80px;height:100%;background:linear-gradient(to left, rgba(255, 255, 255, 1), transparent);z-index:3;pointer-events:none;opacity:0;transition:opacity 0.3s ease;pointer-events:none;user-select:none}.tablaWrapper.scroll-bottom::after{opacity:1}.tablaWrapper.scroll-right::before{opacity:1}.tablaWrapper.has-scroll-horizontal::after{transform:translateY(-16px)}.tablaWrapper.has-scroll-vertical::before{transform:translateX(-9px)}.tablaScroll.svelte-1128s8d::-webkit-scrollbar{width:8px;height:8px}.tablaScroll.svelte-1128s8d::-webkit-scrollbar-thumb{background-color:rgba(var(--bg-scrollbarmenu), 0.4);border-radius:4px;border:2px solid transparent;background-clip:content-box}.tablaScroll.svelte-1128s8d:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--bg-scrollbarmenu), 0.8);border-width:0}.tablaCont{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;background-color:#fff;color:var(--color-text);min-width:600px;position:relative}.tablaCont th,.tablaCont td{padding:0.6em 1em;border-bottom:1px solid rgba(0, 0, 0, 0.08);vertical-align:top;background-color:#fff}.tablaCont th{font-family:var(--fontbold)}.tablaCont th b{color:var(--color-text)}.tablaCont thead th{position:sticky;top:0;z-index:4;background-color:#f3f4f6}.tablaCont th:first-child,.tablaCont td:first-child{position:sticky;left:0;z-index:3;background-color:#f9fafb}.tablaCont thead th:first-child{z-index:5;background-color:#f3f4f6}.tablaCont tr:nth-child(even) td{background-color:#fafafa}.tablaCont tr:hover td{background-color:#f0f8ff;transition:background-color 0.2s ease} .enlace.svelte-18ku3xy{color:rgb(255,255,255);text-decoration:underline;cursor:pointer;font-weight:500}.enlace.svelte-18ku3xy:hover{opacity:0.8} .fondoTotal.svelte-9eihsf.svelte-9eihsf{position:absolute;width:100%;height:100%;background:linear-gradient(135deg, rgba(255,255,255,1) 40%, rgba(var(--color1),0.7) 100%);z-index:-1}.contArrowsIf.svelte-9eihsf.svelte-9eihsf{background-color:transparent}.contArrow.svelte-9eihsf.svelte-9eihsf{height:56px;width:56px}.arrowsIf.svelte-9eihsf.svelte-9eihsf{position:fixed;transform:translateY(-50%) translateX(+50%);top:50%;right:calc((var(--ancho-flechasif)/2) * 1px);display:flex;flex-direction:column;gap:20px}.arrowIf.svelte-9eihsf.svelte-9eihsf{height:50px;width:50px;border-radius:100px;background-color:rgba(var(--color1),1);color:#FFFFFF;cursor:pointer;font-size:25px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-btnif);color:var(--color-btnif);height:56px;width:56px;border:var(--border-btnif)}.gridMaim.svelte-9eihsf.svelte-9eihsf{display:grid;grid-template-columns:calc(var(--ancho-menu) * 1px ) 1fr calc(var(--ancho-flechasif) * 1px);width:100%}.gridMaimA.svelte-9eihsf.svelte-9eihsf{display:grid;grid-template-columns:calc(var(--ancho-menu) * 1px ) 1fr;width:100%}.gridMaimB.svelte-9eihsf.svelte-9eihsf{display:grid;grid-template-columns:1fr calc(var(--ancho-flechasif) * 1px);width:100%}.intApp.svelte-9eihsf.svelte-9eihsf{max-height:calc(100 * var(--vh));overflow:hidden;position:relative}.numPage.svelte-9eihsf.svelte-9eihsf{font-family:var(--fontsec);position:fixed;top:30px;right:40px;width:auto;height:auto;padding:0px 10px;border-radius:5px;display:flex;align-items:center;justify-content:center;z-index:1;color:rgba(var(--color6), 1);background-color:transparent;font-size:1.6rem;pointer-events:none;user-select:none}.fondoCurso.svelte-9eihsf.svelte-9eihsf{position:fixed;height:var(--alto-contenidoint);width:var(--ancho-contenidoint);display:flex;align-items:center;justify-content:center;z-index:-1;overflow:hidden;border-radius:var(--borderradius-contenidoint);background-color:var(--bg-fondocurso)}.fondoCurso.svelte-9eihsf img.svelte-9eihsf,.fondoCurso.svelte-9eihsf video.svelte-9eihsf{position:absolute;top:0;max-height:100%;min-height:100%;min-width:100%;object-fit:cover}.opacFondoCurso.svelte-9eihsf.svelte-9eihsf,.blurFondoCurso.svelte-9eihsf.svelte-9eihsf{position:absolute;top:0;left:0;width:100%;height:100%}.opacFondoCurso.svelte-9eihsf.svelte-9eihsf{background-color:rgba(var(--color1), 0.1);background-color:rgba(255,255,255, 0.1);transition:background-color 0.4s ease}.opacFondoCursoAct.svelte-9eihsf.svelte-9eihsf{background-color:rgba(var(--color2), 0.1)}.blurFondoCurso.svelte-9eihsf.svelte-9eihsf{opacity:0;transition:opacity .3s ease;transform:translateZ(0)}.consolaMain.svelte-9eihsf.svelte-9eihsf{position:fixed;top:100px;right:100px;width:170px;height:auto;background-color:aqua;z-index:100}.fontsFam.svelte-9eihsf.svelte-9eihsf{position:fixed;top:0;left:0;font-size:1px}.fontsFam1.svelte-9eihsf.svelte-9eihsf{font-family:var(--fontregular)}.fontsFam2.svelte-9eihsf.svelte-9eihsf{font-family:var(--fontmedium)}.fontsFam3.svelte-9eihsf.svelte-9eihsf{font-family:var(--fontbold)}.fontsFam4.svelte-9eihsf.svelte-9eihsf{font-family:var(--fontsec)}.logo.svelte-9eihsf.svelte-9eihsf{position:absolute;left:30px;top:30px;cursor:pointer;z-index:1}.contLogoMarca.svelte-9eihsf.svelte-9eihsf{letter-spacing:normal;font-size:18px;margin-bottom:30px}.logoMarca.svelte-9eihsf.svelte-9eihsf{font-family:"Elianto";font-size:45px;-webkit-text-stroke:2px white;color:transparent}.logo.dmPortapp.svelte-9eihsf img.svelte-9eihsf,.logo.dmLandapp.svelte-9eihsf img.svelte-9eihsf{height:40px}.logo.pcNormalapp.svelte-9eihsf img.svelte-9eihsf{height:50px}.logo.pcBigapp.svelte-9eihsf img.svelte-9eihsf{height:60px }.spanNum.svelte-9eihsf.svelte-9eihsf{display:inline-block;font-size:3.8rem}.spanProg.svelte-9eihsf.svelte-9eihsf{display:inline-block;font-family:var(--fontmedium)}.menuMain.svelte-9eihsf.svelte-9eihsf{position:fixed;top:0;left:0;width:calc(var(--ancho-menu) * 1px );height:calc(100 * var(--vh));display:grid;grid-template-rows:90px 1fr;height:100vh;overflow:hidden;border-right:var(--borderright-menu);z-index:-1;user-select:none;background:var(--bgmenu)}.headMainMenu.svelte-9eihsf.svelte-9eihsf{background-color:var(--bg-headmenu);display:flex;align-items:center;height:70px;transition:margin-left 0.3s ease}.contBtnMenu.svelte-9eihsf.svelte-9eihsf{font-size:25px}.contLogoMenu.svelte-9eihsf.svelte-9eihsf{transition:margin 0.3s ease, transform 0.3s ease;margin-left:50%;transform:translateX(-50%)}.contLogoMenu.svelte-9eihsf img.svelte-9eihsf{display:block}.contLogoMenu.dmPortapp.svelte-9eihsf img.svelte-9eihsf{height:30px}.contLogoMenu.dmLandapp.svelte-9eihsf img.svelte-9eihsf{height:30px}.contLogoMenu.pcNormalapp.svelte-9eihsf img.svelte-9eihsf{height:30px}.contLogoMenu.pcBigapp.svelte-9eihsf img.svelte-9eihsf{height:30px}.contLogoMenu.svelte-9eihsf img.svelte-9eihsf,.contLogoMenuIn.svelte-9eihsf img.svelte-9eihsf{transition:margin-left 0.3s ease, height 0.3s ease}.dmPortapp.contLogoMenuIn.svelte-9eihsf img.svelte-9eihsf{height:25px;margin-left:40px}.dmLandapp.contLogoMenuIn.svelte-9eihsf img.svelte-9eihsf{height:25px;margin-left:40px}.pcNormalapp.contLogoMenuIn.svelte-9eihsf img.svelte-9eihsf{height:25px;margin-left:40px}.pcBigapp.contLogoMenuIn.svelte-9eihsf img.svelte-9eihsf{height:25px;margin-left:40px}.contPage.svelte-9eihsf.svelte-9eihsf{position:relative}.progresoTotal.svelte-9eihsf.svelte-9eihsf{background-color:var(--bg-boxprogreso);color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin-top:20px;border-radius:20px 20px 0 0}.allProgresoTotal.svelte-9eihsf.svelte-9eihsf{width:calc(100% - 40px)}.contBarraProgTotal.svelte-9eihsf.svelte-9eihsf{width:calc(100%);height:5px;background-color:rgba(255,255,255,0.7);border-radius:20px;overflow:hidden;margin:5px 0;;}.intBarraProgTotal.svelte-9eihsf.svelte-9eihsf{height:100%;background-color:#FFFFFF;background-color:rgb(var(--color2));transition:width 0.5s ease}.txtProgTotal.svelte-9eihsf.svelte-9eihsf{font-size:calc(var(--fontsizepage) - 3px);line-height:1em;padding:5px 0;text-align:center;color:var(--color-text)}.capaLoader.svelte-9eihsf.svelte-9eihsf{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFFFFF;z-index:3}.logossec.svelte-9eihsf.svelte-9eihsf{position:absolute;bottom:20px;left:30px;height:70px}