/* Centrado seguro del escenario, sin mover botoneras */
#appContainer{
    position:absolute !important;
    margin:0 !important;
    transform:none !important;
    -webkit-transform:none !important;
}

/* No recentrar GUI/botoneras */
#guiContainer,
#leftPanel,
#rightPanel,
#centerPanel,
#audioPanel,
#toolsMenu{
    transform:none !important;
}


#loadingText{
    background-image:none !important;
    background:none !important;
    color:#ffffff !important;
    font-family:Arial,sans-serif !important;
    font-size:42px !important;
    font-weight:bold !important;
    text-align:center !important;
    letter-spacing:3px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.35) !important;
}

#loadingText::before {
    content: "Cargando";
    font-size: 23px;
    letter-spacing: 0;
    color: yellow;
}



#preloader{
    position:fixed !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    width:100vw !important;
    height:100vh !important;
    min-width:100vw !important;
    min-height:100vh !important;
    z-index:2147483646 !important;
    overflow:hidden !important;
    background:#00a63c !important;
    background-color:#00a63c !important;
    background-image:none !important;
}

body #preloader{
    background:#00a63c !important;
    background-color:#00a63c !important;
    background-image:none !important;
}

html,
body,
body#mainBody,
body#mainBody[style]{
    width:100vw !important;
    height:100vh !important;
    min-width:100vw !important;
    min-height:100vh !important;
    margin:0 !important;
    margin-left:0 !important;
    margin-top:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(40, 143, 39, 1) 0%, rgba(55, 148, 100, 1) 47%, rgba(32, 214, 66, 1) 100%) !important;
    zoom:1 !important;
    transform:none !important;
    -webkit-transform:none !important;
    -moz-transform:none !important;
    -ms-transform:none !important;
    scale:none !important;
    transform-origin:left top !important;
}

#mainBody{
    margin:0 !important;
    transform:none !important;
    -webkit-transform:none !important;
    margin-left:0 !important;
    margin-top:0 !important;
}

#appContainer{
    position:absolute !important;
    zoom:1 !important;
    scale:none !important;
    transform:none !important;
    -webkit-transform:none !important;
    margin:0 !important;
    visibility:visible !important;
    display:block !important;
}

#pageDIV,
#pageDiv,
#pageLayer,
#PageDiv,
#contentDIV,
#contentDiv,
#ContentDiv,
#trivPage{
    zoom:1 !important;
    scale:none !important;
}

/* Título flotante clonado desde dcon/dcon2 */
#wc-top-title{
    position:fixed !important;
    top:10px !important;
    left:18px !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
    width:auto !important;
    max-width:calc(100vw - 180px) !important;
    height:auto !important;
    color:#fff !important;
    font-family:Arial, sans-serif !important;
    font-size:18px !important;
    font-weight:bold !important;
    line-height:1.15 !important;
    text-shadow:0 2px 4px rgba(0,0,0,.65) !important;
    background:transparent !important;
    overflow:visible !important;
}

#wc-top-title *{
    position:static !important;
    visibility:visible !important;
    display:inline !important;
    color:inherit !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    background:transparent !important;
    text-shadow:inherit !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
}

#wc-top-title .wc-yellow{
    color:#ffd84a !important;
}

/* Logo flotante */
#wc-top-logo{
    position:fixed !important;
    top:8px !important;
    right:18px !important;
    left:auto !important; left:auto !important;
    z-index:2147483647 !important;
    max-width:135px !important;
    max-height:60px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    pointer-events:none !important;
}

/* Oculta el título/logo original dentro del canvas solo después de clonar */
.wc-original-title-hidden{
    visibility:hidden !important;
}

.wc-original-logo-hidden{
    visibility:hidden !important;
}

div[name="dcon2"].wc-hide-dcon2-title-only,
span.wc-hide-dcon2-title-only,
strong.wc-hide-dcon2-title-only{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

#wndPage{
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
}

/* Ocultar títulos internos que reaparecen al cambiar lámina */
.wc-hide-dcon2-title-only,
.wc-hide-dcon2-title-only *{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* Evitar parpadeo del título original desde el primer render */
#appContainer div[name="dcon2"],
#appContainer div[name="dcon"] div[name="dcon2"]{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* PERSISTENT_TITLE_HIDE_CSS: ocultar el título interno de barra superior desde el primer render */
#appContainer div[name="dcon2"],
#appContainer div[name="dcon"] > div[name="dcon2"]{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* Fondo general: quitar solo la imagen vieja del contenedor principal */
#appContainer{
    background-image:none !important;
}

/* Ocultar título interno superior desde el primer render, sin tocar el panel de contenido */
#appContainer div[name="dcon2"]{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Ocultar logo interno de la cápsula; se mantiene el logo flotante #wc-top-logo */
#appContainer img[src*="HMH_Logo"],
#appContainer img[src*="Logo"],
#appContainer img[alt*="Logo"],
#appContainer img[alt*="Desafio"],
#appContainer img[alt*="Desafío"],
#appContainer div[id*="logo"],
#appContainer div[id*="Logo"]{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* Ocultar títulos internos superiores y logos internos detectados */
.wc-hide-inner-lesson-title,
.wc-hide-inner-logo{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* Paneles desplegables asociados a botoneras flotantes */
#audioPanel{
    position:fixed !important;
    right:106px !important;
    bottom:144px !important;
    left:auto !important;
    top:auto !important;
    z-index:2147483647 !important;
    transform:none !important;
    -webkit-transform:none !important;
    zoom:1 !important;
    scale:none !important;
}

#toolsMenu{
    position:fixed !important;
    left:144px !important;
    bottom:108px !important;
    right:auto !important;
    top:auto !important;
    z-index:2147483647 !important;
    transform:none !important;
    -webkit-transform:none !important;
    zoom:1 !important;
    scale:none !important;
}

#audioPanel *,
#toolsMenu *{
    pointer-events:auto !important;
}


/* CCPanel: subtítulos/closed captions bajo el contenido, sin tapar la lámina */
#CCPanel{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:115px !important;
    top:auto !important;
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
    z-index:2147483647 !important;
    zoom:1 !important;
    scale:none !important;
    pointer-events:auto !important;
}

#CCPanel *,
.ccBubbleWidget,
.ccBubbleWidget *{
    pointer-events:auto !important;
}

#leftPanel{
    position:fixed !important;
    left:10px !important;
    right:auto !important;
    bottom:20px !important;
    top:auto !important;
    z-index:2147483000 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    -webkit-transform:none !important;
    zoom:1 !important;
}

#rightPanel{
    position:fixed !important;
    right:10px !important;
    left:auto !important;
    bottom:20px !important;
    top:auto !important;
    z-index:2147483000 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    -webkit-transform:none !important;
    zoom:1 !important;
}

#centerPanel{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:10px !important;
    top:auto !important;
    z-index:2147483000 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
    zoom:1 !important;
}

#guiContainer{
    pointer-events:auto !important;
    z-index:2147482999 !important;
}

#wc916-debug{
    position:fixed !important;
    right:8px !important;
    bottom:8px !important;
    z-index:2147483647 !important;
    background:rgba(0,0,0,.65) !important;
    color:#fff !important;
    font:11px Arial !important;
    padding:4px 6px !important;
    border-radius:4px !important;
    pointer-events:none !important;
    display:block !important;
}

/* Botoneras siempre flotantes en viewport */
#guiContainer{
    transform:none !important;
    -webkit-transform:none !important;
}

#leftPanel{
    position:fixed !important;
    left:10px !important;
    right:auto !important;
    bottom:20px !important;
    top:auto !important;
    transform:none !important;
    -webkit-transform:none !important;
    z-index:2147483647 !important;
}

#rightPanel{
    position:fixed !important;
    right:10px !important;
    left:auto !important;
    bottom:20px !important;
    top:auto !important;
    transform:none !important;
    -webkit-transform:none !important;
    z-index:2147483647 !important;
}

#centerPanel{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:10px !important;
    top:auto !important;
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
    z-index:2147483647 !important;
}



/* Título superior clonado desde el primer p[_triv="1"] */
#wc-fixed-title{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:100vw !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
    background:rgba(0,128,0,.92) !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
}

#wc-fixed-title p{
    margin:0 !important;
    padding:0 !important;
    line-height:1.2 !important;
    white-space:normal !important;
}

#wc-fixed-title span,
#wc-fixed-title strong{
    font-size:18px !important;
}

/* Oculta SOLO el título original usado como fuente, no todos los dCon */
[data-wc-original-title="1"]{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Ocultar título flotante antiguo si existe */
#wc-top-title{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}



/* Ocultar siempre el primer título original detectado */
[data-wc-original-title="1"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}



/* Ocultar por CSS solo el primer p[_triv="1"] de cada HTML */
p[data-wc-first-triv-title="1"],
p[data-wc-first-triv-title="1"] *,
[data-wc-first-triv-title-wrap="1"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}



/* Ocultar solo títulos originales _triv=1 */
p[_triv="1"][data-wc-first-triv-title="1"],
p[_triv="1"][data-wc-first-triv-title="1"] *,
[data-wc-first-triv-title-wrap="1"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Nunca ocultar el clon _triv=3 */
#wc-fixed-title p[_triv="3"],
#wc-fixed-title p[_triv="3"] *{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}



/* Ocultar solo el primer strong amarillo del título clonado */
#wc-fixed-title p[_triv="3"] strong[data-wc-hide-first-yellow-strong="1"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}



/* Zoom dinámico SOLO para el contenido del interactivo.
   El tamaño visual se calcula por JS para ocupar 70% del ancho de la pantalla.
   No afecta botoneras ni paneles. */
#appContainer{
    zoom:1 !important;
    transform:none !important;
    -webkit-transform:none !important;
    overflow:visible !important;
}

#wndPage{
    transform:none !important;
    -webkit-transform:none !important;
    transform-origin:left top !important;
    overflow:visible !important;
}

/* Mantener botoneras y paneles sin zoom */
#guiContainer,
#rightPanel,
#leftPanel,
#centerPanel,
#centerPanelBg,
#audioPanel,
#toolsMenu,
#CCPanel{
    zoom:1 !important;
}

#rightPanel,
#leftPanel,
#centerPanelBg{
    transform:none !important;
    -webkit-transform:none !important;
}



/* Ajustes visuales adicionales Fix HD */
[src="images/Content-Area.png"] {
    display: none !important;
}

#appContainer {
    background: linear-gradient(358deg, rgb(255 255 255) 0%, rgb(255 255 255) 48%, rgb(246 246 246) 100%) !important;
    border: 6px solid #ffffff !important;
    box-shadow: rgb(0 0 0 / 18%) 10px 10px 10px !important;
}

[alt="new_share_and_show_en"] {
    top: -31px !important;
    left: -23px !important;
}



/* Modo tamaño fijo: evita que el layout interno dependa del zoom del navegador */
html,
body,
#appContainer,
#wndPage{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
}

#appContainer{
    max-width:none !important;
    max-height:none !important;
    box-sizing:border-box !important;
}

#wndPage{
    max-width:none !important;
    max-height:none !important;
}



/* Mobile Fix HD: fuerza uso horizontal y mantiene appContainer contenido */
#wc-mobile-landscape-overlay{
    display:none;
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    z-index:2147483647 !important;
    background:linear-gradient(160deg,#0f172a 0%,#14532d 100%) !important;
    color:#fff !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:28px !important;
    box-sizing:border-box !important;
}

#wc-mobile-landscape-overlay .wc-mobile-box{
    max-width:420px !important;
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:22px !important;
    padding:26px !important;
    box-shadow:0 20px 60px rgba(0,0,0,.30) !important;
    backdrop-filter:blur(14px) !important;
}

#wc-mobile-landscape-overlay .wc-mobile-icon{
    font-size:54px !important;
    line-height:1 !important;
    display:block !important;
    margin-bottom:14px !important;
}

#wc-mobile-landscape-overlay strong{
    display:block !important;
    font-size:24px !important;
    margin-bottom:8px !important;
}

#wc-mobile-landscape-overlay p{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    color:rgba(255,255,255,.88) !important;
}

body.wc-mobile-portrait #wc-mobile-landscape-overlay{
    display:flex !important;
}

body.wc-mobile-portrait #appContainer{
    visibility:hidden !important;
}

body.wc-mobile-landscape #appContainer{
    visibility:visible !important;
    max-width:none !important;
    max-height:none !important;
}



/* Bordes redondeados para el contenedor principal en Fix HD */
#appContainer{
    border-radius:16px !important;
}



/* Mobile: botoneras más a las orillas y velocidad como menú lateral */
body.wc-mobile-landscape #leftPanel{
    left:2px !important;
    bottom:10px !important;
}

body.wc-mobile-landscape #rightPanel{
    right:2px !important;
    bottom:10px !important;
}

body.wc-mobile-landscape #centerPanel{
    bottom:5px !important;
}

body.wc-mobile-landscape #centerPanelBg{
    position:relative !important;
    top:18px !important;
}

body.wc-mobile-landscape #audioPanel{
    right:70px !important;
    bottom:96px !important;
}

body.wc-mobile-landscape #toolsMenu{
    left:70px !important;
    bottom:86px !important;
}



/* Botón único de velocidad */
#wc-speed-controls{
    position:fixed !important;
    right:14px !important;
    top:52px !important;
    z-index:2147483647 !important;
    display:flex !important;
    align-items:center !important;
    pointer-events:auto !important;
}

#wc-speed-toggle{
    border:2px solid rgba(255,255,255,.85) !important;
    border-radius:999px !important;
    background:#0a8f3d !important;
    color:#fff !important;
    font-family:Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:bold !important;
    padding:7px 12px !important;
    cursor:pointer !important;
    box-shadow:0 2px 6px rgba(0,0,0,.35) !important;
    min-width:82px !important;
}

#wc-speed-toggle:hover{
    background:#ff8c1a !important;
}

/* Mobile: velocidad compacta */
body.wc-mobile-landscape #wc-speed-controls{
    top:8px !important;
    right:8px !important;
    transform:none !important;
}

body.wc-mobile-landscape #wc-speed-toggle{
    min-width:62px !important;
    padding:5px 8px !important;
    font-size:12px !important;
}



/* Ocultar ícono MOTS en Fix HD */
[src="images/MOTS_Icon.png"] {
    display: none !important;
}

/* Mobile landscape: controles pegados a orillas y sin interferir con contenido */
body.wc-mobile-landscape #appContainer{
    left:0 !important;
    top:0 !important;
    width:100vw !important;
    height:100vh !important;
    margin:0 !important;
    overflow:hidden !important;
}

body.wc-mobile-landscape #leftPanel{
    left:0 !important;
    bottom:4px !important;
}

body.wc-mobile-landscape #rightPanel{
    right:0 !important;
    bottom:4px !important;
}

body.wc-mobile-landscape #centerPanel{
    left:50% !important;
    bottom:5px !important;
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
}

body.wc-mobile-landscape #centerPanelBg{
    position:relative !important;
    top:24px !important;
}

body.wc-mobile-landscape #audioPanel{
    right:64px !important;
    bottom:88px !important;
}

body.wc-mobile-landscape #toolsMenu{
    left:64px !important;
    bottom:82px !important;
}

body.wc-mobile-landscape #wc-speed-controls{
    top:8px !important;
    right:8px !important;
    transform:none !important;
}

body.wc-mobile-landscape #wc-speed-toggle{
    min-width:62px !important;
    padding:5px 8px !important;
    font-size:12px !important;
}



/* Mobile ajuste 90% + guiContainer no bloquea clicks */
body.wc-mobile-landscape #appContainer{
    max-width:90vw !important;
    max-height:90vh !important;
    overflow:hidden !important;
    pointer-events:auto !important;
}

body.wc-mobile-landscape #guiContainer{
    pointer-events:none !important;
    background:transparent !important;
}

body.wc-mobile-landscape #leftPanel,
body.wc-mobile-landscape #rightPanel,
body.wc-mobile-landscape #centerPanel,
body.wc-mobile-landscape #centerPanelBg,
body.wc-mobile-landscape #audioPanel,
body.wc-mobile-landscape #toolsMenu,
body.wc-mobile-landscape #CCPanel,
body.wc-mobile-landscape #wc-speed-controls{
    pointer-events:auto !important;
}



/* Mobile: velocidad bajo barra superior + evitar zoom al enfocar inputs */
body.wc-mobile-landscape #wc-speed-controls{
    top:50px !important;
    right:8px !important;
    transform:none !important;
}

@media (max-width: 920px), (pointer: coarse){
    #appContainer input,
    #appContainer textarea,
    #appContainer select,
    #wndPage input,
    #wndPage textarea,
    #wndPage select{
        font-size:16px !important;
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;
    }

    html,
    body{
        touch-action:manipulation !important;
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;
    }
}



/* Mobile: mantener zoom de wndPage estable mientras hay input enfocado */
body.wc-mobile-landscape #wndPage[data-wc-content-zoom]{
    transform:none !important;
    -webkit-transform:none !important;
    transform-origin:left top !important;
}

@media (max-width: 920px), (pointer: coarse){
    #wndPage input:focus,
    #wndPage textarea:focus,
    #wndPage select:focus,
    #appContainer input:focus,
    #appContainer textarea:focus,
    #appContainer select:focus{
        font-size:16px !important;
        touch-action:manipulation !important;
    }
}



/* Mobile final: paneles pequeños, centerPanelBg sin top y foco inputs estable */
body.wc-mobile-landscape #centerPanelBg{
    top:0 !important;
}

body.wc-mobile-landscape #leftPanel,
body.wc-mobile-landscape #rightPanel,
body.wc-mobile-landscape #centerPanel{
    zoom:.86 !important;
    transform-origin:center bottom !important;
}

body.wc-mobile-landscape #centerPanel{
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
}

body.wc-mobile-landscape #guiContainer{
    pointer-events:none !important;
}

body.wc-mobile-landscape #leftPanel,
body.wc-mobile-landscape #rightPanel,
body.wc-mobile-landscape #centerPanel,
body.wc-mobile-landscape #centerPanel *,
body.wc-mobile-landscape #leftPanel *,
body.wc-mobile-landscape #rightPanel *{
    pointer-events:auto !important;
}

@media (max-width: 920px), (pointer: coarse){
    #appContainer input,
    #appContainer textarea,
    #appContainer select,
    #wndPage input,
    #wndPage textarea,
    #wndPage select{
        min-font-size:16px;
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;
        touch-action:manipulation !important;
    }
}



/* Mobile hard lock: evitar zoom al foco y autosizing */
@media (max-width: 920px), (pointer: coarse){
    #appContainer input,
    #appContainer textarea,
    #appContainer select,
    #wndPage input,
    #wndPage textarea,
    #wndPage select{
        font-size:16px !important;
        line-height:1.2 !important;
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;
        touch-action:manipulation !important;
        transform:none !important;
        -webkit-transform:none !important;
    }

    html,
    body{
        overscroll-behavior:none !important;
        touch-action:manipulation !important;
    }
}

body.wc-mobile-input-active #wndPage{
    transform:none !important;
    -webkit-transform:none !important;
    transform-origin:left top !important;
}



/* Loader Cargando en Roboto con ola por letras */
@font-face{
    font-family:'Roboto';
    src:url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/roboto-regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/roboto-regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

#loadingText{
    background-image:none !important;
    background:none !important;
    font-family:'Roboto', Arial, sans-serif !important;
    font-size:23px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    color:yellow !important;
    text-align:center !important;
    text-shadow:0 2px 8px rgba(0,0,0,.35) !important;
    white-space:nowrap !important;
}

#loadingText::before{
    content:none !important;
}

#loadingText .wc-loading-letter{
    display:inline-block !important;
    font-family:'Roboto', Arial, sans-serif !important;
    font-size:23px !important;
    font-weight:700 !important;
    color:yellow !important;
    animation:wcLoadingWave 1.65s ease-in-out infinite !important;
    will-change:transform !important;
}

#loadingText .wc-loading-letter:nth-child(1){animation-delay:0s !important;}
#loadingText .wc-loading-letter:nth-child(2){animation-delay:.12s !important;}
#loadingText .wc-loading-letter:nth-child(3){animation-delay:.24s !important;}
#loadingText .wc-loading-letter:nth-child(4){animation-delay:.36s !important;}
#loadingText .wc-loading-letter:nth-child(5){animation-delay:.48s !important;}
#loadingText .wc-loading-letter:nth-child(6){animation-delay:.60s !important;}
#loadingText .wc-loading-letter:nth-child(7){animation-delay:.72s !important;}
#loadingText .wc-loading-letter:nth-child(8){animation-delay:.84s !important;}

@keyframes wcLoadingWave{
    0%, 100%{ transform:translateY(0); }
    45%{ transform:translateY(-4px); }
}

/* Mobile: título clonado más pequeño */
body.wc-mobile-landscape #wc-fixed-title,
body.wc-mobile-portrait #wc-fixed-title{
    zoom:.78 !important;
    transform-origin:left top !important;
}

/* Fondo actualizado appContainer */
#appContainer {
    background: linear-gradient(358deg, rgb(218 236 245) 0%, rgb(255 255 255) 48%, rgb(246 246 246) 100%) !important;
}

/* Ajuste de labels de secciones */
[alt="evaluate_en"],
[alt="elaborate_en"],
[alt="explain_en"],
[alt="explore_en"],
[alt="Engage_en"] {
    top: -39px !important;
    left: -23px !important;
}



/* Mobile: título clonado transparente */
body.wc-mobile-landscape #wc-fixed-title,
body.wc-mobile-portrait #wc-fixed-title{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:none !important;
}



/* Mobile: evitar recalculo/animación al cerrar teclado o tocar fuera del input */
body.wc-mobile-input-active #wndPage,
body.wc-mobile-input-active #appContainer{
    transition:none !important;
    animation:none !important;
}



/* Mobile: centerPanel visible sobre el borde inferior */
body.wc-mobile-landscape #centerPanel{
    inset:auto auto 5px 50% !important;
    bottom:5px !important;
    transform:translateX(-50%) !important;
    -webkit-transform:translateX(-50%) !important;
}