@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Raleway:wght@300;400;600;700&display=swap";:root{--dorado:#b8860b;--dorado-claro:#d4af37;--rosa-glam:#f5a7c7;--rosa-fuerte:#e91e8c;--champagne:#f7e7ce;--nude:#e8c9a0;--plateado:silver;--blanco-perla:#faf8ff;--negro-elegante:#1a1a2e;--gris-suave:#f0eef6;--fondo-principal:#fdf6ec;--fondo-sidebar:#f7e7ce;--fondo-card:#fffc;--texto-oscuro:#2c1a0e;--texto-dorado:#b8860b}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{color:var(--dorado);font-family:Playfair Display,serif}body{background-color:var(--fondo-principal);flex-direction:column;min-height:100vh;margin:0;font-family:Raleway,sans-serif;display:flex}@keyframes splashIn{0%{opacity:0;filter:brightness(3)blur(8px);transform:scale(.5)}50%{opacity:1;filter:brightness(2)blur(2px);transform:scale(1.1)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}@keyframes splashBrillo{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.sidebar{background-color:var(--fondo-sidebar);border-right:2px solid var(--nude);z-index:1000;flex-direction:column;align-items:center;width:220px;min-height:100vh;padding:20px 0;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-logo img{height:200px;margin-bottom:30px}.sidebar-nav ul{width:100%;margin:0;padding:0;list-style:none}.sidebar-nav a{color:var(--texto-oscuro);letter-spacing:2px;text-transform:uppercase;border-left:3px solid #0000;padding:12px 20px;font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.sidebar-nav a:hover{background-color:var(--nude);border-left:3px solid var(--dorado);color:var(--texto-dorado)}.sidebar-nav a.active{background-color:var(--nude);border-left:3px solid var(--dorado);color:var(--texto-dorado);font-weight:700}.sidebar-overlay{z-index:999;background-color:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-abierta{transform:translate(0)}.sidebar-overlay{display:block}}.layout{min-height:100vh;display:flex}.layout-contenido{flex:1;margin-left:220px;padding:20px}.hamburguesa{z-index:1100;background-color:var(--nude,#f5f5f5);border:1px solid var(--dorado,#d4af37);color:var(--texto-oscuro,#333);cursor:pointer;border-radius:5px;padding:5px 10px;font-size:1.5rem;display:none;position:fixed;top:15px;left:15px;box-shadow:0 2px 5px #0003}@media (width<=768px){.layout-contenido{margin-left:0;padding:60px 15px 15px}.hamburguesa{display:block}}.home{text-align:center;padding:40px}.home-titulo{color:var(--dorado);text-align:center;letter-spacing:2px;margin-bottom:40px;font-family:Playfair Display,serif;font-size:3rem}.home-subtitulo{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--texto-oscuro);opacity:.6;margin-bottom:40px;font-family:Raleway,sans-serif}.home-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:0 auto;display:grid}.home-card{background:linear-gradient(145deg, var(--blanco-perla), var(--champagne));border:1px solid var(--nude);cursor:pointer;opacity:0;border-radius:16px;padding:30px 20px;transition:transform .3s,box-shadow .3s;animation:.6s forwards fadeInUp;box-shadow:0 4px 15px #d4af3726}.home-card:first-child{animation-delay:.1s}.home-card:nth-child(2){animation-delay:.3s}.home-card:nth-child(3){animation-delay:.5s}.home-card:hover{border-color:var(--dorado);transform:translateY(-8px);box-shadow:0 12px 30px #d4af3759}.home-card-avatar{object-fit:cover;border:3px solid var(--dorado-claro);border-radius:50%;width:150px;height:150px;margin-bottom:20px;box-shadow:0 0 20px #d4af374d}.home-card-nombre{color:var(--texto-oscuro);letter-spacing:1px;margin:0;font-family:Playfair Display,serif;font-size:1.1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.home-grid{grid-template-columns:1fr;max-width:300px}.home-titulo{font-size:2rem}}@media (width>=769px) and (width<=1024px){.home-grid{grid-template-columns:repeat(2,1fr)}}.explorador{max-width:1100px;margin:0 auto;padding:40px}.explorador-titulo{color:var(--dorado);text-align:center;letter-spacing:2px;margin-bottom:40px;font-family:Playfair Display,serif;font-size:3rem}.explorador-subtitulo{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--texto-oscuro);opacity:.6;margin-bottom:40px;font-family:Raleway,sans-serif}.explorador-controles{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.explorador-buscador{border:1px solid var(--nude);background-color:var(--blanco-perla);letter-spacing:1px;width:100%;color:var(--texto-oscuro);box-sizing:border-box;border-radius:30px;outline:none;padding:14px 20px;font-family:Raleway,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.explorador-buscador:focus{border-color:var(--dorado);box-shadow:0 0 15px #d4af3733}.explorador-filtros{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.explorador-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.explorador-vacio{text-align:center;color:var(--dorado);opacity:.7;grid-column:1/-1;padding:40px;font-family:Playfair Display,serif;font-size:1.2rem}@media (width<=1024px){.explorador-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.explorador{padding:20px}.explorador-grid{grid-template-columns:repeat(2,1fr)}.explorador-titulo{font-size:2rem}}@media (width<=480px){.explorador-grid{grid-template-columns:1fr}}.product-card{background:linear-gradient(145deg, var(--blanco-perla), var(--champagne));border:1px solid var(--nude);cursor:pointer;border-radius:16px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--dorado);transform:translateY(-6px);box-shadow:0 12px 30px #d4af3740}.product-img-container{background-color:var(--blanco-perla);border-bottom:1px solid var(--nude);justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.product-img{object-fit:contain;max-width:100%;max-height:100%;padding:15px;transition:transform .4s}.product-card:hover .product-img{transform:scale(1.08)}.product-info{flex-direction:column;flex-grow:1;justify-content:flex-start;padding:20px;display:flex}.product-nombre{color:var(--texto-oscuro);margin:0 0 10px;font-family:Playfair Display,serif;font-size:1rem;line-height:1.3}.product-subtitulo{color:var(--dorado);letter-spacing:1px;text-transform:uppercase;margin:0 0 15px;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600}.product-detalles{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.product-badge{background-color:var(--nude);letter-spacing:1px;text-transform:uppercase;color:var(--texto-oscuro);border-radius:15px;padding:3px 10px;font-family:Raleway,sans-serif;font-size:.7rem;font-weight:600}.product-precio{color:var(--dorado);margin:auto 0 0;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.glam-btn{border:1px solid var(--nude);background-color:var(--blanco-perla);letter-spacing:1px;text-transform:uppercase;color:var(--texto-oscuro);cursor:pointer;border-radius:25px;padding:10px 20px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s}.glam-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));border-color:var(--dorado);color:var(--negro-elegante)}.glam-btn.activo{background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));border-color:var(--dorado);color:var(--negro-elegante);font-weight:700}.glam-btn:disabled{opacity:.4;cursor:not-allowed}.barra-contenedor{margin-bottom:15px}.barra-label{color:var(--texto-oscuro);letter-spacing:1px;justify-content:space-between;margin-bottom:6px;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;display:flex}.barra-fondo{background-color:var(--nude);border-radius:10px;height:10px;overflow:hidden}.barra-relleno{background:linear-gradient(90deg, var(--dorado), var(--dorado-claro));border-radius:10px;width:0;height:100%;animation:1s forwards crecer}@keyframes crecer{to{width:var(--nivel)}}.carrusel{flex-direction:column;align-items:center;gap:20px;display:flex}.carrusel-controles{align-items:center;gap:30px;display:flex}.carrusel-card{background:linear-gradient(145deg, var(--blanco-perla), var(--champagne));border:1px solid var(--nude);text-align:center;box-sizing:border-box;border-radius:16px;width:100%;max-width:400px;padding:25px;box-shadow:0 4px 15px #d4af3726}.carrusel-img{object-fit:contain;z-index:1;border-radius:8px;width:fit-content;height:150px;margin-bottom:15px;transition:transform .3s,box-shadow .3s,z-index;position:relative}.carrusel-img:hover{z-index:999;transform:scale(2.05);box-shadow:0 0 0 9999px #000000b3}.carrusel-link{background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));color:var(--negro-elegante);border-radius:20px;margin-top:10px;padding:6px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.carrusel-link:hover{transform:translateY(-2px)}.carrusel-btn{color:var(--dorado);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1;transition:transform .2s,opacity .2s}.carrusel-btn:hover{opacity:1;transform:scale(1.2)}.carrusel-indicadores{gap:8px;margin-top:5px;display:flex}.carrusel-punto{background-color:var(--nude);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background-color .3s,transform .2s}.carrusel-punto.activo{background-color:var(--dorado);transform:scale(1.3)}@media (width<=768px){.carrusel-controles{justify-content:space-between;gap:10px;width:100%}.carrusel-card{padding:15px}.carrusel-img{height:120px}}.tech-stack{flex-wrap:wrap;gap:12px;display:flex}.tech-badge{background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));color:var(--negro-elegante);letter-spacing:1px;cursor:default;border-radius:25px;align-items:center;gap:8px;padding:8px 18px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.tech-icon{width:20px;height:20px}.tech-badge:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 15px #d4af3766}.perfil{max-width:900px;margin:0 auto;padding:40px}.perfil-header{background:linear-gradient(145deg, var(--blanco-perla), var(--champagne));border:1px solid var(--nude);border-radius:16px;align-items:center;gap:40px;margin-bottom:50px;padding:30px;display:flex;box-shadow:0 4px 15px #d4af3726}.perfil-avatar{object-fit:cover;border:3px solid var(--dorado-claro);border-radius:50%;width:150px;height:150px;box-shadow:0 0 25px #d4af3766}.perfil-nombre{color:var(--dorado);letter-spacing:2px;margin:0 0 8px;font-family:Playfair Display,serif;font-size:2.5rem}.perfil-rol{color:var(--texto-oscuro);letter-spacing:2px;text-transform:uppercase;opacity:.7;margin:0 0 20px;font-family:Raleway,sans-serif;font-size:1rem}.perfil-redes{gap:12px;display:flex}.perfil-red{letter-spacing:1px;text-transform:uppercase;border-radius:25px;padding:8px 20px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.perfil-red:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 20px #d4af3766}.github{background-color:var(--negro-elegante);color:var(--blanco-perla)}.linkedin{background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));color:var(--negro-elegante)}.perfil-seccion{margin-bottom:50px}.perfil-subtitulo{color:var(--dorado);letter-spacing:2px;border-bottom:1px solid var(--nude);margin-bottom:25px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:1.5rem}@media (width<=768px){.perfil{box-sizing:border-box;width:100%;padding:15px}.perfil-header{text-align:center;flex-direction:column;padding:20px 15px}.perfil-redes{justify-content:center}.perfil-nombre{font-size:2rem}}.api-seccion{flex-direction:column;max-width:1100px;min-height:80vh;margin:0 auto;padding:40px;display:flex}.api-titulo{color:var(--dorado);text-align:center;letter-spacing:2px;margin-bottom:40px;font-family:Playfair Display,serif;font-size:3rem}.api-subtitulo{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--texto-oscuro);opacity:.6;margin-bottom:40px;font-family:Raleway,sans-serif}.api-grid{flex-grow:1;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:40px;display:grid}.api-paginacion{justify-content:center;align-items:center;gap:20px;margin-top:auto;padding-top:20px;display:flex}.api-indicador-pagina{color:var(--dorado);letter-spacing:1px;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600}.api-loader-container,.api-error-container{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.api-loader{border:4px solid var(--nude);border-top:4px solid var(--dorado);border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}.api-loader-texto{color:var(--dorado);letter-spacing:2px;font-family:Playfair Display,serif;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.api-error-texto{color:#d9534f;margin-bottom:20px;font-family:Playfair Display,serif;font-size:1.5rem}.api-btn-reintentar{background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));text-transform:uppercase;color:var(--negro-elegante);cursor:pointer;border:none;border-radius:25px;padding:12px 30px;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:700;transition:transform .2s}.api-btn-reintentar:hover{transform:scale(1.05)}@media (width<=1024px){.api-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.api-seccion{padding:20px}.api-grid{grid-template-columns:repeat(2,1fr)}.api-titulo{font-size:2rem}}@media (width<=480px){.api-grid{grid-template-columns:1fr}.api-paginacion{flex-direction:column;gap:15px}}.lightbox-overlay{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-cerrar{color:var(--blanco-perla);cursor:pointer;z-index:10000;background:0 0;border:none;font-size:3rem;line-height:1;transition:color .2s;position:absolute;top:20px;right:30px}.lightbox-cerrar:hover{color:var(--dorado)}.lightbox-nav{color:var(--dorado);cursor:pointer;background:0 0;border:none;padding:0 20px;font-size:4rem;transition:color .3s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:var(--blanco-perla);transform:translateY(-50%)scale(1.1)}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-contenido{flex-direction:column;align-items:center;max-width:80%;max-height:85vh;display:flex;position:relative}.lightbox-img{object-fit:contain;background-color:var(--blanco-perla);border-radius:8px;max-width:100%;max-height:70vh;box-shadow:0 0 30px #d4af374d}.lightbox-info{text-align:center;color:var(--blanco-perla);margin-top:20px;font-family:Raleway,sans-serif}.lightbox-info h2{color:var(--dorado);margin:0 0 5px;font-family:Playfair Display,serif;font-size:2rem}.lightbox-info p{letter-spacing:1px;text-transform:capitalize;margin:0;font-size:1.2rem}@media (width<=768px){.lightbox-nav{padding:0 10px;font-size:2.5rem}.lightbox-cerrar{font-size:2.5rem;top:10px;right:15px}.lightbox-info h2{font-size:1.5rem}}.galeria-contenedor{padding:20px 40px}.galeria-titulo{color:var(--dorado);text-align:center;letter-spacing:2px;margin-bottom:40px;font-family:Playfair Display,serif;font-size:3rem}.galeria-subtitulo{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--texto-oscuro);opacity:.6;margin-bottom:40px;font-family:Raleway,sans-serif}.galeria-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.galeria-item{cursor:pointer;background-color:var(--blanco-perla);aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.galeria-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.galeria-item-overlay{opacity:0;background-color:#d4af37b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.galeria-item-overlay span{color:var(--blanco-perla);text-transform:uppercase;letter-spacing:2px;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:700;transition:transform .3s;transform:translateY(20px)}.galeria-item:hover img{transform:scale(1.1)}.galeria-item:hover .galeria-item-overlay{opacity:1}.galeria-item:hover .galeria-item-overlay span{transform:translateY(0)}@media (width<=768px){.galeria-contenedor{padding:15px}.galeria-titulo{font-size:2rem}.galeria-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.nodo{z-index:1;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:85px;padding:8px 12px;font-family:Raleway,sans-serif;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.nodo:hover{transform:translateY(-4px)}.nodo-nombre{letter-spacing:.5px;text-align:center;font-size:.8rem;font-weight:700}.nodo-badge{letter-spacing:1px;text-transform:uppercase;opacity:.7;font-size:.6rem}.nodo.raiz{background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));color:var(--negro-elegante);min-width:110px;box-shadow:0 4px 15px #d4af3766}.nodo.raiz:hover{box-shadow:0 8px 25px #d4af3780}.nodo.vista{background:linear-gradient(135deg, var(--rosa-glam), #f8c8da);color:var(--negro-elegante);border:1px solid var(--rosa-fuerte);box-shadow:0 4px 10px #f5a7c74d}.nodo.vista:hover{box-shadow:0 8px 20px #f5a7c780}.nodo.componente{background:linear-gradient(135deg, #e8e8f0, var(--blanco-perla));color:var(--negro-elegante);border:1px solid var(--plateado);box-shadow:0 4px 10px #c0c0c033}.nodo.componente:hover{box-shadow:0 8px 20px #c0c0c066}.nodo.dato{background:linear-gradient(135deg, var(--champagne), var(--nude));color:var(--negro-elegante);border:1px solid var(--dorado-claro);box-shadow:0 4px 10px #d4af3726}.nodo.dato:hover{box-shadow:0 8px 20px #d4af374d}@media (width<=768px){.nodo{min-width:90px;padding:10px 14px}}.arquitectura{text-align:center;max-width:1200px;margin:0 auto;padding:40px}.arquitectura-titulo{color:var(--dorado);text-align:center;letter-spacing:2px;margin-bottom:40px;font-family:Playfair Display,serif;font-size:3rem}.arquitectura-subtitulo{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--texto-oscuro);opacity:.6;margin-bottom:40px;font-family:Raleway,sans-serif}.leyenda{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:50px;display:flex}.leyenda-item{letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:6px 16px;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600}.arbol{flex-direction:column;align-items:center;gap:0;display:flex}.arbol-nivel{flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 0;display:flex;position:relative}.arbol-nivel:before{content:"";background-color:var(--dorado);width:2px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.arbol-nivel:first-child:before{display:none}.arbol-nivel:after{content:"";background-color:var(--dorado);width:calc(100% - 150px);height:2px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.arbol-ramas-container{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:15px;display:flex;position:relative}.arbol-ramas-container:after{content:"";background-color:var(--dorado);width:calc(100% - 150px);height:2px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.arbol-rama{flex-direction:column;align-items:center;padding-top:20px;display:flex;position:relative}.arbol-rama:before{content:"";background-color:var(--dorado);width:2px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.arbol-rama:first-child:before,.arbol-rama:nth-child(2):before,.arbol-rama:nth-child(3):before,.arbol-rama:nth-child(5):before,.arbol-rama:nth-child(6):before,.arbol-rama:nth-child(7):before{display:none}.arbol-hijos{flex-direction:column;align-items:center;gap:12px;padding-top:20px;display:flex;position:relative}.arbol-hijos:before{content:"";background-color:var(--dorado);width:2px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.leyenda-item.raiz{background:linear-gradient(135deg, var(--dorado), var(--dorado-claro));color:var(--negro-elegante)}.leyenda-item.vista{background:linear-gradient(135deg, var(--rosa-glam), #f8c8da);color:var(--negro-elegante);border:1px solid var(--rosa-fuerte)}.leyenda-item.componente{background:linear-gradient(135deg, #e8e8f0, var(--blanco-perla));color:var(--negro-elegante);border:1px solid var(--plateado)}.leyenda-item.dato{background:linear-gradient(135deg, var(--champagne), var(--nude));color:var(--negro-elegante);border:1px solid var(--dorado-claro)}.arbol-mobile{display:none}.arbol-desktop{display:block}@media (width<=768px){.arbol-desktop{display:none}.arbol-mobile{text-align:left;margin-top:30px;padding-left:10px;display:block}.arquitectura{padding:20px 10px}.arquitectura-titulo{font-size:2rem}.tree-root,.tree-root ul{margin:0;padding:0;list-style-type:none}.tree-root ul{margin-left:20px}.tree-root li{margin:0;padding-top:10px;padding-bottom:10px;padding-left:20px;position:relative}.tree-root li:before{content:"";border-left:2px solid var(--dorado);position:absolute;top:-10px;bottom:0;left:0}.tree-root>li{padding-left:0}.tree-root>li:before,.tree-root>li:after{display:none!important}.tree-root li:last-child:before{height:45px;bottom:auto}.tree-root li:after{content:"";border-top:2px solid var(--dorado);width:20px;position:absolute;top:35px;left:0}}@media (width<=400px){.arquitectura{padding:10px 5px}.arquitectura-titulo{margin-bottom:20px;font-size:1.6rem}.arquitectura-subtitulo{margin-bottom:25px;font-size:.9rem}.leyenda{gap:5px;margin-bottom:30px}.leyenda-item{padding:5px 10px;font-size:.7rem}}.bitacora-section{color:var(--negro-elegante,#1a1a2e);flex-direction:column;align-items:center;padding:2rem;display:flex}.bitacora-header{text-align:center}.bitacora-title{color:var(--dorado);text-align:center;letter-spacing:2px;margin-bottom:40px;font-family:Playfair Display,serif;font-size:3rem}.bitacora-description{letter-spacing:3px;color:var(--texto-oscuro);opacity:.6;font-family:Raleway,sans-serif;font-size:1.1rem}.bitacora-subtitle{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--texto-oscuro);opacity:.6;font-family:Raleway,sans-serif}.bitacora-container{background-color:var(--blanco-perla,#faf8ff);border:2px solid var(--dorado-claro,#d4af37);text-align:start;border-radius:30px;margin-bottom:2rem;padding:1rem 2rem;position:relative;box-shadow:0 4px 15px #0000001a}.bitacora-list-container{flex-direction:column;gap:1.5rem;width:100%;max-width:700px;display:flex}.linea-horizontal{background-color:var(--dorado-claro,#d4af37);width:100%;height:2px;margin:1rem 0}.hito-container{background-color:var(--nude,#f7e7ce);border:2px solid var(--dorado-claro,#d4af37);cursor:pointer;text-align:center;border-radius:30px;padding:1rem 2rem;transition:background-color .3s,border-color .3s,transform .3s,box-shadow .3s;position:relative}.hito-container:hover{background-color:var(--nude,#e8c9a0);border-color:var(--rosa-fuerte,#e91e8c);transform:scale(1.02);box-shadow:0 16px 30px #0000002e}.hito-texto{color:var(--negro-elegante,#1a1a2e);font-family:Raleway,sans-serif;font-size:1.1rem}.hito-popup{width:320px;color:var(--blanco-perla,#faf8ff);text-align:left;z-index:100;pointer-events:none;opacity:0;visibility:hidden;background-color:#1a1a2ef2;border-radius:12px;padding:1.2rem;font-size:.95rem;line-height:1.5;transition:opacity .3s,visibility .3s;position:absolute;bottom:130%;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #0003}.hito-container:hover .hito-popup{opacity:1;visibility:visible}