:root{--app-nav-width-base: 25%;--app-nav-width-tablet-lg: 30%;--app-nav-width-tablet-md: 32%;--app-nav-width-tablet-sm: 35%;--app-nav-margin-offset: 40px;--app-nav-spacing-offset: 60px;--app-container-max-width: 1600px;--app-container-border-radius: var(--border-radius-xl);--app-container-min-height: calc(100vh - 40px) ;--app-content-padding-base: var(--spacing-2xl);--app-content-padding-tablet: var(--spacing-xl);--app-content-padding-mobile: var(--spacing-lg);--app-content-padding-mobile-sm: var(--spacing-md);--app-scrollbar-width-base: 8px;--app-scrollbar-width-mobile: 6px;--app-scrollbar-width-mobile-sm: 4px;--app-section-title-border: 2px solid var(--color-accent);--app-section-title-padding: var(--spacing-sm);--resaltado-padding: var(--spacing-xs) var(--spacing-sm);--resaltado-padding-mobile: 2px var(--spacing-xs);--resaltado-border-radius: var(--border-radius-sm);--app-main-shadow: 0 8px 16px var(--shadow-color);--app-dark-shadow: 0 8px 32px var(--shadow-color-dark);--app-retina-shadow: 0 4px 16px var(--shadow-color);--app-transition-shadow: box-shadow var(--transition-normal) var(--transition-timing);--app-transition-resaltado: background-color var(--transition-fast) var(--transition-timing)}html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit;max-width:100%;word-wrap:break-word}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-primary);line-height:var(--line-height-base)}.contenedor-app{margin:var(--spacing-md);margin-left:calc(var(--app-nav-width-base) + var(--app-nav-margin-offset));width:calc(75% - var(--app-nav-spacing-offset));max-width:var(--app-container-max-width);height:var(--app-container-min-height);background-color:var(--color-white);border-radius:var(--app-container-border-radius);box-shadow:var(--app-main-shadow);overflow:hidden;transition:var(--app-transition-shadow);display:flex;flex-direction:column}.contenido-principal{padding:var(--app-content-padding-base);margin-top:var(--app-content-padding-base);margin-bottom:var(--app-content-padding-base);flex:1;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-white);overflow-y:auto;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent;box-sizing:border-box}.contenido-principal>*:first-child{margin-top:calc(-1 * var(--spacing-lg))!important}.contenido-principal>*:last-child{margin-bottom:0!important}.contenido-principal::-webkit-scrollbar{width:var(--app-scrollbar-width-base)}.contenido-principal::-webkit-scrollbar-track{background:transparent}.contenido-principal::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:var(--border-radius-md)}.seccion-cv{margin-bottom:var(--spacing-3xl);margin-top:0}.seccion-cv:first-child{margin-top:0}.seccion-cv:last-child{margin-bottom:0}.seccion-cv h1{color:var(--color-primary);margin-bottom:var(--spacing-lg);margin-top:0;border-bottom:var(--app-section-title-border);padding-bottom:var(--app-section-title-padding);width:100%;text-align:left}.resaltado{background:none;color:var(--color-accent);padding:0;border-radius:0;font-weight:var(--font-weight-bold);display:inline;transition:var(--app-transition-resaltado);vertical-align:baseline;line-height:inherit;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;position:relative}.resaltado:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark));border-radius:1px;opacity:.6}@media (min-width: 1400px){.resaltado{white-space:nowrap}}@media (max-width: 1200px){.contenedor-app{margin-left:calc(var(--app-nav-width-tablet-lg) + var(--app-nav-margin-offset));width:calc(70% - var(--app-nav-spacing-offset))}}@media (max-width: 1100px){.contenedor-app{margin-left:calc(var(--app-nav-width-tablet-md) + var(--app-nav-margin-offset));width:calc(68% - var(--app-nav-spacing-offset))}}@media (max-width: 1050px){#root{flex-direction:column;align-items:stretch;overflow:hidden}.contenedor-app{margin:var(--spacing-md);width:auto;max-width:none;height:calc(100vh - calc(var(--spacing-md) * 2));overflow-y:auto;display:flex;flex-direction:column}.contenido-principal{padding:var(--app-content-padding-tablet);font-size:var(--font-size-sm);overflow:visible;margin-top:0;margin-bottom:0;flex:1}}@media (max-width: 768px){.contenedor-app{margin:var(--spacing-sm);border-radius:var(--border-radius-lg)}.contenido-principal{padding:var(--app-content-padding-mobile);font-size:var(--font-size-sm);line-height:1.4}.seccion-cv h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}}@media (max-width: 480px){.contenedor-app{margin:var(--spacing-xs);border-radius:var(--border-radius-md)}.contenido-principal{padding:var(--app-content-padding-mobile-sm);font-size:var(--font-size-xs);line-height:1.3}.seccion-cv h1{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.resaltado{font-size:var(--font-size-sm)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.contenedor-app{box-shadow:var(--app-retina-shadow)}}@media (prefers-color-scheme: dark){.contenedor-app{background-color:var(--color-secondary);box-shadow:var(--app-dark-shadow)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-primary: #1a2f3f;--color-secondary: #2c4a3f;--color-accent: #00916e;--color-accent-dark: #00725a;--color-background: #f5f7f6;--color-white: #ffffff;--color-text: #2d3436;--color-text-light: #f0f7f4;--color-text-muted: #98a4a3;--color-border: #e8eeec;--color-border-light: rgba(255, 255, 255, .1);--shadow-color: rgba(44, 74, 63, .15);--shadow-color-dark: rgba(26, 47, 63, .3);--color-hover: rgba(0, 145, 110, .1);--color-tag: #e8f0ed;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--transition-fast: .3s;--transition-normal: .5s;--transition-slow: .8s;--transition-timing: cubic-bezier(.4, 0, .2, 1)}:root{--nav-width-base: 25%;--nav-width-tablet-lg: 30%;--nav-width-tablet-md: 32%;--nav-position-top: 20px;--nav-position-left: 20px;--nav-border-radius: 16px;--nav-z-index: 1000;--foto-size-base: 150px;--foto-size-tablet-lg: 130px;--foto-size-tablet-md: 115px;--foto-size-tablet-sm: 100px;--foto-size-mobile-sm: 90px;--foto-border-width: 4px;--foto-shadow-offset: 8px;--foto-hover-scale: 1.08;--nav-padding-base: var(--spacing-2xl) var(--spacing-lg);--nav-padding-tablet-lg: var(--spacing-xl) var(--spacing-md);--nav-padding-tablet-md: var(--spacing-lg) var(--spacing-sm);--nav-transition-transform: transform var(--transition-normal) var(--transition-timing);--nav-transition-all: all var(--transition-fast) var(--transition-timing);--nav-main-shadow: 0 8px 32px var(--shadow-color), inset 0 1px var(--color-border-light);--nav-dark-shadow: 0 8px 32px var(--shadow-color-dark), inset 0 1px var(--color-border-light);--foto-main-shadow: 0 0 0 var(--foto-border-width) var(--color-accent), 0 var(--foto-shadow-offset) 16px var(--shadow-color-dark)}.navegacion-lateral{position:fixed;top:var(--nav-position-top);left:var(--nav-position-left);width:var(--nav-width-base);height:calc(100vh - calc(var(--nav-position-top) * 2));background:linear-gradient(145deg,var(--color-primary),var(--color-secondary));font-family:var(--font-primary);font-size:var(--font-size-xs);color:var(--color-text-light);padding:var(--nav-padding-base);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;border-radius:var(--nav-border-radius);box-shadow:var(--nav-main-shadow);overflow-y:auto;overflow-x:hidden;z-index:var(--nav-z-index);word-wrap:break-word;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.navegacion-lateral::-webkit-scrollbar{width:8px}.navegacion-lateral::-webkit-scrollbar-track{background:transparent}.navegacion-lateral::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:var(--border-radius-md)}.navegacion-lateral::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-dark)}.boton-hamburguesa-nav{display:none;background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--color-accent);transition:color .2s;z-index:2000}.boton-hamburguesa-nav:focus{outline:2px solid var(--color-accent)}.perfil-encabezado-lateral{margin-bottom:0;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);width:100%}.perfil-foto-lateral{width:var(--foto-size-base);height:var(--foto-size-base);border-radius:50%;object-fit:cover;border:var(--foto-border-width) solid var(--color-accent);margin-bottom:var(--spacing-md);box-shadow:var(--foto-main-shadow);transition:var(--nav-transition-transform);cursor:pointer}.perfil-foto-lateral:hover{transform:scale(var(--foto-hover-scale))}.nombre-cv{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);color:var(--color-text-light);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:-.02em;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.titulo-cv{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.menu-principal-nav{width:100%;font-size:var(--font-size-xl);display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;margin:0;padding:var(--spacing-lg) 0}.menu-principal-nav h2{color:var(--color-accent);margin-bottom:var(--spacing-lg);text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.menu-principal-nav ul{list-style:none;padding:0;margin:0;width:100%}.menu-principal-nav ul li{margin-bottom:var(--spacing-sm);width:100%}.menu-principal-nav ul li a{color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-lg);padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:block;font-weight:var(--font-weight-normal);width:100%;text-align:center;position:relative;overflow:hidden;transform:translateY(0)}.menu-principal-nav ul li a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.menu-principal-nav ul li a:hover,.menu-principal-nav ul li a:focus{background-color:var(--color-secondary);color:var(--color-text-light);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.menu-principal-nav ul li a:hover:before{left:100%}.info-contacto-lateral{margin-top:0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);width:100%;text-align:center}.info-contacto-lateral h3{color:var(--color-accent);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.info-contacto-lateral ul{list-style:none;padding:0;margin:0}.info-contacto-lateral ul li{margin-bottom:var(--spacing-xs)}.info-contacto-lateral ul li a{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;transition:var(--nav-transition-all);display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-normal)}.info-contacto-lateral ul li a:hover{color:var(--color-text-light);transform:scale(1.05)}.icon-contacto{font-size:var(--font-size-lg);color:var(--color-accent);transition:color var(--transition-fast) var(--transition-timing)}.info-contacto-lateral ul li a:hover .icon-contacto{color:var(--color-text-light)}@media (max-width: 1200px){.navegacion-lateral{width:var(--nav-width-tablet-lg);padding:var(--nav-padding-tablet-lg)}.perfil-foto-lateral{width:var(--foto-size-tablet-lg);height:var(--foto-size-tablet-lg)}.nombre-cv{font-size:var(--font-size-xl);line-height:1.2}.titulo-cv{font-size:var(--font-size-base);line-height:1.3}.menu-principal-nav h2{font-size:var(--font-size-base)}.menu-principal-nav ul li a{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm)}.info-contacto-lateral h3,.info-contacto-lateral ul li a{font-size:var(--font-size-base)}}@media (max-width: 1100px){.navegacion-lateral{width:var(--nav-width-tablet-md);padding:var(--nav-padding-tablet-md)}.perfil-foto-lateral{width:var(--foto-size-tablet-md);height:var(--foto-size-tablet-md)}.nombre-cv{font-size:var(--font-size-lg);line-height:1.2}.titulo-cv{font-size:var(--font-size-sm);line-height:1.3}.menu-principal-nav ul li a{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.info-contacto-lateral ul li a,.info-contacto-lateral h3{font-size:var(--font-size-sm)}}@media (max-width: 1050px){.navegacion-lateral{position:static;width:100%;height:auto;overflow:visible;border-radius:12px 12px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--spacing-lg);padding-bottom:var(--spacing-2xl);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.navegacion-plegada{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.navegacion-plegada.menu-abierto{max-height:1000px;opacity:1;transition:max-height .3s ease,opacity .3s ease}.boton-hamburguesa-nav{display:block}.perfil-foto-lateral{width:var(--foto-size-tablet-sm);height:var(--foto-size-tablet-sm)}.nombre-cv{font-size:var(--font-size-base);line-height:1.1}.titulo-cv{font-size:var(--font-size-sm);line-height:1.2}.perfil-encabezado-lateral{border-bottom:none;padding-bottom:0}.menu-principal-nav{border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-lg) 0}.menu-principal-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.menu-principal-nav ul li{margin-bottom:0}.menu-principal-nav ul li a{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.info-contacto-lateral{border-top:none;padding-top:0}.info-contacto-lateral ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.info-contacto-lateral ul li{margin-bottom:0}.info-contacto-lateral ul li a,.info-contacto-lateral h3{font-size:var(--font-size-sm)}}@media (max-width: 768px){.navegacion-lateral{padding:var(--spacing-lg);padding-bottom:var(--spacing-2xl);gap:var(--spacing-lg);border-radius:12px 12px 0 0;margin-bottom:var(--spacing-xl)}.perfil-foto-lateral{width:var(--foto-size-tablet-sm);height:var(--foto-size-tablet-sm)}.nombre-cv{font-size:var(--font-size-xl)}.titulo-cv{font-size:var(--font-size-base)}.menu-principal-nav h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.menu-principal-nav ul li a{font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md)}.info-contacto-lateral h3{font-size:var(--font-size-lg)}.info-contacto-lateral ul li a{font-size:var(--font-size-base)}}@media (max-width: 480px){.navegacion-lateral{padding:var(--spacing-md);padding-bottom:var(--spacing-2xl);gap:var(--spacing-md);border-radius:12px 12px 0 0;margin-bottom:var(--spacing-xl)}.perfil-foto-lateral{width:var(--foto-size-mobile-sm);height:var(--foto-size-mobile-sm)}.nombre-cv{font-size:var(--font-size-lg)}.titulo-cv{font-size:var(--font-size-base)}.menu-principal-nav ul{flex-direction:column;align-items:center}.menu-principal-nav ul li a{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}.info-contacto-lateral ul{flex-direction:column;align-items:center}.info-contacto-lateral ul li a{font-size:var(--font-size-base)}}@media (prefers-color-scheme: dark){.navegacion-lateral{background:linear-gradient(145deg,var(--color-secondary),var(--color-primary));box-shadow:var(--nav-dark-shadow)}.perfil-foto-lateral{box-shadow:var(--foto-main-shadow)}}@media (prefers-reduced-motion: reduce){.perfil-foto-lateral,.menu-principal-nav ul li a,.info-contacto-lateral ul li a,.icon-contacto{transition:none}.perfil-foto-lateral:hover,.menu-principal-nav ul li a:hover,.info-contacto-lateral ul li a:hover{transform:none}}.copyright-lateral{margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);text-align:center;opacity:.7}.copyright-lateral p{font-size:.7rem;color:var(--color-text-muted);margin:0;padding:var(--spacing-xs) 0;font-weight:var(--font-weight-normal)}:root{--bienvenida-padding-x: var(--spacing-lg);--bienvenida-padding-bottom: var(--spacing-3xl);--bienvenida-border-radius: var(--border-radius-lg);--bienvenida-max-height: 2000px;--tecnologia-gap: 8px;--tecnologia-gap-mobile: 4px;--tecnologia-icon-size: var(--font-size-2xl);--tecnologia-icon-size-mobile: var(--font-size-xl)}.bienvenida-interactiva{position:relative;padding:var(--spacing-sm) var(--bienvenida-padding-x) var(--bienvenida-padding-bottom);border-bottom:1px solid var(--color-border);margin:0 auto var(--spacing-3xl) auto;overflow:hidden;transition:max-height .6s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out;background-color:var(--color-white);border-radius:var(--bienvenida-border-radius);box-shadow:0 8px 16px var(--shadow-color);text-align:center;max-height:var(--bienvenida-max-height)}.bienvenida-interactiva.bienvenida-replegada{max-height:60px;padding:var(--spacing-sm) var(--bienvenida-padding-x) var(--spacing-sm);margin:0 auto;border-bottom:none;background-color:transparent;box-shadow:none;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.46,.45,.94),opacity .3s ease-in-out}.bienvenida-contenido{opacity:1;transition:opacity .4s ease-in-out;padding:0;margin:0;transform:translateZ(0)}.bienvenida-interactiva.bienvenida-replegada .bienvenida-contenido{opacity:0;pointer-events:none;transition:opacity .2s ease-out}.bienvenida-interactiva h1{font-size:var(--font-size-2xl);font-family:var(--font-primary);color:var(--color-primary);margin-top:0;margin-bottom:var(--spacing-lg);border-bottom:3px solid var(--color-accent);padding-bottom:var(--spacing-md);display:inline-block;transition:color var(--transition-normal) ease;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;text-transform:uppercase;text-align:center!important}.bienvenida-interactiva p{font-size:var(--font-size-base);line-height:1.8;margin-bottom:var(--spacing-lg);color:var(--color-text);max-width:65ch;margin-left:auto;margin-right:auto}.tecnologias-lista{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);justify-items:center;gap:var(--tecnologia-gap);margin-top:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.tecnologia-item{display:flex;flex-direction:column;align-items:center;font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:center;transition:transform var(--transition-fast) var(--transition-timing)}.tecnologia-item:hover{transform:translateY(-5px);color:var(--color-primary)}.tecnologia-icono{font-size:2.5em;margin-bottom:8px;color:var(--color-accent)}.toggle-bienvenida-btn{position:absolute;bottom:var(--spacing-md);right:var(--bienvenida-padding-x);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-md);cursor:pointer;box-shadow:0 4px 8px var(--shadow-color);transition:all var(--transition-fast) var(--transition-timing);z-index:10}.toggle-bienvenida-btn:hover{background-color:var(--color-accent-dark);transform:translateY(-2px)}@media (max-width: 768px){.bienvenida-interactiva{padding-left:var(--spacing-md);padding-right:var(--spacing-md);max-width:calc(100% - (var(--spacing-md) * 2));box-sizing:border-box;transition:max-height .4s ease-out,opacity .3s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bienvenida-interactiva.bienvenida-replegada{transition:max-height .3s ease-in,opacity .2s ease-out;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.bienvenida-contenido{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.bienvenida-interactiva h1{font-size:var(--font-size-xl);padding-bottom:var(--spacing-sm);border-bottom-width:2px}.bienvenida-interactiva p{font-size:var(--font-size-sm);line-height:var(--line-height-base)}.tecnologias-lista{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:var(--tecnologia-gap-mobile);max-width:100%}.tecnologia-item{font-size:var(--font-size-xs)}.tecnologia-icono{font-size:var(--tecnologia-icon-size-mobile);margin-bottom:var(--spacing-xs)}.toggle-bienvenida-btn{right:var(--spacing-md);bottom:var(--spacing-md);width:36px;height:36px}.bienvenida-interactiva.bienvenida-replegada{padding:var(--spacing-xs) var(--spacing-md)}.bienvenida-contenido{margin-bottom:var(--spacing-md)}}@media (min-width: 769px) and (max-width: 1024px){.bienvenida-interactiva{padding:var(--spacing-lg) var(--spacing-xl)}.bienvenida-interactiva h1{font-size:var(--font-size-xl)}.tecnologias-lista{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:6px;max-width:600px}.tecnologia-icono{font-size:calc(var(--tecnologia-icon-size) * .9)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.toggle-bienvenida-btn{box-shadow:0 2px 4px var(--shadow-color)}}@media (prefers-reduced-motion: reduce){.bienvenida-interactiva,.bienvenida-contenido,.tecnologia-item,.toggle-bienvenida-btn{transition:none}.tecnologia-item:hover{transform:none}}:root{--presentacion-height: 500px;--presentacion-max-height: 500px;--pantalla-padding: var(--spacing-xl);--controles-gap: var(--spacing-lg);--indicador-size: 12px;--btn-primary: var(--color-accent);--btn-primary-hover: var(--color-accent-dark);--btn-disabled: var(--color-text-muted);--indicador-activo: var(--color-accent);--indicador-inactivo: var(--color-border);--pantalla-bg-gradient: linear-gradient(135deg, var(--color-white) 0%, var(--color-tag) 100%);--pantalla-header-bg: linear-gradient(90deg, var(--color-accent) 0%, var(--color-secondary) 100%);--pantalla-border: var(--color-border);--pantalla-shadow: 0 8px 32px var(--shadow-color);--pantalla-shadow-hover: 0 12px 48px var(--shadow-color-dark)}.presentacion-container{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.pantallas-wrapper{position:relative;width:100%;height:var(--presentacion-height);max-height:var(--presentacion-max-height);overflow:hidden}.pantalla-contenido{background:linear-gradient(135deg,var(--color-white) 0%,var(--color-tag) 50%,var(--color-white) 100%);border:1px solid var(--pantalla-border);border-radius:var(--border-radius-lg);padding:0;height:var(--presentacion-height);max-height:var(--presentacion-max-height);min-height:var(--presentacion-height);display:flex;flex-direction:column;justify-content:flex-start;position:absolute;top:0;left:0;width:100%;box-shadow:0 4px 20px #00916e1a;transition:all var(--transition-normal) var(--transition-timing);overflow:hidden;box-sizing:border-box}.pantalla-nueva{z-index:1}.pantalla-saliente{z-index:2}.pantalla-saliente.transicionando-siguiente{animation:slideOutLeft .4s ease-in-out forwards}.pantalla-saliente.transicionando-anterior{animation:slideOutRight .4s ease-in-out forwards}.pantalla-contenido>div{flex:1;overflow-y:auto;padding:var(--pantalla-padding);background:#fff9;margin:var(--spacing-sm);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #00916e0d}.pantalla-contenido>div::-webkit-scrollbar{width:6px}.pantalla-contenido>div::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.pantalla-contenido>div::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.pantalla-contenido>div::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}.pantalla-contenido h2{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold);position:relative;text-align:left;padding-left:var(--spacing-md);padding-bottom:var(--spacing-sm)}.pantalla-contenido h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:var(--color-accent);border-radius:2px}.pantalla-contenido p{color:var(--color-text);line-height:1.8;margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);text-align:left;font-weight:var(--font-weight-normal)}.pantalla-contenido .resaltado{font-size:1.1em;color:var(--color-accent);font-weight:var(--font-weight-bold);position:relative;transition:all .3s ease}.pantalla-contenido .resaltado:after{height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark),var(--color-accent));box-shadow:0 2px 8px #00916e4d}.pantalla-contenido ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.pantalla-contenido li{color:var(--color-text);margin-bottom:var(--spacing-xs);line-height:var(--line-height-body);position:relative}.pantalla-contenido li::marker{color:var(--color-accent);font-weight:var(--font-weight-bold)}.grid-habilidades{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.grid-habilidades>div{background:var(--color-tag);padding:var(--spacing-md);border-radius:var(--border-radius-md);text-align:center;color:var(--color-primary);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);transition:all var(--transition-fast) var(--transition-timing);position:relative;overflow:hidden}.grid-habilidades>div:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00916e26;border-color:var(--color-accent)}.controles-navegacion{display:flex;justify-content:space-between;align-items:center;gap:var(--controles-gap);padding:var(--spacing-md) 0}.btn-navegacion{background:linear-gradient(135deg,var(--btn-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--transition-timing);min-width:120px;box-shadow:0 4px 12px #00916e4d;position:relative;overflow:hidden}.btn-navegacion:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-navegacion:hover:not(:disabled){background:linear-gradient(135deg,var(--btn-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00916e66}.btn-navegacion:hover:not(:disabled):before{left:100%}.btn-navegacion:disabled{background:linear-gradient(135deg,var(--btn-disabled) 0%,#a0a0a0 100%);cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a;opacity:.6}.btn-navegacion:disabled:before{display:none}.indicadores{display:flex;gap:var(--spacing-sm);align-items:center}.indicador{width:var(--indicador-size);height:var(--indicador-size);border-radius:50%;border:none;cursor:pointer;transition:all var(--transition-fast) var(--transition-timing);background-color:var(--indicador-inactivo);font-size:0;position:relative}.indicador:disabled{opacity:.5;cursor:not-allowed}.indicador.activo{background-color:var(--indicador-activo);transform:scale(1.2)}.indicador:hover:not(:disabled){transform:scale(1.1);box-shadow:0 2px 4px var(--shadow-color)}.indicador.activo:hover:not(:disabled){transform:scale(1.3)}.indicador:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background-color:var(--color-text);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast) var(--transition-timing)}.indicador:hover:after{opacity:1}.contador-pantallas{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width: 1024px){.presentacion-container{max-width:100%;padding:0 var(--spacing-md)}.pantallas-wrapper{height:500px;max-height:500px}.pantalla-contenido{height:500px;max-height:500px;min-height:500px;padding:var(--spacing-lg)}}@media (max-width: 768px){.pantallas-wrapper{height:400px;max-height:400px}.pantalla-contenido{height:400px;max-height:400px;min-height:400px;padding:var(--spacing-md)}.controles-navegacion{flex-direction:column;gap:var(--spacing-md)}.btn-navegacion{min-width:100px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.grid-habilidades{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}}@media (max-width: 480px){.pantallas-wrapper{height:350px;max-height:350px}.pantalla-contenido{height:350px;max-height:350px;min-height:350px;padding:var(--spacing-sm)}.pantalla-contenido h2{font-size:var(--font-size-base)}.pantalla-contenido p{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-lg)}.pantalla-contenido .resaltado{font-size:1.05em}.grid-habilidades{grid-template-columns:1fr}.btn-navegacion{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-width:80px}.indicadores{gap:var(--spacing-xs)}}@media (prefers-reduced-motion: reduce){.pantalla-contenido,.btn-navegacion,.indicador,.grid-habilidades>div{transition:none}.btn-navegacion:hover:not(:disabled),.grid-habilidades>div:hover{transform:none}.pantalla-saliente.transicionando-siguiente,.pantalla-saliente.transicionando-anterior{animation:none}}@media (prefers-color-scheme: dark){.pantalla-contenido{border-color:var(--color-border-light);box-shadow:0 4px 12px #0000004d}}@keyframes slideOutLeft{0%{transform:translate(0) translateY(0)}15%{transform:translate(0) translateY(-8px)}to{transform:translate(-100%) translateY(-8px)}}@keyframes slideOutRight{0%{transform:translate(0) translateY(0)}15%{transform:translate(0) translateY(-8px)}to{transform:translate(100%) translateY(-8px)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pantalla-contenido{animation:slideIn .3s ease-out}.fondo-iconos-react{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.icono-fondo-react{position:absolute;color:#00916e26;font-size:60px;pointer-events:none;z-index:-1}.icono-0{top:-10%;left:20%}.icono-1{top:-10%;left:50%}.icono-2{top:-10%;left:80%}.icono-3{top:5%;left:35%}.icono-4{top:5%;left:65%}.icono-5{top:20%;left:20%}.icono-6{top:20%;left:50%}.icono-7{top:20%;left:80%}.icono-8{top:35%;left:5%}.icono-9{top:35%;left:35%}.icono-10{top:35%;left:65%}.icono-11{top:35%;left:95%}.icono-12{top:50%;left:20%}.icono-13{top:50%;left:50%}.icono-14{top:50%;left:80%}.icono-15{top:65%;left:35%}.icono-16{top:65%;left:65%}.icono-17{top:85%;left:10%}.icono-18{top:85%;left:50%}.icono-19{top:85%;left:90%}@media (max-width: 1024px){.icono-fondo-react{font-size:50px}}@media (max-width: 768px){.icono-fondo-react{font-size:45px}}@media (max-width: 480px){.icono-fondo-react{font-size:40px}}:root{--experiencia-gap: var(--spacing-xl);--experiencia-padding: var(--spacing-lg);--experiencia-margin-left: var(--spacing-lg);--timeline-width: 2px;--timeline-circle-size: 12px;--timeline-circle-border: 3px;--timeline-offset: 28px;--timeline-circle-offset: -27px}.experiencia-lista{display:flex;flex-direction:column;gap:var(--experiencia-gap);padding-left:var(--experiencia-padding);position:relative}.experiencia-lista:before{content:"";position:absolute;top:0;left:var(--timeline-offset);height:100%;width:var(--timeline-width);background-color:var(--color-border);z-index:1}.experiencia-item{position:relative;padding:var(--experiencia-padding);background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px var(--shadow-color);transition:transform var(--transition-fast) var(--transition-timing),box-shadow var(--transition-fast) var(--transition-timing);z-index:2;margin-left:var(--experiencia-margin-left)}.experiencia-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px var(--shadow-color-dark)}.experiencia-item:before{content:"";position:absolute;left:var(--timeline-circle-offset);top:var(--spacing-xl);width:var(--timeline-circle-size);height:var(--timeline-circle-size);border-radius:50%;background-color:var(--color-accent);border:var(--timeline-circle-border) solid var(--color-white);z-index:3}.experiencia-encabezado{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.experiencia-rol{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.experiencia-fecha{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.experiencia-empresa{font-size:var(--font-size-base);color:var(--color-accent);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.experiencia-responsabilidades{padding-left:0;list-style:none;margin:0}.experiencia-responsabilidades li{margin-bottom:var(--spacing-xs);position:relative;padding-left:var(--spacing-lg);line-height:var(--line-height-base);color:var(--color-text)}.experiencia-responsabilidades li:before{content:"✓";color:var(--color-accent);position:absolute;left:0;top:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}@media (max-width: 1024px){.experiencia-item{padding:var(--spacing-md)}.experiencia-rol{font-size:var(--font-size-lg)}}@media (max-width: 768px){.experiencia-lista:before{left:var(--spacing-xs)}.experiencia-item{padding:var(--spacing-md);margin-left:var(--spacing-lg)}.experiencia-item:before{left:calc(var(--spacing-lg) * -1 + var(--spacing-xs));top:var(--spacing-lg)}.experiencia-encabezado{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.experiencia-rol{font-size:var(--font-size-lg)}.experiencia-fecha{font-size:var(--font-size-xs)}.experiencia-responsabilidades li{padding-left:var(--spacing-xl)}}@media (max-width: 480px){.experiencia-lista{padding-left:var(--spacing-md)}.experiencia-item{padding:var(--spacing-sm);margin-left:var(--spacing-md);border-radius:var(--border-radius-md)}.experiencia-item:before{width:var(--spacing-sm);height:var(--spacing-sm);left:calc(var(--spacing-md) * -1 + var(--spacing-xs))}.experiencia-rol{font-size:var(--font-size-base)}.experiencia-empresa{font-size:var(--font-size-sm)}.experiencia-responsabilidades li{padding-left:var(--spacing-lg);font-size:var(--font-size-sm)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.experiencia-item{box-shadow:0 2px 8px var(--shadow-color)}.experiencia-item:hover{box-shadow:0 4px 16px var(--shadow-color-dark)}}@media (prefers-reduced-motion: reduce){.experiencia-item{transition:none}.experiencia-item:hover{transform:none}}@media (prefers-color-scheme: dark){.experiencia-lista:before{background-color:var(--color-border-light)}.experiencia-item{box-shadow:0 4px 12px var(--shadow-color-dark)}.experiencia-item:before{border-color:var(--color-secondary)}}:root{--estudios-gap: var(--spacing-xl);--estudios-padding: var(--spacing-xl);--estudios-border: 1px solid var(--color-border);--estudios-max-height: 600px}.estudios-lista{display:flex;flex-direction:column;gap:var(--estudios-gap)}.estudios-item{background-color:var(--color-white);border:var(--estudios-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 4px 6px var(--shadow-color);transition:all var(--transition-fast) var(--transition-timing)}.estudios-item:hover{transform:translateY(-4px);box-shadow:0 20px 25px var(--shadow-color-dark)}.estudios-encabezado-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-xl);background-color:var(--color-white);border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-fast) var(--transition-timing)}.estudios-encabezado-toggle:hover{background-color:var(--color-tag)}.estudios-info-principal{flex-grow:1}.estudios-curso{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.estudios-centro{font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.estudios-info-secundaria{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.estudios-fecha{font-size:var(--font-size-base);color:var(--color-text-muted);white-space:nowrap}.estudios-enlace-texto{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-white);background-color:var(--color-accent);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-xl);text-decoration:none;transition:all var(--transition-fast) var(--transition-timing);white-space:nowrap}.estudios-enlace-texto:hover{background-color:var(--color-accent-dark);transform:scale(1.08)}.toggle-icon{font-size:var(--font-size-base);color:var(--color-text-muted);margin-left:var(--spacing-sm);transition:transform var(--transition-fast) var(--transition-timing)}.toggle-icon.open{transform:rotate(180deg)}.estudios-contenido-desplegable{max-height:0;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);overflow:hidden;transition:max-height var(--transition-normal) ease-out,padding var(--transition-normal) ease-out}.estudios-contenido-desplegable.open{max-height:var(--estudios-max-height);padding-top:var(--spacing-md);padding-bottom:var(--spacing-xl)}.estudios-detalles{list-style:disc;padding-left:var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text)}.estudios-detalles li{margin-bottom:var(--spacing-xs)}@media (max-width: 1024px){.estudios-encabezado-toggle{padding:var(--spacing-lg)}.estudios-curso{font-size:var(--font-size-lg)}.estudios-contenido-desplegable{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (max-width: 768px){.estudios-encabezado-toggle{padding:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.estudios-info-secundaria{width:100%;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.estudios-curso{font-size:var(--font-size-base)}.estudios-centro,.estudios-fecha{font-size:var(--font-size-sm)}.estudios-enlace-texto{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.estudios-contenido-desplegable{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.estudios-contenido-desplegable.open{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-md)}}@media (max-width: 480px){.estudios-item{border-radius:var(--border-radius-md)}.estudios-encabezado-toggle{padding:var(--spacing-sm)}.estudios-curso{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.estudios-centro,.estudios-fecha{font-size:var(--font-size-xs)}.estudios-enlace-texto{align-self:stretch;text-align:center}.estudios-contenido-desplegable{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.estudios-detalles{padding-left:var(--spacing-md);font-size:var(--font-size-sm)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.estudios-item{box-shadow:0 2px 4px var(--shadow-color)}.estudios-item:hover{box-shadow:0 8px 16px var(--shadow-color-dark)}}@media (prefers-reduced-motion: reduce){.estudios-item,.estudios-encabezado-toggle,.estudios-enlace-texto,.toggle-icon,.estudios-contenido-desplegable{transition:none}.estudios-item:hover,.estudios-enlace-texto:hover,.toggle-icon.open{transform:none}}@media (prefers-color-scheme: dark){.estudios-item{border-color:var(--color-border-light);box-shadow:0 4px 6px var(--shadow-color-dark)}.estudios-encabezado-toggle:hover{background-color:var(--color-secondary)}}:root{--grid-min-width: 300px;--grid-gap: var(--spacing-lg);--grid-margin-top: var(--spacing-2xl);--card-border-radius: var(--border-radius-lg);--card-padding: var(--spacing-lg);--card-gap: var(--spacing-md);--tag-padding: var(--spacing-xs) var(--spacing-sm);--tag-border-radius: var(--border-radius-xl);--button-padding: var(--spacing-xs) var(--spacing-md)}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-width),1fr));gap:var(--grid-gap);margin-top:var(--grid-margin-top)}.contenedor-proyecto-detalle{width:100%}.boton-volver{background:var(--color-tag);color:var(--color-primary);border:2px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal) var(--transition-timing);margin-bottom:var(--spacing-xl);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.boton-volver:hover{background:var(--color-primary);color:var(--color-white);transform:translate(-2px)}.project-card{background-color:var(--color-bg-card);border-radius:var(--card-border-radius);overflow:hidden;box-shadow:0 4px 12px var(--shadow-color);display:flex;flex-direction:column;transition:transform var(--transition-normal) var(--transition-timing),box-shadow var(--transition-normal) var(--transition-timing);cursor:pointer}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px var(--shadow-color-dark)}.project-header{padding:var(--card-padding);background-color:var(--color-tag)}.project-title{margin:0;font-size:var(--font-size-xl);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.project-body{padding:var(--card-padding);flex-grow:1;display:flex;flex-direction:column;gap:var(--card-gap)}.project-description{margin:0;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-base)}.project-details-page{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-card);border-radius:var(--card-border-radius);box-shadow:0 4px 12px var(--shadow-color)}.boton-volver{align-self:flex-start;padding:var(--button-padding);background-color:var(--color-border);color:var(--color-primary);border:none;border-radius:var(--tag-border-radius);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-normal) var(--transition-timing)}.boton-volver:hover{background-color:var(--color-tag)}.project-techs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tech-tag{background-color:var(--color-accent);color:var(--color-white);padding:var(--tag-padding);border-radius:var(--tag-border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.project-footer{display:flex;justify-content:flex-start;gap:var(--card-gap);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.project-link{text-decoration:none;color:var(--color-accent);font-weight:var(--font-weight-semibold);transition:color var(--transition-normal) var(--transition-timing)}.project-link:hover{color:var(--color-accent-dark)}@media (max-width: 1024px){.proyectos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.project-card{border-radius:var(--border-radius-md)}.project-header,.project-body{padding:var(--spacing-md)}.project-title{font-size:var(--font-size-lg)}}@media (max-width: 768px){.proyectos-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.project-details-page{padding:var(--spacing-md);gap:var(--spacing-md)}.project-techs{gap:var(--spacing-xs)}.tech-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.proyectos-grid{gap:var(--spacing-sm)}.project-header,.project-body{padding:var(--spacing-sm)}.project-title{font-size:var(--font-size-base)}.project-description{font-size:var(--font-size-sm)}.project-footer{flex-direction:column;gap:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.project-card,.boton-volver,.project-link{transition:none}.project-card:hover{transform:none}}@media (prefers-color-scheme: dark){.project-card{box-shadow:0 4px 12px var(--shadow-color-dark)}.project-card:hover{box-shadow:0 6px 16px var(--shadow-color-dark)}.project-details-page{box-shadow:0 4px 12px var(--shadow-color-dark)}}:root{--explorador-max-width: 1200px;--explorador-min-height: 600px;--arbol-width-desktop: 300px;--arbol-width-tablet: 250px;--arbol-max-height-mobile: 300px;--explorador-gap: var(--spacing-xl);--explorador-gap-mobile: var(--spacing-md);--explorador-padding: var(--spacing-xl);--explorador-padding-mobile: var(--spacing-md);--seccion-padding: var(--spacing-xl);--item-padding: var(--spacing-md) var(--spacing-lg);--explorador-shadow: 0 8px 32px var(--shadow-color);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--code-shadow: 0 4px 16px rgba(0, 0, 0, .2);--code-bg: #1e1e1e;--code-header-bg: #2d2d2d;--code-border: #333333;--code-text: #d4d4d4;--code-keyword: #569cd6;--code-string: #ce9178;--code-comment: #6a9955;--code-function: #dcdcaa;--code-number: #b5cea8;--file-item-hover-transform: translateX(4px);--folder-icon-rotation: 90deg;--explorador-transition: all var(--transition-fast) var(--transition-timing);--file-transition: transform var(--transition-fast) var(--transition-timing);--code-transition: background var(--transition-fast) var(--transition-timing)}.explorador-proyecto{max-width:var(--explorador-max-width);margin:0 auto;padding:var(--explorador-padding);font-family:var(--font-primary)}.encabezado-explorador{text-align:center;margin-bottom:var(--spacing-3xl);position:relative}.boton-cerrar-explorador{position:absolute;top:0;right:0;background:var(--color-tag);color:var(--color-text);border:2px solid var(--color-border);border-radius:50%;width:40px;height:40px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--explorador-transition);display:flex;align-items:center;justify-content:center;z-index:10}.boton-cerrar-explorador:hover{background:var(--color-hover);border-color:var(--color-accent);transform:scale(1.1);color:var(--color-accent)}.titulo-explorador{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.subtitulo-explorador{color:var(--color-text);font-size:var(--font-size-lg);max-width:600px;margin:0 auto;line-height:1.6;font-weight:var(--font-weight-normal);opacity:.8}.contenedor-explorador{display:grid;grid-template-columns:var(--arbol-width-desktop) 1fr;gap:var(--explorador-gap);min-height:var(--explorador-min-height);background:var(--color-background);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--explorador-shadow);border:1px solid var(--color-border)}.arbol-archivos{background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--spacing-xl);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.arbol-archivos::-webkit-scrollbar{width:8px}.arbol-archivos::-webkit-scrollbar-track{background:transparent}.arbol-archivos::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:var(--border-radius-md)}.arbol-archivos::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-dark)}.titulo-arbol-archivos{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.file-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--explorador-transition);-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm)}.file-item:hover{background:var(--color-hover);transform:var(--file-item-hover-transform)}.file-item.active{background:var(--color-accent);color:var(--color-text);font-weight:var(--font-weight-medium);box-shadow:0 2px 8px #00916e4d}.file-item.active .file-icon{color:var(--color-text)}.file-icon{margin-right:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-primary);transition:var(--code-transition);flex-shrink:0}.file-name{font-size:var(--font-size-sm);font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.folder-item{margin-bottom:var(--spacing-sm)}.folder-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-tag);border-radius:var(--border-radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs);transition:var(--explorador-transition);font-size:var(--font-size-sm)}.folder-header:hover{background:var(--color-hover);transform:var(--file-item-hover-transform)}.folder-icon{margin-right:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-accent);transition:var(--file-transition);flex-shrink:0}.folder-expanded .folder-icon{transform:rotate(var(--folder-icon-rotation))}.folder-children{margin-left:var(--spacing-md);border-left:2px solid var(--color-border);padding-left:var(--spacing-sm)}.area-contenido{padding:var(--seccion-padding);background:var(--color-background);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.area-contenido::-webkit-scrollbar{width:8px}.area-contenido::-webkit-scrollbar-track{background:transparent}.area-contenido::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:var(--border-radius-md)}.area-contenido::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-dark)}.content-header{display:flex;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.content-icon{font-size:var(--font-size-2xl);color:var(--color-primary);margin-right:var(--spacing-md);flex-shrink:0}.content-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;font-family:Courier New,monospace;line-height:1.3}.content-body{line-height:1.7}.content-description{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--border-radius-md);border-left:4px solid var(--color-accent);box-shadow:0 2px 8px var(--shadow-color);opacity:.9}.content-section{margin-bottom:var(--spacing-3xl)}.section-title{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);display:flex;align-items:center}.section-icon{margin-right:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-accent)}.section-content{color:var(--color-text);line-height:1.6;opacity:.8}.feature-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.feature-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary);transition:var(--explorador-transition);box-shadow:0 2px 4px var(--shadow-color)}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.feature-icon{color:var(--color-accent);margin-right:var(--spacing-md);margin-top:2px;font-size:var(--font-size-lg);flex-shrink:0}.feature-content{flex:1}.feature-title{color:var(--color-text);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.feature-description{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;opacity:.8}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.tech-tag{background:var(--color-tag);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:var(--explorador-transition);border:1px solid var(--color-border)}.tech-tag:hover{background:var(--color-hover);color:var(--color-text);transform:translateY(-1px);border-color:var(--color-accent)}.tech-tag.framework{background:#00916e1a;color:var(--color-accent);border-color:var(--color-accent)}.tech-tag.styling{background:#17a2b81a;color:#17a2b8;border-color:#17a2b8}.tech-tag.tool{background:#28a7451a;color:#28a745;border-color:#28a745}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--border-radius-md);margin:var(--spacing-xl) 0;overflow:hidden;box-shadow:var(--code-shadow)}.code-header{background:var(--code-header-bg);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--code-border);display:flex;align-items:center;justify-content:space-between}.code-language{color:var(--code-keyword);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Courier New,monospace}.code-content{padding:var(--spacing-lg);overflow-x:auto;font-family:Courier New,monospace;font-size:var(--font-size-sm);line-height:1.5;color:var(--code-text);scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.code-content::-webkit-scrollbar{height:8px}.code-content::-webkit-scrollbar-track{background:transparent}.code-content::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:var(--border-radius-md)}.code-content .keyword{color:var(--code-keyword)}.code-content .string{color:var(--code-string)}.code-content .comment{color:var(--code-comment)}.code-content .function{color:var(--code-function)}.code-content .number{color:var(--code-number)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text);opacity:.7}.empty-state-icon{font-size:var(--spacing-3xl);color:var(--color-border);margin-bottom:var(--spacing-md)}.empty-state-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-text)}.empty-state-subtext{font-size:var(--font-size-base);opacity:.7}@media (max-width: 1100px){.contenedor-explorador{grid-template-columns:var(--arbol-width-tablet) 1fr}}@media (max-width: 768px){.explorador-proyecto{padding:var(--explorador-padding-mobile)}.contenedor-explorador{grid-template-columns:1fr;gap:var(--explorador-gap-mobile)}.arbol-archivos{max-height:var(--arbol-max-height-mobile);order:2}.area-contenido{order:1;padding:var(--spacing-lg)}.titulo-explorador{font-size:var(--font-size-xl)}.content-title{font-size:var(--font-size-lg)}.encabezado-explorador{margin-bottom:var(--spacing-xl)}.boton-cerrar-explorador{width:36px;height:36px;font-size:var(--font-size-base)}}@media (max-width: 480px){.code-content{font-size:var(--font-size-xs);padding:var(--spacing-md)}.tech-tags{justify-content:center}.feature-item{flex-direction:column;text-align:center}.feature-icon{margin-right:0;margin-bottom:var(--spacing-sm)}.content-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.content-icon{margin-right:0}}.pagina-detalles-proyecto{max-width:1200px;margin:0 auto;padding:2rem}.hero-proyecto{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,var(--color-background),var(--color-white));border-radius:12px;border:1px solid var(--color-border)}.titulo-principal-proyecto{font-size:2.5rem;color:var(--color-primary);margin-bottom:1rem;font-weight:var(--font-weight-bold)}.descripcion-principal-proyecto{font-size:1.2rem;color:var(--color-text-muted);max-width:800px;margin:0 auto;line-height:1.6}.resumen-proyecto{max-width:1000px;margin:0 auto}.seccion-resumen{margin-bottom:3rem;padding:2rem;background:var(--color-background);border-radius:12px;border-left:4px solid var(--color-accent)}.seccion-resumen h2{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.8rem}.lista-objetivos,.lista-arquitectura{list-style:none;padding:0}.lista-objetivos li,.lista-arquitectura li{margin-bottom:1rem;padding:1rem;background:var(--color-white);border-radius:8px;border-left:3px solid var(--color-primary)}.stack-tecnologico{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.categoria-tecnologia{background:var(--color-white);padding:1.5rem;border-radius:10px;border:1px solid var(--color-border)}.categoria-tecnologia h4{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem}.tecnologias-proyecto{display:flex;flex-wrap:wrap;gap:.5rem}.etiqueta-tecnologia{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.etiqueta-tecnologia.frontend{background:#61dafb;color:#000}.etiqueta-tecnologia.backend{background:#68d391;color:#000}.etiqueta-tecnologia.herramientas{background:#ffa726;color:#000}.etiqueta-tecnologia.deploy{background:#9f7aea;color:var(--color-text-light)}.grid-caracteristicas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.tarjeta-caracteristica{background:var(--color-white);padding:1.5rem;border-radius:10px;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.tarjeta-caracteristica:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tarjeta-caracteristica h4{color:var(--color-primary);margin-bottom:.5rem;font-size:1.1rem}.tarjeta-caracteristica p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.cta-explorador{text-align:center;margin:3rem 0;padding:3rem 2rem;background:var(--color-tag);border-radius:15px;color:var(--color-text);border:2px solid var(--color-accent)}.cta-explorador h2{color:var(--color-primary);margin-bottom:1rem;font-size:2rem}.cta-explorador p{color:var(--color-text);opacity:.8;font-size:1.1rem;max-width:600px;margin:0 auto 2rem;line-height:1.6}.boton-explorar-codigo{background:var(--color-tag);color:var(--color-accent);border:2px solid var(--color-accent);padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.boton-explorar-codigo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:var(--color-accent);color:var(--color-text)}.pie-proyecto{text-align:center;margin-top:3rem}.enlace-github{display:inline-flex;align-items:center;background:var(--color-tag);color:var(--color-primary);padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s ease;border:2px solid var(--color-primary)}.enlace-github:hover{background:var(--color-primary);color:var(--color-tag)}:root{--contacto-gap: var(--spacing-xl);--form-gap: var(--spacing-lg);--field-padding: var(--spacing-lg);--input-padding: var(--spacing-md);--textarea-min-height: 120px;--contact-item-height: 80px;--form-shadow: 0 0 0 2px var(--color-hover);--item-hover-shadow: 0 4px 8px var(--shadow-color)}.seccion-contacto{display:flex;flex-direction:column;gap:var(--contacto-gap);padding:0;margin:0;width:100%;box-sizing:border-box}.seccion-contacto>*:not(h1){max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.formulario-contacto{display:flex;flex-direction:column;gap:var(--form-gap);width:100%;padding:0;margin:0;box-sizing:border-box}.formulario-contacto>p{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.formulario-contacto fieldset{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--field-padding);margin:0;background-color:var(--color-white)}.formulario-contacto legend{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-primary);padding:0 var(--spacing-sm);margin-left:calc(var(--spacing-sm) * -1)}.campo-formulario{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.campo-formulario label{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--color-primary)}.campo-formulario input,.campo-formulario textarea{padding:var(--input-padding);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-white);transition:all var(--transition-fast) var(--transition-timing);width:100%;box-sizing:border-box}.campo-formulario input:focus,.campo-formulario textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--form-shadow)}.campo-formulario textarea{resize:vertical;min-height:var(--textarea-min-height)}.boton-enviar{align-self:flex-start;padding:var(--input-padding) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-text-light);border:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) var(--transition-timing)}.boton-enviar:hover{background-color:var(--color-accent-dark);transform:translateY(-2px)}.boton-enviar:disabled{background-color:var(--color-text-muted);cursor:not-allowed;transform:none}.boton-red-social{text-decoration:none;color:inherit;transition:color var(--transition-fast) var(--transition-timing)}.mensaje-estado{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);text-align:center;background-color:var(--color-tag);color:var(--color-primary)}.info-contacto{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin:var(--spacing-lg) auto 0}.info-contacto-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--field-padding);background-color:var(--color-tag);border-radius:var(--border-radius-lg);transition:transform var(--transition-fast) var(--transition-timing),box-shadow var(--transition-fast) var(--transition-timing);min-height:var(--contact-item-height)}.info-contacto-item:hover{transform:translateY(-5px);box-shadow:var(--item-hover-shadow)}.info-contacto-item .icono{color:var(--color-accent);font-size:var(--font-size-2xl)}.info-contacto-item>div{min-width:0}.info-contacto-item h4{margin:0;color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.info-contacto-item p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);overflow-wrap:break-word}@media (max-width: 1024px){.seccion-contacto{max-width:100%;padding:0 var(--spacing-md)}.seccion-contacto>*:not(h1){max-width:100%}.info-contacto{grid-template-columns:1fr}}@media (max-width: 768px){.seccion-contacto{padding:0 var(--spacing-sm);gap:var(--spacing-lg)}.seccion-contacto>*:not(h1){max-width:100%;margin:0;padding:0}.formulario-contacto{padding:0;width:100%}.formulario-contacto fieldset{padding:var(--spacing-md);margin:0;width:100%;box-sizing:border-box}.campo-formulario{margin-bottom:var(--spacing-sm)}.boton-enviar{width:100%;text-align:center}.info-contacto-item{padding:var(--spacing-md);min-height:auto}.info-contacto-item .icono{font-size:var(--font-size-xl)}}@media (max-width: 480px){.seccion-contacto{padding:0 var(--spacing-xs);gap:var(--spacing-md)}.formulario-contacto fieldset{padding:var(--spacing-sm)}.formulario-contacto legend{font-size:var(--font-size-base);padding:0 var(--spacing-xs)}.info-contacto{margin-top:var(--spacing-md);gap:var(--spacing-md)}.info-contacto-item{flex-direction:column;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.info-contacto-item p{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion: reduce){.info-contacto-item,.boton-enviar,.campo-formulario input,.campo-formulario textarea{transition:none}.info-contacto-item:hover,.boton-enviar:hover{transform:none}}@media (prefers-color-scheme: dark){.formulario-contacto fieldset{border-color:var(--color-border-light)}.info-contacto-item{box-shadow:var(--shadow-color-dark)}}html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}#root{width:100%;height:100%}