.dark-mode{background-color:#12171c;background-image:linear-gradient(to bottom right,#12171c,#333d4a)}.dark-mode,.dark-mode a,.dark-mode a:hover{color:#eaecee}body{margin:0;padding:0;transition:background-color .12s ease-in-out,color .12s ease-in-out;-webkit-transition:background-color .12s ease-in-out,color .12s ease-in-out;-moz-transition:background-color .12s ease-in-out,color .12s ease-in-out;-ms-transition:background-color .12s ease-in-out,color .12s ease-in-out;-o-transition:background-color .12s ease-in-out,color .12s ease-in-out}header{background:#fff;height:50px}body{background-attachment:fixed;min-height:100vh;position:relative}body:not(.dark-mode){background:linear-gradient(135deg,#fff,#f8faff 20%,rgba(238,242,255,.9) 40%,rgba(224,242,254,.8) 60%,rgba(236,254,255,.9) 80%,#fff);background-blend-mode:overlay;background-image:linear-gradient(135deg,rgba(147,197,253,.1),rgba(196,181,253,.1) 50%,rgba(167,243,208,.1));color:#2d3748}@media (max-width:800px) and (min-width:100px){.theme-toggle{background-color:transparent;border:none;border-radius:50%;bottom:18px;color:#030303;cursor:pointer;font-size:1rem;left:12px;padding:.5rem;position:fixed;transition:all .3s ease-in-out;z-index:1000}.dark-mode .ci-icon{color:#000!important}.dark-mode .theme-toggle p{color:#fff!important}.dark-mode .btn-arriba{background-color:#fff;color:#000}}@media (min-width:801px) and (max-width:1200px){.theme-toggle{background-color:transparent;border:none;border-radius:50%;color:#030303;cursor:pointer;font-size:1rem;padding:.5rem;position:fixed;right:12px;top:5px;transition:all .3s ease-in-out;z-index:1000}.dark-mode .theme-toggle p{color:#fff!important}.dark-mode .btn-arriba{background-color:#fff;color:#000}}@media (min-width:1201px){.theme-toggle{background-color:transparent;border:none;border-radius:50%;color:#030303;cursor:pointer;font-size:1rem;padding:.5rem;position:fixed;right:12px;top:-2px;transition:all .3s ease-in-out;z-index:1000}.dark-mode .theme-toggle p{color:#fff!important}.dark-mode .btn-arriba{background-color:#fff;color:#000}}.btn-arriba{align-items:center;background-color:rgba(0,0,0,.85);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#fff;display:flex;height:45px;justify-content:center;margin:0 1rem 1rem 0;transition:all .3s ease;width:45px}.btn-arriba:hover{background-color:#000;box-shadow:0 4px 12px rgba(0,0,0,.4);transform:translateY(-3px)}.btn-arriba i{font-size:1.5rem;line-height:0;transition:all .3s ease}.btn-arriba:hover i{color:#fff;transform:scale(1.1)}.dark-mode .btn-arriba{background-color:hsla(0,0%,100%,.2);box-shadow:0 2px 6px hsla(0,0%,100%,.2);color:#fff}.dark-mode .btn-arriba:hover{background-color:hsla(0,0%,100%,.3);box-shadow:0 4px 12px hsla(0,0%,100%,.3);color:#fff}.ci-icon{color:#000;font-size:18px;margin:0;padding:0}.dark-mode .theme-toggle p{color:#fff}.dark-mode .ci-icon{color:#000!important}button .ci-icon:hover{color:#000}.switch{display:inline-block;height:34px;position:relative;position:fixed;right:12px;top:15px;width:60px;z-index:1000}.switch #input{height:0;opacity:0;width:0}.slider1{background-color:#2196f3;bottom:0;cursor:pointer;left:0;overflow:hidden;right:0;top:0;z-index:0}.slider1,.sun-moon{position:absolute;-webkit-transition:.4s;transition:.4s}.sun-moon{background-color:#ff0;bottom:4px;content:"";height:26px;left:4px;width:26px}#input:checked+.slider1{background-color:#000}#input:focus+.slider1{box-shadow:0 0 1px #2196f3}#input:checked+.slider1 .sun-moon{-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both;background-color:#fff;-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.moon-dot{fill:gray;opacity:0;transition:.4s}#input:checked+.slider1 .sun-moon .moon-dot{opacity:1}.slider1.round{border-radius:34px}.slider1.round .sun-moon{border-radius:50%}#moon-dot-1{height:8px;left:8px;top:8px;width:8px}#moon-dot-1,#moon-dot-2{position:absolute;z-index:4}#moon-dot-2{height:10px;left:2px;top:10px;width:10px}#moon-dot-3{height:3px;left:16px;position:absolute;top:18px;width:3px;z-index:4}#light-ray-1{height:43px;left:-8px;top:-8px;width:43px}#light-ray-1,#light-ray-2{fill:#fff;opacity:10%;position:absolute;z-index:-1}#light-ray-2{height:55px;left:-50%;top:-50%;width:55px}#light-ray-3{fill:#fff;height:60px;left:-18px;opacity:10%;position:absolute;top:-18px;width:60px;z-index:-1}.cloud-light{fill:#eee}.cloud-dark,.cloud-light{animation-duration:6s;animation-iteration-count:infinite;animation-name:cloud-move;position:absolute}.cloud-dark{fill:#ccc;animation-delay:1s}#cloud-1{left:30px;top:15px;width:40px}#cloud-2{left:44px;top:10px;width:20px}#cloud-3{left:18px;top:24px;width:30px}#cloud-4{left:36px;top:18px;width:40px}#cloud-5{left:48px;top:14px;width:20px}#cloud-6{left:22px;top:26px;width:30px}@keyframes cloud-move{0%{transform:translateX(0)}40%{transform:translateX(4px)}80%{transform:translateX(-4px)}to{transform:translateX(0)}}.stars{opacity:0;transform:translateY(-32px);transition:.4s}.star{fill:#fff;animation-duration:2s;animation-iteration-count:infinite;animation-name:star-twinkle;position:absolute;-webkit-transition:.4s;transition:.4s}#input:checked+.slider1 .stars{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#star-1{animation-delay:.3s;left:3px;top:2px;width:20px}#star-2{left:3px;top:16px;width:6px}#star-3{animation-delay:.6s;left:10px;top:20px;width:12px}#star-4{animation-delay:1.3s;left:18px;top:0;width:18px}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}@keyframes rotate-center{0%{transform:translateX(26px) rotate(0)}to{transform:translateX(26px) rotate(1turn)}}@media (max-width:800px){.switch{bottom:18px;height:28px;left:12px;right:auto;top:auto;width:50px}.sun-moon{bottom:3px;height:22px;left:3px;width:22px}#input:checked+.slider1 .sun-moon{transform:translateX(22px)}}@media (min-width:1201px){.switch{height:25px;width:45px}.sun-moon{bottom:3px;height:19px;left:3px;width:19px}#input:checked+.slider1 .sun-moon{transform:translateX(20px)}.slider1.round{border-radius:25px}}.scroll-to-top-container{bottom:30px;position:fixed;right:30px;z-index:1000}.scroll-to-top-btn{background:linear-gradient(135deg,#667eea,#28317b);border:none;border-radius:50%;box-shadow:0 8px 25px rgba(102,126,234,.3);color:#fff;cursor:pointer;height:50px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.scroll-to-top-btn.show{opacity:1;transform:translateY(0) scale(1)}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#28317b,#667eea);box-shadow:0 15px 35px rgba(102,126,234,.4);transform:translateY(-5px) scale(1.05)}.scroll-to-top-btn:active{transform:translateY(-2px) scale(.98)}.btn-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.arrow-icon{height:20px;transition:transform .3s ease;width:20px;z-index:2}.scroll-to-top-btn:hover .arrow-icon{transform:translateY(-2px)}.ripple-effect{background:hsla(0,0%,100%,.3);border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:1}.scroll-to-top-btn:active .ripple-effect{height:100px;opacity:0;width:100px}.particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{background:hsla(0,0%,100%,.8);border-radius:50%;height:4px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:4px}.scroll-to-top-btn:hover .particle{opacity:1}.scroll-to-top-btn:hover .particle:first-child{animation:particle1 1s ease infinite}.scroll-to-top-btn:hover .particle:nth-child(2){animation:particle2 1s ease infinite}.scroll-to-top-btn:hover .particle:nth-child(3){animation:particle3 1s ease infinite}.scroll-to-top-btn:hover .particle:nth-child(4){animation:particle4 1s ease infinite}.scroll-to-top-btn:hover .particle:nth-child(5){animation:particle5 1s ease infinite}@keyframes particle1{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-30px) scale(1)}}@keyframes particle2{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-25px) translateX(20px) scale(1)}}@keyframes particle3{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-20px) translateX(-20px) scale(1)}}@keyframes particle4{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-15px) translateX(15px) scale(1)}}@keyframes particle5{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-10px) translateX(-15px) scale(1)}}.scroll-to-top-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.scroll-to-top-btn:hover:before{left:100%}@media (max-width:768px){.scroll-to-top-container{bottom:20px;right:12px}.scroll-to-top-btn{height:45px;width:45px}.arrow-icon{height:18px;width:18px}}@media (min-width:1200px){.scroll-to-top-container{bottom:40px;right:10px}.scroll-to-top-btn{height:45px;width:45px}.arrow-icon{height:18px;width:18px}}.dark-mode .scroll-to-top-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 25px rgba(79,172,254,.3)}.dark-mode .scroll-to-top-btn:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);box-shadow:0 15px 35px rgba(79,172,254,.4)}.mostrarList{display:none}.descripcionEncabezado{background:none!important;border:none!important;box-shadow:none!important;box-sizing:border-box;margin-top:100px;padding:0 16px;width:100%}@media (max-width:768px){.descripcionEncabezado{margin-top:80px;padding:0 24px}}@media (min-width:768px){.descripcionEncabezado{margin-top:6.5rem;padding-left:0;padding-right:0}}.descripcionEncabezado .card-text-descrip,.descripcionEncabezado .card-title{color:#232946;text-shadow:0 1px 8px rgba(0,0,0,.08);transition:color .3s,text-shadow .3s}@media (prefers-color-scheme:dark){.descripcionEncabezado .card-title{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.descripcionEncabezado .card-text-descrip{color:#e0e0e0!important;text-shadow:1px 1px 2px rgba(0,0,0,.2)}}.bienvenida-underline{position:relative}.bienvenida-underline .underline-gradient{animation:underlineMove 2.5s infinite alternate;background:linear-gradient(90deg,#6c63ff,#00c6fb);border-radius:4px;bottom:-8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;height:4px;left:50%;opacity:.9;position:absolute;transform:translateX(-50%);width:70%}@keyframes underlineMove{0%{opacity:.6;width:60%}to{opacity:1;width:80%}}.text-justify{text-wrap:balance}.letra-home p{text-wrap:wrap}#n2,#navbar,.container-fluid,.nav-ul,.nav-ul a,.navbar-brand,.navbar-toggler,nav{transition:background-color .12s ease-in-out,color .12s ease-in-out!important}nav .container-fluid .collapse{justify-content:end}.nav-ul a{color:#354a5f}.nav-link{align-items:center!important;display:flex!important;justify-content:center!important;justify-items:center!important}@media (min-width:1200px){.collapse,.nav-ul{position:relative}.nav-ul{align-items:center;background-color:#f5f6f7;color:#354a5f;display:flex;height:40px;justify-content:flex-start;margin:auto;width:90%;z-index:inherit}.nav-ul li{margin-right:10px;position:static;text-align:center;width:auto}.nav-ul a{background-color:#f5f6f7;display:inline-block;padding:5px 15px;position:relative}.nav-ul a:hover{color:#0040b0}#navbar,.dark-mode #navbar{height:50px;position:fixed;top:0;z-index:100}#navbar{background-color:#f5f6f7;left:50%;transform:translateX(-50%);width:100%}}.dark-mode #navbar,.dark-mode .nav-ul,.dark-mode .nav-ul a{background-color:#1d232a}.dark-mode .nav-ul a{color:#f5f6f7}.dark-mode .nav-ul a:hover{color:#4db1ff}@media (min-width:800px) and (max-width:1199px){.navbar-nav-scroll{overflow:visible}.navbar-nav{flex-direction:row}.container-fluid{width:90%!important}.navbar-collapse{display:flex!important;flex-basis:auto}.navbar-toggler{display:none}.collapse{position:relative}nav{max-width:1199px;width:100%}.nav-ul{align-items:center;background-color:#f5f6f7;color:#354a5f;display:flex;height:40px;justify-content:flex-start;margin:auto;position:relative;width:90%;z-index:inherit}.nav-ul li{margin:0 5px;position:static;text-align:center}.nav-ul a{background-color:#f5f6f7;display:inline-block;padding:5px 15px;position:relative}.nav-ul a:hover{color:#0040b0}.dark-mode .container-fluid,.dark-mode .nav-ul a{color:#fff}.dark-mode .nav-ul a:hover{color:#4db1ff}#navbar{background-color:#f5f6f7;height:50px;left:50%;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:100}}@media (max-width:799px){.navbar-toggler{background-color:#fff;color:#c7c7c7!important}.container-fluid{padding:.5em;width:90%!important}.container-fluid a{color:#354a5f;text-align:center}.dark-mode .container-fluid{padding:.5em;width:90%!important}.dark-mode #n2{background:transparent;background-color:#1d232a;color:#fff;height:52px}#n2,.dark-mode #n2{position:fixed;top:0;width:100%!important;z-index:100}#n2{background:transparent;background-color:hsla(0,0%,100%,.8);height:50px}.nav-ul{background-color:#f5f6f7;color:#354a5f;display:block;margin-bottom:5px;padding:5px 15px}.nav-ul:hover{color:#0040b0}.dark-mode .nav-ul{background-color:#1d232a;color:#fff}.dark-mode .nav-ul:hover{color:#4db1ff}.navbar li{border-bottom:1px solid #747577;width:100%!important}.dark-mode .navbar li{border-bottom:.8px solid #a4a5a8;width:100%!important}.nav-ul .nav-link,.nav-ul a{box-sizing:border-box;display:block!important;padding:12px 15px!important;text-align:left!important;width:100%!important}.nav-ul li{padding:0!important}.nav-ul li a{margin:0!important}}.nav-settings-item{margin-left:auto!important;margin-right:0!important;padding:5px 10px!important}.nav-settings-button{align-items:center;background:none;background-color:transparent;border:none;border-radius:50%;color:#354a5f;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:all .3s ease;width:32px}.nav-settings-button:hover{background:linear-gradient(135deg,#004085,#06c);color:#fff;transform:scale(1.1)}.dark-mode .nav-settings-button{background-color:transparent;color:#f5f6f7}.dark-mode .nav-settings-button:hover{background:linear-gradient(135deg,#004085,#06c);color:#fff}.settings-modal-overlay{animation:fadeIn .3s ease;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal-content{animation:slideInRight .3s ease;background-color:#f5f6f7;display:flex;flex-direction:column;gap:2rem;height:100vh;max-width:320px;overflow-y:auto;padding:2rem;position:relative;width:100%}.dark-mode .settings-modal-content{background-color:#12171c;background-image:linear-gradient(to bottom right,#12171c,#333d4a)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.settings-modal-overlay{align-items:flex-end;justify-content:center}.settings-modal-content{border-radius:1.5rem 1.5rem 0 0;bottom:0;height:auto;left:0;max-height:70vh;max-width:100%;position:fixed;width:100%}@keyframes slideInMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-modal-content{animation:slideInMobile .3s ease}}.settings-modal-close{align-items:center;background:none;border:none;color:#354a5f;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.dark-mode .settings-modal-close{color:#f5f6f7}.settings-modal-close:hover{transform:rotate(90deg)}.settings-modal-title{color:#354a5f;font-size:1.5rem;font-weight:700;margin-bottom:0;margin-top:1rem}.dark-mode .settings-modal-title{color:#f5f6f7}.settings-section{border-bottom:1px solid rgba(0,64,133,.15);padding-bottom:1.5rem}.settings-section:last-child{border-bottom:none}.dark-mode .settings-section{border-bottom-color:rgba(0,64,133,.25)}.settings-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.settings-icon{align-items:center;background:linear-gradient(135deg,#004085,#06c);border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.settings-icon.globe{background:linear-gradient(135deg,#6c63ff,#00c6fb)}.settings-label{color:#354a5f;font-size:1.1rem;font-weight:600;margin:0}.dark-mode .settings-label{color:#f5f6f7}.settings-buttons-group{display:flex;flex-wrap:wrap;gap:1rem}.settings-buttons-group.column{flex-direction:column}.settings-btn{align-items:center;background:rgba(245,246,247,.05);border:2px solid transparent;border-radius:.5rem;color:#354a5f;cursor:pointer;display:flex;flex:1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem;transition:all .3s ease}.dark-mode .settings-btn{background:rgba(245,246,247,.05);color:#e0e0e0}.settings-btn:hover{background:rgba(245,246,247,.1);transform:translateY(-2px)}.settings-btn.active{background:linear-gradient(135deg,#004085,#06c);border-color:transparent;box-shadow:0 4px 12px rgba(0,64,133,.2);color:#fff}.settings-btn.active:hover{transform:translateY(-2px) scale(1.02)}.settings-buttons-group.column .settings-btn{flex:1;justify-content:flex-start}@media (max-width:768px){.nav-settings-item{border-bottom:none!important;border-top:1px solid rgba(0,64,133,.15);margin-left:0!important;margin-top:0!important;padding:0!important;width:100%}.dark-mode .nav-settings-item{border-top-color:rgba(0,64,133,.25)}.nav-settings-button{border-radius:0;gap:10px;height:auto;justify-content:flex-start;padding:12px 15px;width:100%}.nav-settings-button:after{content:"Settings";font-weight:500}}.banner{align-items:center;justify-content:center;margin:auto;min-height:440px;padding-top:90px;width:70%}.banner>.p-2{flex:1;max-width:500px;min-width:0}.banner h2,.banner p{min-height:1.5em}.dark-mode .banner p{color:#e0e0e0}.sectionbanner{display:flex;justify-items:center!important;position:relative}.iwinserPerfil{border-radius:12px;margin:auto}.iwinserPerfil img{display:block;margin:auto;position:relative;width:100%;z-index:1}.iwinserPerfil{overflow:hidden;position:relative;transition:all .3s ease}.iwinserPerfil:after,.iwinserPerfil:before{background:linear-gradient(135deg,rgba(0,0,0,.06),transparent 50%);content:"";height:250px;left:0;position:absolute;right:0;z-index:2}.iwinserPerfil:before{top:0;transform:skewY(-5deg);transform-origin:top left}.iwinserPerfil:after{background:linear-gradient(-45deg,rgba(0,0,0,.06),transparent 50%);bottom:0;transform:skewY(5deg);transform-origin:bottom right}.iwinserPerfil:hover:before{background:linear-gradient(135deg,rgba(33,33,33,.06),transparent 50%);transform:skewY(-5deg) translateY(-10px);transition:all .3s ease}.iwinserPerfil:hover:after{background:linear-gradient(-45deg,rgba(33,33,33,.06),transparent 50%);transform:skewY(5deg) translateY(10px);transition:all .3s ease}.dark-mode .iwinserPerfil:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%)}.dark-mode .iwinserPerfil:after{background:linear-gradient(-45deg,hsla(0,0%,100%,.1),transparent 50%)}.nametitle{color:#232946;font-family:monospace;font-size:3rem;font-weight:700;transition:color .3s ease}.dark-mode .nametitle{color:#f5f6f7}@media (min-width:992px){.sectionbanner{display:block;justify-items:center!important;min-height:450px!important;padding-top:44px!important;position:relative}.iwinserPerfil{flex-shrink:0;min-width:200px;width:24%}.banner>.p-2{flex:1;max-width:550px;min-width:300px}}@media (min-width:768px) and (max-width:991px){.sectionbanner{display:block;justify-items:center!important;min-height:450px!important;padding-top:34px!important;position:relative}.iwinserPerfil{width:25%}}@media (max-width:767px){.iwinserPerfil img{width:210px}.logos-contact{justify-content:center}.bannerItem img{height:300px;width:90%}.banner{flex-direction:column;margin-top:2rem;min-height:470px;width:90%}.sectionbanner{display:block;justify-items:center!important;min-height:260px!important;padding-top:24px;position:relative}}.sizeIconBanner{font-size:12px!important}.social-buttons.social-buttons-small{flex-direction:row;gap:10px;justify-content:center;padding:0}.social-button.small{border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.08);font-size:.95rem;min-width:90px;padding:6px 14px}.social-button.small i{font-size:1.1rem;margin-right:7px}.social-button.small span{font-size:.97rem}.social-button.small:hover{transform:translateY(-1px) scale(1.04)}.social-button.github.small:hover{box-shadow:0 0 8px 1px #6e5494,0 2px 8px rgba(0,0,0,.18)}.social-button.linkedin.small:hover{box-shadow:0 0 8px 1px #00a0dc,0 2px 8px rgba(0,0,0,.18)}.social-button.cv.small:hover{box-shadow:0 0 8px 1px #ff4b5c,0 2px 8px rgba(0,0,0,.18)}.dark-mode .certificados-container p{color:#fff!important}.certificados-container{margin:0 auto;max-width:800px;padding:8px}.view-toggle-container{display:flex;justify-content:center;margin-bottom:20px}.view-toggle-btn{align-items:center;background-color:#004085;border:1px solid #004085;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.view-toggle-btn:hover{background-color:#002752;border-color:#002752}.view-toggle-btn:focus{box-shadow:0 0 0 2px #004085;outline:2px solid #fff;outline-offset:2px}.view-toggle-btn i{font-size:1rem}.dark-mode .view-toggle-btn{background-color:#1a75ff;border-color:#1a75ff;color:#000}.dark-mode .view-toggle-btn:hover{background-color:#3385ff;border-color:#3385ff}.timeline-content{padding:4px 8px;text-align:left}.timeline-content .title{color:#333;font-size:.9rem;font-weight:700;margin-bottom:4px}.timeline-content .institucion{color:#666;font-size:.8rem;margin-bottom:4px}.timeline-content .fecha{color:#888;font-size:.75rem;margin-bottom:8px}.cards-container{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease}.dark-mode .card{background-color:#333}.card:hover{transform:translateY(-5px)}.card-content{padding:16px}.card-content .title{color:#333;font-size:.9rem;font-weight:700;margin-bottom:8px}.card-content .institucion{color:#666;font-size:.8rem;margin-bottom:6px}.card-content .fecha{color:#888;font-size:.75rem;margin-bottom:12px}.view-link{align-items:center;background-color:#004085;border:1px solid #004085;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.view-link:hover{background-color:#002752;border-color:#002752}.view-link:focus{box-shadow:0 0 0 2px #004085;outline:2px solid #fff;outline-offset:2px}.view-link i{font-size:.9rem}@media (max-width:768px){.card-content .title,.timeline-content .title{font-size:.85rem}.card-content .institucion,.timeline-content .institucion{font-size:.75rem}.view-link{font-size:.7rem;padding:2px 4px}.cards-container{grid-template-columns:1fr}}.modal{background-color:#000;background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;overflow:auto;padding-top:60px;position:fixed;top:0;width:100%;z-index:1}.modal-content{display:block;margin:auto;max-width:600px;width:80%}.close{color:#f1f1f1;font-size:40px;font-weight:700;position:absolute;right:35px;top:20px;transition:.3s}.close:focus,.close:hover{color:#bbb;cursor:pointer;text-decoration:none}@media (min-width:1200px){.certificados-iconos .fa-eye{color:gray}.acerca-cnt{width:70%}.certificados-iconos li:hover{background:#2e7272!important}.certificados-iconos li:hover p{color:#f0f8ff!important}.logos-contact{display:flex;justify-content:space-around!important;width:90%}}@media (min-width:800px) and (max-width:1199px){.acerca-cnt{width:80%}.certificados-iconos .fa-eye{color:#282847}.certificados-iconos li:hover{background:#2e7272!important}.certificados-iconos li:hover p{color:#f0f8ff!important}.logos-contact{display:flex;justify-content:space-around!important;width:90%}}@media (max-width:799px){.acerca-cnt{margin:auto!important;width:100%}.certificados-iconos .fa-eye{color:gray}.certificados-iconos{width:100%!important}.certificados-iconos li:hover{background:#2e7272!important}.certificados-iconos li:hover p{color:#f0f8ff!important}.cnt-detalle-perfil{align-content:space-between;display:flex;flex-direction:column;height:500px}.logos-contact{display:flex;justify-content:space-around;width:100%}}p{color:#000;font-family:Roboto Slab,serif}.dark-mode .acerca-cnt p{color:#fff}.dark-mode .acerca-cnt ul li p{color:#070707}.dark-mode .certificados-iconos ul{box-shadow:-1px 12px 18px -6px hsla(0,0%,94%,.38);-webkit-box-shadow:-1px 12px 18px -6px hsla(0,0%,92%,.38);-moz-box-shadow:-1px 12px 18px -6px hsla(0,0%,93%,.38)}.certificados-iconos ul{box-shadow:-1px 12px 18px 3px rgba(0,0,0,.38);-webkit-box-shadow:-1px 12px 18px 3px rgba(0,0,0,.38);-moz-box-shadow:-1px 12px 18px 3px rgba(0,0,0,.38)}.container-experiencia{margin-top:3rem}.experiencia,.experiencia-detail{align-content:flex-start;display:flex;flex-direction:column}.experiencia-detail{color:#333;font-family:Arial,sans-serif;line-height:1.5;padding:20px}.experiencia-detail h5{color:#0a6ed1;font-size:1.25rem;margin-bottom:10px}.experiencia-detail ul{margin:0;padding-left:20px}.experiencia-detail ul li{margin-bottom:5px}.dark-mode .experiencia-detail,.dark-mode .experiencia-detail h5{color:#fff}.experiencia h4{font-size:2rem;font-weight:700}.cert-container{margin-top:3rem}.imagenes-exp{box-shadow:-1px 12px 18px -6px hsla(0,0%,94%,.38);-webkit-box-shadow:1px 12px 18px 12px hsla(0,0%,92%,.38);-moz-box-shadow:-1px 12px 18px -6px hsla(0,0%,93%,.38);margin:12px}.image-grid{grid-gap:20px;display:grid;grid-auto-rows:minmax(240px,auto);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-template-rows:auto;padding:10px}.image-item{background:#2b2b2b;border-radius:12px;position:relative}.image-item:hover .image-overlay{border-radius:12px;opacity:1}.image-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.imgActual3{height:240px;object-fit:contain;width:100%}.nav-link{color:#fff;text-decoration:none}.name-alt{background-color:rgba(0,0,0,.5);color:#fff;margin:0;padding:10px;text-align:center;width:100%}.dark-mode .git-link p,.dark-mode .linkedin-link p,.dark-mode .pdf-link p{background-color:#2a2a2a;border:1px solid #0a6ed1;border-radius:.25rem;box-shadow:0 2px 2px rgba(0,0,0,.15);color:#fff;cursor:pointer;font-size:1rem;padding:8px;text-align:center;transition:all .3s ease-in-out}.dark-mode .git-link p:hover,.dark-mode .linkedin-link p:hover,.dark-mode .pdf-link p:hover{background-color:#0a6ed1;border-color:#0a6ed1;box-shadow:0 4px 8px rgba(0,0,0,.25);color:#fff}.git-link p,.linkedin-link p,.pdf-link p{background-color:#2a2a2a;border:1px solid #6a6d70;border-radius:.25rem;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-weight:600;padding:8px;text-align:center;transition:all .3s ease-in-out}.pdf-link p{background-color:#f9e5e5;border:1px solid rgba(179,32,32,.2);border-radius:.4rem;color:#b32020}.pdf-link p:hover{background-color:#f3d6d6;box-shadow:0 4px 6px rgba(179,32,32,.2);transform:translateY(-1px)}.git-link p{background-color:#f4e5f9;border:1px solid rgba(117,19,126,.2);border-radius:.4rem;color:#75137e}.git-link p:hover{background-color:#ecd6f3;box-shadow:0 4px 6px rgba(117,19,126,.2);transform:translateY(-1px)}.linkedin-link p{background-color:#e5e9f9;border:1px solid rgba(28,34,208,.2);border-radius:.4rem;color:#1c22d0}.linkedin-link p:hover{background-color:#d6e0f3;box-shadow:0 4px 6px rgba(28,34,208,.2);transform:translateY(-1px)}.git-link p:hover,.linkedin-link p:hover,.pdf-link p:hover{transition:all .3s ease-in-out}.slider{background:#799bb1;background:linear-gradient(90deg,rgba(121,155,177,0),hsla(0,0%,100%,.11) 3%,rgba(156,183,201,.438) 25%,rgba(156,183,201,.438) 48%,rgba(121,155,177,.427) 70%,hsla(0,0%,100%,.11) 97%,rgba(121,155,177,0));height:60px;margin:40px auto;overflow:hidden;position:relative;width:70%;&:after,&:before{content:"";height:60px;position:absolute;width:150px;z-index:2}&:before{left:0;top:0}&:after{right:0;top:0;transform:rotate(180deg)}.slide-track{animation:scroll 40s linear infinite;display:flex;width:2100px}.slide{height:60px;width:200px}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-1050px)}}.art-seccion{margin-top:24px}@media (min-width:1200px){.certificados-iconos li:hover{background:#e7e7e7;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.certificados-iconos li:hover p .icon-li{animation:shake .5s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,.5);color:#f7b502;transform:translateX(0);transition:.3s;transition:transform .3s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}}@media (min-width:800px) and (max-width:1199px){.certificados-iconos li:hover{background:#e7e7e7;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.certificados-iconos li:hover p .icon-li{animation:shake .5s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,.5);color:#f7b502;transform:translateX(0);transition:.3s;transition:transform .3s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}}@media (max-width:799px){.slider{height:60px;width:100%}.certificados-iconos li:hover{background:#e7e7e7;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.certificados-iconos li:hover p .icon-li{animation:shake .5s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,.5);color:#f7b502;transform:translateX(0);transition:.3s;transition:transform .3s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}}.content-aside{margin-top:32px;text-align:center;width:100%}.aside-div-int h6{color:#000}.cont-int-aside{display:inline-block;justify-content:center;padding:6px 0;width:100%}.cont-int-aside a{color:#000;text-decoration:none}.dark-mode .content-aside h6,.dark-mode .content-aside p{color:#fff}@media (min-width:1200px){.aside,.noBorder{align-items:center;justify-content:center;width:100%}.aside-div-int1{display:flex;flex-direction:row}}@media (min-width:800px) and (max-width:1199px){.aside,.noBorder{align-items:center;justify-content:center;width:100%}.aside-div-int1{display:flex;flex-direction:row}}@media (max-width:799px){.aside,.noBorder{align-items:center;justify-content:center;width:100%}}@media (max-width:530px){.content-aside{flex-direction:column;margin:18px 0}.cont-int-aside{justify-content:center;margin-left:0;text-align:center;width:100%}.aside,.noBorder{width:100%}.aside-div-int h6{margin-left:0}.aside-div-int{margin:4px 0;text-align:center;width:100%}}.sizeIcon{font-size:14px!important}.social-buttons{display:flex;flex-direction:column;gap:15px;padding:15px;width:100%}.social-button{align-items:center;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-weight:600;justify-content:center;padding:8px 18px;text-decoration:none;transition:all .3s ease}.social-button i{font-size:1.5rem;margin-right:12px}.social-button span{font-size:1rem}.social-button.github{background-color:#24292e;color:#fff}.social-button.linkedin{background-color:#0077b5;color:#fff}.social-button.cv{background-color:#dc3545;color:#fff}.social-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)}.social-button.github:hover{background-color:#2f363d;box-shadow:0 0 12px 2px #6e5494,0 4px 16px rgba(0,0,0,.25)}.social-button.linkedin:hover{background-color:#006396;box-shadow:0 0 12px 2px #00a0dc,0 4px 16px rgba(0,0,0,.25)}.social-button.cv:hover{background-color:#c82333;box-shadow:0 0 12px 2px #ff4b5c,0 4px 16px rgba(0,0,0,.25)}.dark-mode .social-button{box-shadow:0 2px 4px hsla(0,0%,100%,.1)}.dark-mode .social-button:hover{box-shadow:0 4px 8px hsla(0,0%,100%,.2)}@media (min-width:800px){.social-buttons{flex-direction:row;justify-content:center}}@media (max-width:799px){.social-buttons{align-items:center;flex-direction:column}}:root{--iconGit:#b140c0;--iconLinkedin:#0e76a8;--iconPdf:#8d0808;--iconWsp:#0b4412;--iconEmail:linear-gradient(90deg,#d44638,#ff5b32)}@tailwind base;@tailwind components;@tailwind utilities;.main-container{margin:auto;max-width:1400px}body{font-size:1.1rem}.modal-backdrop{z-index:-1}.dark-mode .footer p{color:#fff}:root{--blog-accent:#007bff;--blog-accent-light:#3395ff;--blog-accent-dark:#0056b3;--blog-accent-bg:rgba(0,123,255,.08);--blog-accent-bg-strong:rgba(0,123,255,.15);--blog-radius-sm:6px;--blog-radius:12px;--blog-radius-lg:16px;--blog-radius-full:9999px;--blog-bg-primary-end:var(--blog-gray-100);--blog-bg-hero:var(--blog-accent);--blog-bg-hero-end:var(--blog-accent-dark);--blog-card-bg:#fff;--blog-card-shadow:0 4px 6px -1px rgba(0,0,0,.1);--blog-card-shadow-hover:0 20px 25px -5px rgba(0,0,0,.1);--blog-input-bg:#fff;--blog-tag-bg:var(--blog-gray-50);--blog-tag-active-bg:var(--blog-accent);--blog-shadow-sm:0 1px 2px rgba(0,0,0,.05);--blog-shadow:0 4px 6px -1px rgba(0,0,0,.1);--blog-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--blog-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}.dark-mode{--blog-bg-primary-end:var(--blog-site-dark-end);--blog-bg-hero:var(--blog-site-dark);--blog-bg-hero-end:var(--blog-site-dark-end);--blog-card-bg:var(--blog-gray-900);--blog-card-shadow:0 4px 6px -1px rgba(0,0,0,.3);--blog-card-shadow-hover:0 20px 25px -5px rgba(0,0,0,.4);--blog-input-bg:var(--blog-gray-800);--blog-tag-bg:var(--blog-gray-800);--blog-shadow-sm:0 1px 2px rgba(0,0,0,.2);--blog-shadow:0 4px 6px -1px rgba(0,0,0,.3);--blog-shadow-lg:0 10px 15px -3px rgba(0,0,0,.3);--blog-shadow-xl:0 20px 25px -5px rgba(0,0,0,.4)}.blog-modern{background-color:var(--blog-bg-primary);background-image:linear-gradient(to bottom right,var(--blog-bg-primary),var(--blog-bg-primary-end));min-height:100vh}.blog-hero{background:linear-gradient(135deg,var(--blog-gray-100) 0,var(--blog-gray-200) 50%,var(--blog-gray-100) 100%);border-bottom:1px solid var(--blog-gray-200);height:auto;min-height:220px;overflow:hidden;padding:3.5rem 1.5rem 4rem;position:relative;text-align:center}.dark-mode .blog-hero{background:linear-gradient(135deg,var(--blog-gray-800) 0,var(--blog-gray-900) 50%,var(--blog-gray-700) 100%);border-bottom:1px solid var(--blog-gray-600)}.blog-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%239C92AC' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.blog-hero__content{margin:0 auto;max-width:700px;position:relative;z-index:1}.blog-hero__title{align-items:center;color:var(--blog-text-primary);display:flex;font-size:2.5rem;font-weight:800;gap:.75rem;justify-content:center;margin:0 0 .5rem}.blog-hero__icon{font-size:2.25rem}.blog-hero__subtitle{color:var(--blog-text-secondary);font-size:1.05rem;font-weight:400;margin:0 0 1.5rem}.blog-search-wrapper{margin:0 auto;max-width:600px}.blog-search{align-items:center;background:var(--blog-input-bg);border-radius:var(--blog-radius-full);-webkit-border-radius:var(--blog-radius-full);-moz-border-radius:var(--blog-radius-full);-ms-border-radius:var(--blog-radius-full);-o-border-radius:var(--blog-radius-full);box-shadow:var(--blog-shadow-lg);display:flex;padding:.5rem 1rem;transition:all .3s ease}.blog-search:focus-within{box-shadow:var(--blog-shadow-xl),0 0 0 4px var(--blog-accent-bg);transform:translateY(-2px)}.blog-search__icon{font-size:1.25rem;margin-right:.75rem;opacity:.6}.blog-search__input{background:none;border:none;color:var(--blog-text-primary);flex:1;font-size:1rem;outline:none;padding:.75rem 0}.blog-search__input::placeholder{color:var(--blog-text-muted)}.blog-search__clear{align-items:center;background:var(--blog-bg-tertiary);border:none;border-radius:50%;color:var(--blog-text-tertiary);cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .2s;width:28px}.blog-search__clear:hover{background:var(--blog-border-primary);color:var(--blog-text-secondary)}.blog-filters-bar{background:var(--blog-bg-secondary);border-bottom:1px solid var(--blog-border-primary);box-shadow:var(--blog-shadow-sm);padding:0 1.5rem;position:sticky;top:0;z-index:50}.blog-filters-bar__inner{display:flex;justify-content:center;margin:0 auto;max-width:1200px}.blog-categories{-ms-overflow-style:none;display:flex;gap:.5rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none}.blog-categories::-webkit-scrollbar{display:none}.blog-category-tab{align-items:center;background:var(--blog-bg-secondary);border:1px solid var(--blog-border-primary);border-radius:var(--blog-radius-full);color:var(--blog-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease;white-space:nowrap}.blog-category-tab:hover{background:var(--blog-accent-bg);border-color:var(--blog-accent);color:var(--blog-accent)}.blog-category-tab.active{background:var(--blog-accent);border-color:var(--blog-accent);color:var(--blog-text-inverse)}.blog-category-tab__count{background:rgba(0,0,0,.1);border-radius:var(--blog-radius-full);font-size:.75rem;padding:.15rem .5rem}.blog-category-tab.active .blog-category-tab__count{background:hsla(0,0%,100%,.2)}.blog-tags-section{background:var(--blog-bg-secondary);border-bottom:1px solid var(--blog-border-primary);padding:1rem 1.5rem}.blog-tags-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:0 auto;max-width:1200px}.blog-tags-label{color:var(--blog-text-tertiary);font-size:.9rem;font-weight:500;white-space:nowrap}.blog-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag-chip{align-items:center;background:var(--blog-tag-bg);border:1px solid var(--blog-border-primary);border-radius:var(--blog-radius-full);color:var(--blog-text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.4rem;padding:.4rem .9rem;transition:all .2s ease}.blog-tag-chip:hover{background:var(--blog-accent-bg);border-color:var(--blog-accent);color:var(--blog-accent)}.blog-tag-chip.active{background:var(--blog-accent);border-color:var(--blog-accent);color:var(--blog-white)}.blog-tag-chip__x{font-size:.75rem;margin-left:.25rem}.blog-tag-chip--more{background:transparent;border-style:dashed;color:var(--blog-accent)}.blog-active-filters,.blog-tag-chip--more:hover{background:var(--blog-accent-bg)}.blog-active-filters{border-bottom:1px solid var(--blog-border-primary);padding:.75rem 1.5rem}.blog-active-filters__inner{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin:0 auto;max-width:1200px}.blog-active-filters__label{color:var(--blog-text-secondary);font-size:.85rem;font-weight:500}.blog-active-filter{align-items:center;background:var(--blog-accent);border-radius:var(--blog-radius-full);color:var(--blog-text-inverse);display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.35rem .75rem}.blog-active-filter button{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;opacity:.8;padding:0;transition:opacity .2s}.blog-active-filter button:hover{opacity:1}.blog-clear-all{background:none;border:none;color:var(--blog-error);cursor:pointer;font-size:.85rem;font-weight:500;margin-left:auto;padding:.35rem .75rem;transition:all .2s}.blog-clear-all:hover{text-decoration:underline}.blog-content{margin:0 auto;max-width:1200px;padding:2rem 1.5rem 4rem}.blog-state{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);box-shadow:var(--blog-shadow);padding:4rem 2rem;text-align:center}.blog-state__icon{display:block;font-size:3rem;margin-bottom:1rem}.blog-state h3{color:var(--blog-text-primary);margin:0 0 .5rem}.blog-state p{color:var(--blog-text-tertiary);margin:0 0 1.5rem}.blog-state button{background:var(--blog-accent);border:none;border-radius:var(--blog-radius-full);color:var(--blog-text-inverse);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.blog-state button:hover{background:var(--blog-accent-light);transform:translateY(-2px)}.blog-loader{animation:spin 1s linear infinite;border:4px solid var(--blog-border-primary);border-radius:50%;border-top-color:var(--blog-accent);height:48px;margin:0 auto 1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.blog-results-info{margin-bottom:1.5rem}.blog-results-info p{color:var(--blog-text-tertiary);font-size:.95rem;margin:0}.blog-posts-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.blog-post-card--featured{grid-column:span 2}.blog-post-card--featured .blog-post-card__image{height:280px}.blog-post-card--featured .blog-post-card__title{font-size:1.5rem}.blog-post-card{background:var(--blog-card-bg);border-radius:var(--blog-radius-lg);box-shadow:var(--blog-card-shadow);overflow:hidden;transition:all .3s ease}.blog-post-card:hover{box-shadow:var(--blog-card-shadow-hover);transform:translateY(-6px)}.blog-post-card__link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-post-card__image{background:var(--blog-bg-tertiary);height:180px;overflow:hidden;position:relative}.blog-post-card__image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blog-post-card:hover .blog-post-card__image img{transform:scale(1.08)}.blog-post-card__category{background:var(--blog-card-bg);border-radius:var(--blog-radius-full);box-shadow:var(--blog-shadow);color:var(--blog-text-secondary);font-size:.8rem;font-weight:600;left:1rem;padding:.4rem .9rem;position:absolute;top:1rem}.blog-post-card__body{display:flex;flex:1;flex-direction:column;padding:1.25rem}.blog-post-card__meta{align-items:center;color:var(--blog-text-tertiary);display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.75rem}.blog-post-card__dot{opacity:.5}.blog-post-card__title{-webkit-line-clamp:2;color:var(--blog-text-primary);font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 .5rem}.blog-post-card__excerpt,.blog-post-card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-post-card__excerpt{-webkit-line-clamp:3;color:var(--blog-text-secondary);flex:1;font-size:.9rem;line-height:1.6;margin:0 0 1rem}.blog-post-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.blog-post-card__tag{background:var(--blog-accent-bg);border-radius:var(--blog-radius-sm);color:var(--blog-accent);font-size:.75rem;padding:.2rem .5rem}.blog-post-card__tag--more{background:var(--blog-bg-tertiary);color:var(--blog-text-tertiary)}.blog-post-card__footer{align-items:center;border-top:1px solid var(--blog-border-secondary);color:var(--blog-text-tertiary);display:flex;font-size:.85rem;justify-content:space-between;padding-top:1rem}.blog-post-card__author{align-items:center;display:flex;gap:.5rem}.blog-post-card__avatar{font-size:1.1rem}.blog-pagination-modern{align-items:center;border-top:1px solid var(--blog-border-primary);display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;padding-top:2rem}.blog-pagination-modern__btn{background:var(--blog-bg-secondary);border:1px solid var(--blog-border-primary);border-radius:var(--blog-radius-full);color:var(--blog-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.blog-pagination-modern__btn:hover:not(:disabled){background:var(--blog-accent-bg);border-color:var(--blog-accent);color:var(--blog-accent)}.blog-pagination-modern__btn:disabled{cursor:not-allowed;opacity:.5}.blog-pagination-modern__info{color:var(--blog-text-tertiary);font-size:.9rem}.blog-pagination-modern__info strong{color:var(--blog-text-primary)}.blog-cta{background:linear-gradient(135deg,var(--blog-gray-100) 0,var(--blog-gray-200) 50%,var(--blog-gray-100) 100%);border:1px solid var(--blog-gray-200);border-radius:var(--blog-radius-lg);margin:0 auto 2rem;max-width:1200px;padding:2.5rem 2rem;text-align:center}.dark-mode .blog-cta{background:linear-gradient(135deg,var(--blog-gray-800) 0,var(--blog-gray-900) 50%,var(--blog-gray-700) 100%);border:1px solid var(--blog-gray-600)}.blog-cta__content h3{color:var(--blog-text-primary);font-size:1.35rem;margin:0 0 .5rem}.blog-cta__content p{color:var(--blog-text-secondary);font-size:.95rem;margin:0 0 1.25rem}.blog-cta__button{background:var(--blog-bg-secondary);border-radius:var(--blog-radius-full);color:var(--blog-accent);display:inline-block;font-weight:600;padding:.85rem 2rem;text-decoration:none;transition:all .3s ease}.blog-cta__button:hover{box-shadow:var(--blog-shadow-lg);transform:translateY(-3px)}@media (max-width:1024px){.blog-posts-grid{grid-template-columns:repeat(2,1fr)}.blog-post-card--featured{grid-column:span 2}}@media (max-width:768px){.blog-hero{padding:3rem 1rem 4rem}.blog-hero__title{flex-direction:column;font-size:2rem;gap:.5rem}.blog-hero__subtitle{font-size:1rem}.blog-filters-bar__inner{justify-content:flex-start}.blog-categories{padding:.75rem 0}.blog-category-tab{font-size:.85rem;padding:.5rem 1rem}.blog-tags-wrapper{align-items:flex-start;flex-direction:column}.blog-posts-grid{gap:1.25rem;grid-template-columns:1fr}.blog-post-card--featured{grid-column:span 1}.blog-post-card--featured .blog-post-card__image{height:200px}.blog-post-card--featured .blog-post-card__title{font-size:1.15rem}.blog-content{padding:1.5rem 1rem 3rem}.blog-pagination-modern{flex-direction:column;gap:1rem}.blog-cta{margin:0 1rem 1.5rem;padding:2rem 1.5rem}.blog-cta__content h3{font-size:1.25rem}}@media (max-width:480px){.blog-hero{padding:2.5rem 1rem 3.5rem}.blog-hero__title{font-size:1.75rem}.blog-hero__icon{font-size:2rem}.blog-search{padding:.4rem .75rem}.blog-search__input{font-size:.9rem;padding:.5rem 0}.blog-post-card__body{padding:1rem}.blog-post-card__title{font-size:1rem}.blog-post-card__excerpt{-webkit-line-clamp:2;font-size:.85rem}}:root{--blog-primary:#007bff;--blog-primary-light:#3395ff;--blog-primary-dark:#0056b3;--blog-gray-900:#1d232a;--blog-gray-800:#252d36;--blog-gray-700:#333d4a;--blog-gray-600:#4a5568;--blog-gray-500:#64748b;--blog-gray-400:#94a3b8;--blog-gray-300:#cbd5e1;--blog-gray-200:#e2e8f0;--blog-gray-100:#f1f5f9;--blog-gray-50:#f8fafc;--blog-site-dark:#12171c;--blog-site-dark-end:#333d4a;--blog-error:#dc3545;--blog-success:#28a745;--blog-warning:#ffc107;--blog-info:#17a2b8;--blog-bg-primary:var(--blog-gray-50);--blog-bg-secondary:#fff;--blog-bg-tertiary:var(--blog-gray-100);--blog-text-primary:var(--blog-gray-900);--blog-text-secondary:var(--blog-gray-600);--blog-text-tertiary:var(--blog-gray-500);--blog-text-muted:var(--blog-gray-400);--blog-text-inverse:#fff;--blog-border-primary:var(--blog-gray-200);--blog-border-secondary:var(--blog-gray-100);--blog-shadow:0 1px 3px rgba(0,0,0,.05);--blog-shadow-hover:0 10px 25px rgba(0,0,0,.1)}.dark-mode{--blog-bg-primary:var(--blog-site-dark);--blog-bg-secondary:var(--blog-gray-900);--blog-bg-tertiary:var(--blog-gray-800);--blog-text-primary:var(--blog-gray-100);--blog-text-secondary:var(--blog-gray-300);--blog-text-tertiary:var(--blog-gray-400);--blog-text-muted:var(--blog-gray-500);--blog-border-primary:var(--blog-gray-700);--blog-border-secondary:var(--blog-gray-800);--blog-shadow:0 1px 3px rgba(0,0,0,.2);--blog-shadow-hover:0 10px 25px rgba(0,0,0,.3)}.blog-container{background-color:var(--blog-bg-primary);margin:0 auto;max-width:1200px;padding:2rem 1rem}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{color:var(--blog-text-primary);font-size:2.5rem;margin-bottom:.5rem}.blog-header p{color:var(--blog-text-secondary);font-size:1.1rem}.blog-layout{display:grid;gap:2rem;grid-template-columns:250px 1fr;margin-bottom:2rem}.blog-filters{background:var(--blog-bg-tertiary);border:1px solid var(--blog-border-primary);border-radius:8px;height:fit-content;padding:1.5rem;position:sticky;top:20px}.blog-filters__header{align-items:center;border-bottom:2px solid var(--blog-border-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.blog-filters__header h3{color:var(--blog-text-primary);font-size:1.1rem;margin:0}.blog-filters__clear{background:none;border:none;border-radius:4px;color:var(--blog-error);cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:background .2s}.blog-filters__clear:hover{background:rgba(220,53,69,.1)}.blog-filters__section{margin-bottom:1.5rem}.blog-filters__search{background:var(--blog-bg-secondary);border:1px solid var(--blog-border-primary);border-radius:6px;color:var(--blog-text-primary);font-size:.95rem;padding:.75rem;transition:border-color .2s;width:100%}.blog-filters__search:focus{border-color:var(--blog-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}.blog-filters__toggle{align-items:center;background:none;border:none;border-bottom:1px solid var(--blog-border-primary);color:var(--blog-text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:.75rem 0;text-align:left;transition:color .2s;width:100%}.blog-filters__toggle:hover{color:var(--blog-primary)}.blog-filters__icon{font-size:.8rem;transition:transform .2s}.blog-filters__options,.blog-filters__tags{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0}.blog-filters__option,.blog-filters__tag-option{align-items:center;color:var(--blog-text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 0}.blog-filters__option input,.blog-filters__tag-option input{cursor:pointer;height:16px;width:16px}.blog-filters__option span,.blog-filters__tag-option span{flex:1}.blog-filters__option:hover,.blog-filters__tag-option:hover{color:var(--blog-primary)}.blog-filters__loading{color:var(--blog-text-tertiary);font-size:.9rem;padding:.5rem 0}.blog-filters__active{border-top:1px solid var(--blog-border-primary);margin-top:1.5rem;padding-top:1rem}.blog-filters__active-title{color:var(--blog-text-secondary);font-size:.9rem;margin-bottom:.5rem}.blog-filters__active-tag{align-items:center;background:var(--blog-primary);border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:.5rem;margin-right:.5rem;padding:.4rem .8rem}.blog-filters__active-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0;transition:opacity .2s}.blog-filters__active-tag button:hover{opacity:.8}.blog-main{min-height:500px}.blog-empty,.blog-error,.blog-loading{background:var(--blog-bg-tertiary);border:1px solid var(--blog-border-primary);border-radius:8px;color:var(--blog-text-secondary);padding:3rem 2rem;text-align:center}.blog-error{background:rgba(220,53,69,.05);border-color:var(--blog-error);color:var(--blog-error)}.blog-empty__description{font-size:.95rem;margin-top:.5rem}.blog-results{color:var(--blog-text-secondary);font-size:.95rem;margin-bottom:1.5rem}.blog-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.blog-card-link{color:inherit;text-decoration:none}.blog-card{background:var(--blog-bg-secondary);border:1px solid var(--blog-border-primary);border-radius:8px;box-shadow:var(--blog-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.blog-card:hover{border-color:var(--blog-primary);box-shadow:var(--blog-shadow-hover);transform:translateY(-4px)}.blog-card__image{background:var(--blog-bg-tertiary);height:200px;overflow:hidden;position:relative;width:100%}.blog-card__image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__category{background:var(--blog-primary);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem;position:absolute;right:1rem;top:1rem}.blog-card__content{display:flex;flex:1;flex-direction:column;padding:1.5rem}.blog-card__meta{color:var(--blog-text-tertiary);display:flex;font-size:.85rem;gap:1rem;margin-bottom:1rem}.blog-card__title{color:var(--blog-text-primary);flex-grow:1;font-size:1.2rem;line-height:1.4;margin-bottom:.75rem}.blog-card__excerpt{color:var(--blog-text-secondary);flex-grow:1;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-card__tag{background:var(--blog-bg-tertiary);border-radius:4px;color:var(--blog-primary);font-size:.8rem;padding:.3rem .6rem;transition:background .2s}.blog-card:hover .blog-card__tag{background:rgba(0,123,255,.1)}.blog-card__footer{color:var(--blog-secondary);font-size:.85rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.blog-card__footer,.blog-pagination{align-items:center;border-top:1px solid var(--blog-border);display:flex}.blog-pagination{gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.blog-pagination__btn{background:#fff;border:1px solid var(--blog-border);border-radius:6px;color:var(--blog-text);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.blog-pagination__btn:hover:not(:disabled){border-color:var(--blog-primary);color:var(--blog-primary)}.blog-pagination__btn:disabled{cursor:not-allowed;opacity:.5}.blog-pagination__pages{display:flex;gap:.5rem}.blog-pagination__page{background:#fff;border:1px solid var(--blog-border);border-radius:6px;color:var(--blog-text);cursor:pointer;font-weight:500;height:36px;transition:all .2s;width:36px}.blog-pagination__page:hover{border-color:var(--blog-primary);color:var(--blog-primary)}.blog-pagination__page.active{background:var(--blog-primary);border-color:var(--blog-primary);color:#fff}.blog-post-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.blog-breadcrumb{align-items:center;color:var(--blog-secondary);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:2rem}.blog-breadcrumb a{color:var(--blog-primary);text-decoration:none;transition:color .2s}.blog-breadcrumb a:hover{text-decoration:underline}.blog-post-error,.blog-post-loading{background:var(--blog-bg-light);border:1px solid var(--blog-border);border-radius:8px;padding:3rem 2rem;text-align:center}.blog-post-error{background:rgba(239,68,68,.05);border-color:var(--blog-error);color:var(--blog-error)}.blog-post-link{background:var(--blog-primary);border-radius:6px;color:#fff;display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s}.blog-post-link:hover{background:var(--blog-primary-light)}.blog-post{background:#fff;border:1px solid var(--blog-border);border-radius:8px;display:flex;flex-direction:column;margin-bottom:2rem;padding:2rem}.blog-post__header{background:transparent;display:block;height:auto!important;margin-bottom:1.5rem;min-height:auto}.blog-post__meta{color:var(--blog-secondary);display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem;margin-bottom:.75rem}.blog-post__category{background:var(--blog-primary);border-radius:20px;color:#fff;font-weight:600;padding:.4rem .8rem}.blog-post__title{word-wrap:break-word;color:var(--blog-text);display:block;font-size:2rem;hyphens:auto;line-height:1.4;margin-bottom:1rem;margin-top:.75rem;overflow-wrap:break-word}.blog-post__author{color:var(--blog-secondary);font-size:.95rem;margin-bottom:1rem}.blog-post__image{border-radius:8px;display:block;flex-shrink:0;margin-bottom:2rem;margin-top:0;max-height:400px;object-fit:cover;width:100%}.blog-post__content{clear:both;color:var(--blog-text);font-size:1rem;line-height:1.8;margin-bottom:2rem;margin-top:0;position:relative}.blog-post__content>:first-child{margin-top:0}.blog-post__content h2{color:var(--blog-text);font-size:1.5rem;margin-bottom:1rem;margin-top:1.5rem}.blog-post__content h3{color:var(--blog-text);font-size:1.2rem;margin-bottom:.8rem;margin-top:1.2rem}.blog-post__content p{margin-bottom:1rem}.blog-post__content ol,.blog-post__content ul{margin-bottom:1rem;margin-left:2rem}.blog-post__content li{margin-bottom:.5rem}.blog-post__content a{color:var(--blog-primary);text-decoration:underline}.blog-post__content a:hover{color:var(--blog-primary-light)}.blog-post__content code{background:var(--blog-bg-light);border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .4rem}.blog-post__content pre{background:var(--blog-bg-light);border-radius:8px;margin-bottom:1rem;overflow-x:auto;padding:1rem}.blog-post__inline-image{margin:2rem 0;text-align:center}.blog-post__inline-image img{border-radius:8px;box-shadow:var(--blog-shadow-hover);height:auto;max-width:100%}.blog-post__inline-image figcaption{color:var(--blog-text-secondary);font-size:.9rem;font-style:italic;margin-top:.75rem}.blog-post__tags{border-bottom:1px solid var(--blog-border);border-top:1px solid var(--blog-border);margin-bottom:2rem;padding:1.5rem 0}.blog-post__tags h3{color:var(--blog-text);font-size:1rem;margin:0 0 1rem}.blog-post__tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.blog-post__tag{align-items:center;background:var(--blog-bg-light);border:1px solid transparent;border-radius:20px;color:var(--blog-primary);display:inline-flex;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.blog-post__tag:hover{background:var(--blog-primary);border-color:var(--blog-primary);color:#fff}.blog-post__navigation{padding-top:2rem;text-align:center}.blog-post__back-link{background:#fff;border:1px solid var(--blog-border);border-radius:6px;color:var(--blog-primary);display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.blog-post__back-link:hover{background:var(--blog-primary);border-color:var(--blog-primary);color:#fff}.comments-section{border-top:2px solid var(--blog-border);margin-top:3rem;padding-top:2rem}.comments-section__title{color:var(--blog-text);font-size:1.5rem;margin-bottom:2rem}.comments-form{background:var(--blog-bg-light);border:1px solid var(--blog-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.comments-form__title{color:var(--blog-text);font-size:1.1rem;margin-bottom:.5rem}.comments-form__info{color:var(--blog-secondary);font-size:.9rem;margin-bottom:1rem}.comments-form__error{align-items:center;background:rgba(239,68,68,.05);border:1px solid var(--blog-error);border-radius:6px;color:var(--blog-error);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.comments-form__error p{flex:1;margin:0}.comments-form__error-close{background:none;border:none;color:var(--blog-error);cursor:pointer;font-size:1.2rem;height:24px;padding:0;transition:opacity .2s;width:24px}.comments-form__error-close:hover{opacity:.7}.comments-form__success{background:rgba(16,185,129,.05);border:1px solid var(--blog-success);border-radius:6px;color:var(--blog-success);font-size:.95rem;margin-bottom:1rem;padding:1rem}.comments-form__form{display:flex;flex-direction:column;gap:1rem}.comments-form__row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.comments-form__group{display:flex;flex-direction:column;gap:.5rem}.comments-form__label-row{align-items:center;display:flex;justify-content:space-between}.comments-form__label{color:var(--blog-text);font-size:.95rem;font-weight:500}.comments-form__char-count{color:var(--blog-secondary);font-size:.85rem}.comments-form__input,.comments-form__textarea{background:#fff;border:1px solid var(--blog-border);border-radius:6px;color:var(--blog-text);font-family:inherit;font-size:.95rem;padding:.75rem;transition:border-color .2s}.comments-form__input:focus,.comments-form__textarea:focus{border-color:var(--blog-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}.comments-form__textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:120px;resize:vertical}.comments-form__submit{align-self:flex-start;background:var(--blog-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.comments-form__submit:hover:not(:disabled){background:var(--blog-primary-light);box-shadow:0 4px 12px rgba(37,99,235,.3);transform:translateY(-2px)}.comments-form__submit:disabled{cursor:not-allowed;opacity:.6}.comments-list{margin-top:2rem}.comments-list__title{color:var(--blog-text);font-size:1.1rem;margin-bottom:1rem}.comments-list__items{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.comment-item{background:#fff;border:1px solid var(--blog-border);border-radius:6px;padding:1.5rem}.comment-item__header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.comment-item__author{color:var(--blog-text);font-weight:600}.comment-item__date{color:var(--blog-secondary);font-size:.85rem}.comment-item__content{color:var(--blog-text);line-height:1.6;margin:0}.comments-list__empty{background:var(--blog-bg-light);border:1px dashed var(--blog-border);border-radius:8px;color:var(--blog-secondary);padding:2rem;text-align:center}@media (max-width:768px){.blog-layout{grid-template-columns:1fr}.blog-filters{position:static}.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:2rem}.blog-post{padding:1rem}.blog-post__title{font-size:1.5rem}.blog-pagination{flex-wrap:wrap}.comments-form__row{grid-template-columns:1fr}.blog-post__meta{flex-direction:column;gap:.5rem}}@media (max-width:480px){.blog-container{padding:1rem .5rem}.blog-header h1{font-size:1.5rem}.blog-header p{font-size:1rem}.blog-filters{padding:1rem}.blog-card{margin-bottom:1rem}.blog-post__content{font-size:.95rem}.comment-item{padding:1rem}}.blog-card__excerpt,.blog-card__meta{color:var(--blog-dark-text-secondary)}.blog-post{background:var(--blog-dark-bg-secondary);border-color:var(--blog-dark-border)}.blog-post__title{color:var(--blog-dark-text)}.blog-post__content{color:var(--blog-dark-text-secondary)}.comment-item{background:var(--blog-dark-bg);border-color:var(--blog-dark-border)}.comment-item__author{color:var(--blog-dark-text)}.comment-item__content{color:var(--blog-dark-text-secondary)}.dark-mode .blog-container{background-color:var(--blog-dark-bg);background-image:linear-gradient(to bottom right,var(--blog-dark-bg),var(--blog-dark-gradient-end))}.dark-mode .blog-header h1{color:var(--blog-dark-text)}.dark-mode .blog-header p{color:var(--blog-dark-text-secondary)}.dark-mode .blog-filters{background:var(--blog-dark-bg-secondary)}.dark-mode .blog-filters,.dark-mode .blog-filters__header{border-color:var(--blog-dark-border)}.dark-mode .blog-filters__header h3{color:var(--blog-dark-text)}.dark-mode .blog-filters__toggle{border-color:var(--blog-dark-border);color:var(--blog-dark-text)}.dark-mode .blog-filters__toggle:hover{color:var(--blog-primary-light)}.dark-mode .blog-filters__search{background:var(--blog-dark-bg);border-color:var(--blog-dark-border);color:var(--blog-dark-text)}.dark-mode .blog-filters__search:focus{border-color:var(--blog-primary);box-shadow:0 0 0 3px rgba(0,123,255,.2)}.dark-mode .blog-filters__option,.dark-mode .blog-filters__tag-option{color:var(--blog-dark-text-secondary)}.dark-mode .blog-filters__option:hover,.dark-mode .blog-filters__tag-option:hover{color:var(--blog-primary-light)}.dark-mode .blog-filters__active{border-color:var(--blog-dark-border)}.dark-mode .blog-empty,.dark-mode .blog-loading{background:var(--blog-dark-bg-secondary);border-color:var(--blog-dark-border);color:var(--blog-dark-text-secondary)}.dark-mode .blog-results{color:var(--blog-dark-text-secondary)}.dark-mode .blog-card{background:var(--blog-dark-bg-secondary);border-color:var(--blog-dark-border);box-shadow:0 1px 3px rgba(0,0,0,.2)}.dark-mode .blog-card:hover{border-color:var(--blog-primary);box-shadow:0 10px 25px rgba(0,0,0,.3)}.dark-mode .blog-card__title{color:var(--blog-dark-text)}.dark-mode .blog-card__excerpt,.dark-mode .blog-card__meta{color:var(--blog-dark-text-secondary)}.dark-mode .blog-card__tag{background:rgba(0,123,255,.15)}.dark-mode .blog-card__read-more,.dark-mode .blog-card__tag{color:var(--blog-primary-light)}.dark-mode .blog-pagination,.dark-mode .blog-pagination__btn{border-color:var(--blog-dark-border)}.dark-mode .blog-pagination__btn{background:var(--blog-dark-bg-secondary);color:var(--blog-dark-text)}.dark-mode .blog-pagination__btn:hover:not(:disabled){border-color:var(--blog-primary);color:var(--blog-primary-light)}.dark-mode .blog-pagination__info{color:var(--blog-dark-text-secondary)}.dark-mode .blog-post{background:var(--blog-dark-bg-secondary);border-color:var(--blog-dark-border)}.dark-mode .blog-post__title{color:var(--blog-dark-text)}.dark-mode .blog-post__meta{color:var(--blog-dark-text-secondary)}.dark-mode .blog-post__category{background:rgba(0,123,255,.15);color:var(--blog-primary-light)}.dark-mode .blog-post__content{color:var(--blog-dark-text-secondary)}.dark-mode .blog-post__content h2,.dark-mode .blog-post__content h3,.dark-mode .blog-post__content h4,.dark-mode .blog-post__content h5,.dark-mode .blog-post__content h6,.dark-mode .blog-post__content p{color:var(--blog-dark-text)}.dark-mode .blog-post__content code{color:var(--blog-primary-light)}.dark-mode .blog-post__content code,.dark-mode .blog-post__content pre{background:var(--blog-dark-bg);border-color:var(--blog-dark-border)}.dark-mode .blog-post__content blockquote{background:var(--blog-dark-bg);border-left-color:var(--blog-primary);color:var(--blog-dark-text-secondary)}.dark-mode .blog-post__inline-image figcaption{color:var(--blog-dark-text-secondary)}.dark-mode .blog-post__tags{border-color:var(--blog-dark-border)}.dark-mode .blog-post__tag{background:rgba(0,123,255,.15)}.dark-mode .blog-post__back,.dark-mode .blog-post__tag{color:var(--blog-primary-light)}.dark-mode .comments-section{background:var(--blog-dark-bg-secondary);border-color:var(--blog-dark-border)}.dark-mode .comments-section h3{color:var(--blog-dark-text)}.dark-mode .comments-form__input,.dark-mode .comments-form__textarea{background:var(--blog-dark-bg);border-color:var(--blog-dark-border);color:var(--blog-dark-text)}.dark-mode .comments-form__input:focus,.dark-mode .comments-form__textarea:focus{border-color:var(--blog-primary);box-shadow:0 0 0 3px rgba(0,123,255,.2)}.dark-mode .comment-item{background:var(--blog-dark-bg);border-color:var(--blog-dark-border)}.dark-mode .comment-item__author{color:var(--blog-dark-text)}.dark-mode .comment-item__content,.dark-mode .comment-item__date,.dark-mode .comments-list__empty{color:var(--blog-dark-text-secondary)}.dark-mode .comments-list__empty{background:var(--blog-dark-bg);border-color:var(--blog-dark-border)}.dark-mode .blog-post-container{background-color:var(--blog-dark-bg);background-image:linear-gradient(to bottom right,var(--blog-dark-bg),var(--blog-dark-gradient-end))}.dark-mode .blog-breadcrumb{color:var(--blog-dark-text-secondary)}.dark-mode .blog-breadcrumb a{color:var(--blog-primary-light)}.dark-mode .blog-post-error,.dark-mode .blog-post-loading{background:var(--blog-dark-bg-secondary);border-color:var(--blog-dark-border);color:var(--blog-dark-text-secondary)}.dark-mode .blog-post-error{background:rgba(220,53,69,.1);color:#ff6b7a}.dark-mode .blog-post__author{color:var(--blog-dark-text-secondary)}.dark-mode .blog-post__author strong{color:var(--blog-dark-text)}.dark-mode .blog-post__image,.dark-mode .blog-post__navigation{border-color:var(--blog-dark-border)}.dark-mode .blog-post__back-link{color:var(--blog-primary-light)}.dark-mode .blog-post__date,.dark-mode .blog-post__views{color:var(--blog-dark-text-secondary)}