/* Bundle CSS TecnoTutorial (min) - generato il 2025-08-17 09:10:42 +0200 */
:root{--primary-color:#4f46e5;--primary-rgb:79,70,229;--secondary-color:#f97316;--secondary-rgb:249,115,22;--success-color:#10b981;--success-rgb:16,185,129;--info-color:#0ea5e9;--info-rgb:14,165,233;--warning-color:#fbbf24;--warning-rgb:251,191,36;--danger-color:#f43f5e;--danger-rgb:244,63,94;--light-color:#ffffff;--dark-color:#4b5563;--python-color:#3b82f6;--ai-color:#ec4899;--web-color:#06b6d4;--devops-color:#8b5cf6;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--bg-light:#ffffff;--bg-off-white:#fafafa;--bg-primary-light:#eef2ff;--bg-secondary-light:#fff7ed;--bg-success-light:#ecfdf5;--bg-info-light:#f0f9ff;--bg-warning-light:#fffbeb;--bg-danger-light:#fef2f2;--primary-color-light:rgba(var(--primary-rgb),0.1);--secondary-color-light:rgba(var(--secondary-rgb),0.1);--success-color-light:rgba(var(--success-rgb),0.1);--danger-color-light:rgba(var(--danger-rgb),0.1);--bg-python:rgba(59,130,246,0.08);--bg-ai:rgba(236,72,153,0.08);--bg-web:rgba(6,182,212,0.08);--bg-devops:rgba(139,92,246,0.08);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-xxxl:5rem;--border-radius-sm:0.375rem;--border-radius-md:0.75rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:9999px;--border-width:1px;--font-family-base:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-family-heading:'Space Grotesk',var(--font-family-base);--font-family-monospace:'JetBrains Mono',SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px rgba(0,0,0,0.04),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.03),0 8px 10px rgba(0,0,0,0.04);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.06);--transition-base:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--header-height:70px;--footer-bg-color:#0f172a;--card-border-color:var(--gray-200);--hero-overlay-color:rgba(255,255,255,0.9);--search-highlight-color:var(--warning-color);--code-bg-color:var(--gray-50);--albert-ai-primary:var(--primary-color);--albert-ai-secondary:var(--secondary-color);--albert-ai-accent:var(--info-color);--tecnomente-light:var(--bg-primary-light);--albert-ai-gradient:linear-gradient(135deg,var(--primary-color),#818cf8);--albert-ai-gradient-alt:linear-gradient(135deg,var(--secondary-color),#fb923c);--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--backdrop-blur:blur(10px)}@media (prefers-color-scheme:dark){:root{--dark-mode-bg:#18181b;--dark-mode-text:#fafafa;--dark-mode-card-bg:#27272a;--dark-mode-border:#3f3f46;--dark-mode-accent:var(--info-color)}}:root{--primary-color:#4f46e5;--primary-rgb:79,70,229;--secondary-color:#f97316;--secondary-rgb:249,115,22;--success-color:#10b981;--success-rgb:16,185,129;--info-color:#0ea5e9;--info-rgb:14,165,233;--warning-color:#fbbf24;--warning-rgb:251,191,36;--danger-color:#f43f5e;--danger-rgb:244,63,94;--light-color:#ffffff;--dark-color:#4b5563;--python-color:#3b82f6;--ai-color:#ec4899;--web-color:#06b6d4;--devops-color:#8b5cf6;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--bg-light:#ffffff;--bg-off-white:#fafafa;--bg-primary-light:#eef2ff;--bg-secondary-light:#fff7ed;--bg-success-light:#ecfdf5;--bg-info-light:#f0f9ff;--bg-warning-light:#fffbeb;--bg-danger-light:#fef2f2;--primary-color-light:rgba(var(--primary-rgb),0.1);--secondary-color-light:rgba(var(--secondary-rgb),0.1);--success-color-light:rgba(var(--success-rgb),0.1);--danger-color-light:rgba(var(--danger-rgb),0.1);--bg-python:rgba(59,130,246,0.08);--bg-ai:rgba(236,72,153,0.08);--bg-web:rgba(6,182,212,0.08);--bg-devops:rgba(139,92,246,0.08);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-xxxl:5rem;--border-radius-sm:0.375rem;--border-radius-md:0.75rem;--border-radius-lg:1.5rem;--border-radius-xl:2rem;--border-radius-full:9999px;--border-width:1px;--font-family-base:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-family-heading:'Space Grotesk',var(--font-family-base);--font-family-monospace:'JetBrains Mono',SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px rgba(0,0,0,0.04),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.03),0 8px 10px rgba(0,0,0,0.04);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.06);--transition-base:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--header-height:40px;--footer-bg-color:#0f172a;--card-border-color:var(--gray-200);--hero-overlay-color:rgba(255,255,255,0.9);--search-highlight-color:var(--warning-color);--code-bg-color:var(--gray-50);--tecnobot-primary:var(--primary-color);--tecnobot-secondary:var(--secondary-color);--tecnobot-accent:var(--info-color);--tecnobot-light:var(--bg-primary-light);--tecnobot-gradient:linear-gradient(135deg,var(--primary-color),#818cf8);--tecnobot-gradient-alt:linear-gradient(135deg,var(--secondary-color),#fb923c);--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--backdrop-blur:blur(10px)}@media (prefers-color-scheme:dark){:root{--dark-mode-bg:#18181b;--dark-mode-text:#fafafa;--dark-mode-card-bg:#27272a;--dark-mode-border:#3f3f46;--dark-mode-accent:var(--info-color)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--gray-700);line-height:var(--line-height-normal);background-color:var(--bg-light);font-display:swap;min-height:100vh;text-rendering:optimizeSpeed;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--primary-color-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--gray-900);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--spacing-md)}small{font-size:var(--font-size-sm)}strong{font-weight:var(--font-weight-bold)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-md) 0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-accent{color:var(--info-color)!important}.featured-tutorials,.categories-grid,.ai-section-container .ai-gradient-card,.ai-content{overflow-x:hidden}@media (max-width:768px){.featured-tutorials,.categories-grid{width:100%;box-sizing:border-box}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}.container{width:100%;padding-right:var(--spacing-md);padding-left:var(--spacing-md);padding-bottom:var(--spacing-md);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:1140px}}@media (min-width:1200px){.container{max-width:1400px}}.section{padding:var(--spacing-sm) 0}.section-light{background-color:var(--bg-off-white)}.section-dark{background-color:var(--gray-800);color:var(--light-color)}.section-header{text-align:center;margin-bottom:var(--spacing-sm)}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);color:var(--gray-900)}.section-description{font-size:var(--font-size-lg);color:var(--gray-600);max-width:800px;margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--spacing-md));margin-left:calc(-1 * var(--spacing-md))}.col-12{flex:0 0 100%;width:100%}@media (min-width:576px){.col-sm-6{flex:0 0 50%;width:50%}}@media (min-width:768px){.col-md-4{flex:0 0 33.33333333%;width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;width:41.66666667%}.col-md-6{flex:0 0 50%;width:50%}.col-md-7{flex:0 0 58.33333333%;width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;width:66.66666667%}}@media (min-width:992px){.col-lg-3{flex:0 0 25%;width:25%}.col-lg-4{flex:0 0 33.33333333%;width:33.33333333%}.col-lg-6{flex:0 0 50%;width:50%}.col-lg-8{flex:0 0 66.66666667%;width:66.66666667%}.col-lg-9{flex:0 0 75%;width:75%}}.header{position:relative;background:transparent;color:var(--light-color);z-index:var(--z-index-fixed);width:100%;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);overflow:visible;box-shadow:0 1px 0 rgba(255,255,255,0.08);padding:0.8rem 0}.header-background{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(8,47,120,0.85),rgba(29,38,113,0.88),rgba(41,20,82,0.92));background-blend-mode:multiply;z-index:-2;overflow:hidden;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);@media (min-width:992px){backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%)}box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);}.header-background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48cGF0aCBkPSJNMzAgMTVjLTguMjggMC0xNSA2LjcyLTE1IDE1aDMwYzAtOC4yOC02LjcyLTE1LTE1LTE1em0wIDBjOC4yOCAwIDE1LTYuNzIgMTUtMTVoLTQ1YzAgOC4yOCA2LjcyIDE1IDE1IDE1eiIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PC9zdmc+');background-size:300px;background-position:center;opacity:0.28;z-index:-1}@keyframes subtleMove{0%{background-position:0% 0%}100%{background-position:10px 10px}}.header.scrolled .header-background{background:rgba(15,23,42,0.85);backdrop-filter:blur(6px) saturate(180%);-webkit-backdrop-filter:blur(6px) saturate(180%);box-shadow:0 4px 20px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.08);filter:contrast(1.02) saturate(1.05)}.header-background::after{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,0.1),transparent);pointer-events:none;z-index:1;opacity:0.6;transition:opacity 0.3s ease}.header.scrolled .header-background::after{opacity:0.3}@media (max-width:992px){.header{background:transparent;padding:0.5rem 0}.header.scrolled{background:rgba(29,38,113,0.95)}.header .nav-list .nav-link{padding:0.4rem 0.8rem;font-size:0.9rem}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(38,38,38,0.98);z-index:9999;display:none;overflow-y:auto;padding:80px 20px 40px}.mobile-menu.active{display:block}.hamburger{display:block;z-index:10000}}.header a,.header .logo-text,.header .nav-link{color:var(--light-color);text-shadow:0 1px 2px rgba(0,0,0,0.5);transition:color 0.3s ease,text-shadow 0.3s ease}.header a:hover,.header .nav-link:hover{color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,0.7)}.header .logo{transition:transform 0.3s ease}.header .logo:hover{transform:scale(1.05)}main{position:relative;z-index:1}.header-content{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);position:relative}.header-center-element{flex:1;height:100%;min-width:20px;position:relative}.header-center-element::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);opacity:0.5}.header .main-nav{display:flex;justify-content:center;flex:1;width:100%}.header .nav-list{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center;justify-content:center}.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--light-color);text-decoration:none;display:flex;align-items:center;position:relative;padding:0.25rem 0.5rem;transition:all 0.3s ease;letter-spacing:0.5px}.logo:hover{color:var(--gray-100);transform:translateY(-1px);text-shadow:0 0 8px rgba(255,255,255,0.4)}@media (max-width:768px){.desktop-logo{display:none!important}}.hero{position:relative;padding:var(--spacing-xxl) 0;background-color:var(--bg-primary-light);overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--gray-900)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--gray-700);margin-bottom:var(--spacing-lg)}.footer{background-color:#0f172a!important;color:var(--light-color);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-logo{flex:1 1 200px;min-width:180px}.footer-logo img{max-width:180px;height:auto}.footer-logo p{color:var(--gray-200);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.footer-links{flex:2 1 600px;display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--spacing-md)}.footer-section{flex:1 1 150px;min-width:120px}.footer h3{color:var(--light-color);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.footer ul{list-style:none;padding-left:0}.footer ul li{margin-bottom:var(--spacing-xs)}.footer a{color:var(--gray-300)!important;text-decoration:none;transition:color var(--transition-fast)}.footer a:hover{color:var(--light-color)!important}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--gray-700);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);background-color:transparent!important}.footer-bottom p{color:var(--gray-400);margin-bottom:var(--spacing-sm)}.footer .social-links{display:flex;gap:var(--spacing-md);align-items:center}.footer .social-links a{color:var(--gray-400);font-size:var(--font-size-md)}.footer .social-links a:hover{color:var(--light-color)}.footer .nav-list{display:flex;list-style:none;margin:0;padding:0;gap:0.25rem}.header .nav-list .nav-link{display:block;padding:0.5rem 1rem;color:rgba(255,255,255,0.9);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-base);font-size:var(--font-size-lg);letter-spacing:0.03em;position:relative}.header .nav-list .nav-link:hover{color:white!important;background-color:rgba(255,255,255,0.12);transform:translateY(-1px);text-shadow:0 0 8px rgba(255,255,255,0.3)}.header .nav-list .nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);transition:all 0.3s ease;transform:translateX(-50%);opacity:0}.header .nav-list .nav-link:hover::after{width:70%;opacity:0.8}.header .nav-list .nav-link.active{color:white!important;font-weight:var(--font-weight-semibold);text-shadow:0 0 10px rgba(255,255,255,0.4)}.header .nav-list .nav-link.active::after{width:70%;opacity:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.95),transparent)}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-3{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.my-5{margin-top:var(--spacing-xxl)!important;margin-bottom:var(--spacing-xxl)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.py-3{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.py-5{padding-top:var(--spacing-xxl)!important;padding-bottom:var(--spacing-xxl)!important}.px-3{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.px-4{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-white{color:#fff!important}.text-primary{color:var(--primary-color)!important}.text-secondary{color:var(--secondary-color)!important}.text-success{color:var(--success-color)!important}.text-danger{color:var(--danger-color)!important}.fw-bold{font-weight:var(--font-weight-bold)!important}.fw-medium{font-weight:var(--font-weight-medium)!important}.fw-normal{font-weight:var(--font-weight-normal)!important}.d-flex{display:flex!important}.d-block{display:block!important}.d-none{display:none!important}.flex-column{flex-direction:column!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.flex-grow-1{flex-grow:1!important}.shadow{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.rounded{border-radius:var(--border-radius-md)!important}.rounded-lg{border-radius:var(--border-radius-lg)!important}.border-0{border:0!important}.bg-light{background-color:var(--light-color)!important}.bg-dark{background-color:var(--dark-color)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-white{background-color:#fff!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.overflow-hidden{overflow:hidden!important}.z-index-1{z-index:1!important}.z-index-2{z-index:2!important}.w-100{width:100%!important}.h-100{height:100%!important}.object-fit-cover{object-fit:cover!important}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-2xl)}.section-description{font-size:var(--font-size-md)}.footer-content,.footer-links,.footer-bottom{flex-direction:column;align-items:flex-start;text-align:left}.footer-logo,.footer-section,.footer-bottom p,.footer .social-links{width:100%;margin-bottom:var(--spacing-lg)}.footer-links{justify-content:flex-start}.footer .social-links{justify-content:flex-start;margin-top:var(--spacing-sm)}}@media (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}.text-md-left{text-align:left!important}.p-md-5{padding:var(--spacing-xxl)!important}}.hero-section{position:relative;padding:2rem 0;background-color:var(--dark-color);overflow:hidden;min-height:350px;background-image:url('../img/seo-optimized/hero-bg-tech.webp');background-size:cover;background-position:center}.hero-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1}.hero-content{position:relative;z-index:2;color:#fff}.hero-title{font-size:var(--font-size-xxxl);font-weight:700;margin-bottom:0.75rem}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:1.25rem}#hero-image-container-static{min-height:280px;display:flex;align-items:center;justify-content:center}#hero-image-container-static img{aspect-ratio:16/9;width:100%;height:auto;display:block;object-fit:cover;background:var(--dark-color)}#hero-badges{min-height:32px}#hero-title{min-height:48px}#hero-description{min-height:40px}.btn{display:inline-block;font-weight:500;text-align:center;vertical-align:middle;cursor:pointer;padding:0.5rem 1rem;font-size:var(--font-size-md);border-radius:var(--border-radius-md);transition:all var(--transition-fast);text-decoration:none}.btn-primary{color:#fff;background-color:var(--primary-color);border:1px solid var(--primary-color)}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-secondary{color:#fff;background-color:var(--secondary-color);border:1px solid var(--secondary-color)}.btn-secondary:hover{background-color:#475569;border-color:#475569}.btn-success{color:#fff;background-color:#22c55e;border:1px solid #22c55e}.btn-success:hover{background-color:#16a34a;border-color:#16a34a}.btn-outline-light{color:var(--light-color);border:1px solid var(--light-color)}.btn-outline-light:hover{color:var(--dark-color);background-color:var(--light-color)}.btn-outline-primary{color:var(--primary-color);border:1px solid var(--primary-color);background-color:transparent}.btn-outline-primary:hover{color:#fff;background-color:var(--primary-color)}.btn-sm{padding:0.25rem 0.5rem;font-size:var(--font-size-sm)}.btn-lg{padding:0.75rem 1.5rem;font-size:var(--font-size-lg)}.tutorial-card{display:flex;flex-direction:column;height:100%;border-radius:0.75rem;overflow:hidden;transition:all 0.3s ease;background-color:white;border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 6px rgba(0,0,0,0.05);text-decoration:none}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.15)}.tutorial-image-container{position:relative;height:160px;overflow:hidden}.tutorial-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.tutorial-card:hover .tutorial-image{transform:scale(1.05)}.tutorial-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.6));z-index:2}.tutorial-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.tutorial-category{display:inline-block;padding:0.25rem 0.5rem;background:linear-gradient(135deg,rgba(74,0,224,0.1),rgba(142,45,226,0.1));color:#4a00e0;font-size:0.8rem;font-weight:600;border-radius:0.25rem;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.tutorial-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:0.75rem;line-height:1.3}.tutorial-description{font-size:0.95rem;color:#64748b;margin-bottom:1.25rem;line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:0.75rem;border-top:1px solid rgba(0,0,0,0.05)}.tutorial-date{color:#94a3b8;font-size:0.85rem;display:flex;align-items:center}.tutorial-date::before{content:"\f073";font-family:"Font Awesome 5 Free";margin-right:0.5rem;font-size:0.85rem;opacity:0.7}.tutorial-link{color:#4a00e0;font-weight:600;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease}.tutorial-card:hover .tutorial-link{color:#8e2de2;transform:translateX(3px)}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.5rem;margin-bottom:2.5rem}@media (max-width:1024px){.tutorial-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.tutorial-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.section-title{font-size:1.75rem}.section-description{font-size:1rem}}@media (max-width:480px){.tutorial-grid{grid-template-columns:1fr}.tutorial-image-container{height:180px}}.tutorial-grid:has(.tutorial-card:only-child){justify-items:center}.tutorial-grid.single-card{justify-items:center}.category-tag{display:inline-block;padding:0.25em 0.5em;font-size:var(--font-size-xs);font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);margin-right:0.5rem;margin-bottom:0.5rem;transition:background-color var(--transition-fast)}.category-tag-python{background-color:rgba(14,165,233,0.15);color:#0ea5e9}.category-tag-ai{background-color:rgba(139,92,246,0.15);color:#8b5cf6}.category-tag-web{background-color:rgba(34,197,94,0.15);color:#22c55e}.category-tag-devops{background-color:rgba(249,115,22,0.15);color:#f97316}.category-tag-database{background-color:rgba(236,72,153,0.15);color:#ec4899}.category-tag-blockchain{background-color:rgba(20,184,166,0.15);color:#14b8a6}.difficulty-badge{display:inline-flex;align-items:center;padding:0.25rem 0.5rem;font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);font-weight:600}.difficulty-beginner{background-color:rgba(34,197,94,0.15);color:#22c55e}.difficulty-intermediate{background-color:rgba(245,158,11,0.15);color:#f59e0b}.difficulty-advanced{background-color:rgba(239,68,68,0.15);color:#dc2626}.no-tutorials{grid-column:1 / -1;text-align:center;padding:40px;background-color:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;align-items:center;gap:15px}.no-tutorials i{font-size:2.5rem;color:#adb5bd}.no-results{grid-column:1 / -1;text-align:center;padding:30px;background-color:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;align-items:center;gap:15px}.no-results i{font-size:2rem;color:#adb5bd}.no-results .query{font-weight:bold}.code-block{background-color:var(--code-bg);border-radius:var(--border-radius-md);padding:1rem;margin:1rem 0;overflow-x:auto;position:relative}.code-block pre{margin:0;font-family:var(--font-family-code);font-size:var(--font-size-sm);line-height:1.5;color:var(--code-color)}.copy-code-button{position:absolute;top:0.5rem;right:0.5rem;padding:0.25rem 0.5rem;font-size:var(--font-size-xs);background-color:rgba(255,255,255,0.1);color:#cbd5e1;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.copy-code-button:hover{background-color:rgba(255,255,255,0.2)}.navbar{padding:0.5rem 1rem;box-shadow:var(--shadow-sm);background-color:#fff}.navbar-brand{font-weight:700;padding:0.5rem 0;font-size:var(--font-size-lg);color:var(--primary-color);text-decoration:none}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-left:1rem}.nav-link{padding:0.5rem 1rem;font-weight:500;color:rgba(0,0,0,0.7);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--primary-color)}.nav-link.active{color:var(--primary-color);font-weight:600}.footer{background-color:#0f172a!important;color:#fff;padding:2.5rem 0 0}.footer h5{font-size:var(--font-size-lg);margin-bottom:1.25rem;font-weight:600}.footer ul{list-style:none;padding:0;margin:0}.footer-link{color:rgba(255,255,255,0.7);text-decoration:none;transition:color var(--transition-fast);display:inline-block;margin-bottom:0.5rem}.footer-link:hover{color:#fff}.footer-bottom{background-color:rgba(0,0,0,0.2);padding:1rem 0;margin-top:2.5rem}#back-to-top{position:fixed;bottom:20px;right:20px;display:none;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;box-shadow:var(--shadow-md);cursor:pointer;z-index:100;opacity:0;transition:opacity var(--transition-normal)}#back-to-top.visible{display:flex;align-items:center;justify-content:center;opacity:1}#back-to-top:hover{background-color:#1d4ed8}.category-card{display:block;text-decoration:none;background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);height:100%}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.category-card-body{padding:1.25rem}.category-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--dark-color);margin-bottom:0.5rem}.category-card-count{color:var(--secondary-color);font-size:var(--font-size-sm)}.category-item .category-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;margin-bottom:1rem;background-color:rgba(37,99,235,0.1);color:var(--primary-color)}.category-icon-python{background-color:rgba(14,165,233,0.15);color:#0ea5e9}.category-icon-ai{background-color:rgba(139,92,246,0.15);color:#8b5cf6}.category-icon-web{background-color:rgba(34,197,94,0.15);color:#22c55e}.category-icon-devops{background-color:rgba(249,115,22,0.15);color:#f97316}.category-icon-database{background-color:rgba(236,72,153,0.15);color:#ec4899}.category-icon-blockchain{background-color:rgba(20,184,166,0.15);color:#14b8a6}.progress-container{width:100%;height:4px;background-color:rgba(226,232,240,0.3);overflow:hidden;position:fixed;top:0;left:0;z-index:1001;margin:0}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:0;transition:width 0.3s ease;box-shadow:0 0 10px rgba(59,130,246,0.5)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:12px 16px;margin-bottom:10px;display:flex;align-items:center;min-width:250px;max-width:350px;transform:translateX(120%);transition:transform 0.3s ease}.toast.show{transform:translateX(0)}.toast-success{border-left:4px solid #22c55e}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-icon{margin-right:12px;font-size:20px}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px;font-size:14px}.toast-message{font-size:13px;color:#64748b}.toast-close{background:none;border:none;font-size:16px;cursor:pointer;color:#94a3b8;margin-left:8px}.filtri-generici{display:flex;flex-wrap:wrap;gap:1.5rem;background-color:#f8fafc;border-radius:0.75rem;padding:1.25rem;margin:2rem 0 1.5rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.05);position:relative}.filtri-generici::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#4a00e0,#8e2de2);border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#1e293b;font-size:0.9rem}.filter-select{width:100%;padding:0.75rem 1rem;border:1px solid #e2e8f0;border-radius:0.5rem;background-color:white;color:#334155;font-size:0.95rem;transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234a00e0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;cursor:pointer}.filter-select:focus{outline:none;border-color:#4a00e0;box-shadow:0 0 0 3px rgba(74,0,224,0.1)}.filter-select:hover{border-color:#cbd5e1}@media (max-width:768px){.filtri-generici{flex-direction:column;gap:1rem}.filter-group{width:100%}}.tecnobot-card{background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform 0.3s ease,box-shadow 0.3s ease;margin-bottom:2rem}.tecnobot-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.tecnobot-header{background:linear-gradient(135deg,#4a00e0,#8e2de2);color:#fff;padding:1.5rem;position:relative;overflow:hidden}.tecnobot-title{font-size:1.75rem;font-weight:700;margin-bottom:0.5rem;position:relative;z-index:2}.tecnobot-subtitle{font-size:1rem;opacity:0.9;margin-bottom:0;position:relative;z-index:2}.tecnobot-body{padding:1.5rem}.tecnobot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{text-align:center;padding:1rem;background-color:#f8fafc;border-radius:8px}.stat-value{font-size:1.5rem;font-weight:700;color:#4a00e0;margin-bottom:0.25rem}.stat-label{font-size:0.875rem;color:#64748b}@media (max-width:1200px){.tutorial-grid{grid-template-columns:repeat(3,1fr)}.tecnobot-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tutorial-grid{grid-template-columns:repeat(2,1fr);gap:15px}.tutorial-title{font-size:1rem}.tecnobot-stats{grid-template-columns:repeat(2,1fr)}.tecnobot-title{font-size:1.5rem}}@media (max-width:480px){.tutorial-grid{grid-template-columns:1fr}.tutorial-image-container{height:160px}.tecnobot-stats{grid-template-columns:1fr}}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:0.75rem;position:relative;display:inline-block}.section-title::after{content:"";position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,#4a00e0,#8e2de2);border-radius:2px}.section-description{font-size:1.1rem;color:#64748b;max-width:700px;margin:0 auto}.results-counter{background-color:#f1f5f9;padding:0.75rem 1rem;border-radius:0.5rem;margin-bottom:1.5rem;font-size:0.95rem;color:#334155;display:flex;align-items:center}.results-counter strong{color:#0f172a;font-weight:600}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;margin-bottom:2.5rem}.tutorial-card{display:flex;flex-direction:column;height:100%;border-radius:0.75rem;overflow:hidden;transition:all 0.3s ease;background-color:white;border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 6px rgba(0,0,0,0.05);text-decoration:none}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.15)}.tutorial-image-container{position:relative;height:160px;overflow:hidden}.tutorial-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.tutorial-card:hover .tutorial-image{transform:scale(1.05)}.tutorial-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.6));z-index:2}.tutorial-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.tutorial-category{display:inline-block;padding:0.25rem 0.5rem;background:linear-gradient(135deg,rgba(74,0,224,0.1),rgba(142,45,226,0.1));color:#4a00e0;font-size:0.8rem;font-weight:600;border-radius:0.25rem;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.tutorial-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:0.75rem;line-height:1.3}.tutorial-description{font-size:0.95rem;color:#64748b;margin-bottom:1.25rem;line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:0.75rem;border-top:1px solid rgba(0,0,0,0.05)}.tutorial-date{color:#94a3b8;font-size:0.85rem;display:flex;align-items:center}.tutorial-date::before{content:"\f073";font-family:"Font Awesome 5 Free";margin-right:0.5rem;font-size:0.85rem;opacity:0.7}.tutorial-link{color:#4a00e0;font-weight:600;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease}.tutorial-card:hover .tutorial-link{color:#8e2de2;transform:translateX(3px)}.tutorial-grid:has(.tutorial-card:only-child){justify-items:center}.tutorial-grid.single-card{justify-items:center}@media (max-width:1024px){.tutorial-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.section-title{font-size:1.75rem}.section-description{font-size:1rem}.tutorial-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}}@media (max-width:480px){.tutorial-grid{grid-template-columns:1fr}.tutorial-image-container{height:180px}}.hero{position:relative;background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:6rem 0;overflow:hidden;text-align:center;color:white}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/img/seo-optimized/tecnobot-pattern.svg');background-size:cover;opacity:0.1;z-index:1}.hero-title{font-size:3.5rem!important;font-weight:800!important;color:white!important;margin-bottom:1.5rem!important;text-shadow:0 2px 10px rgba(0,0,0,0.3)!important;letter-spacing:-0.5px!important;line-height:1.2!important;animation:fadeInUp 0.8s ease-out!important}.hero-subtitle{font-size:1.5rem!important;color:rgba(255,255,255,0.95)!important;max-width:800px!important;margin:0 auto 2rem auto!important;text-shadow:0 2px 4px rgba(0,0,0,0.2)!important;line-height:1.5!important;font-weight:400!important;animation:fadeInUp 0.8s ease-out 0.2s both!important}.hero-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;animation:fadeInUp 0.8s ease-out 0.4s both!important}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:600;font-size:1rem;transition:all 0.3s ease;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.hero-button i{font-size:1.1rem}.primary-button{background:linear-gradient(135deg,#4a00e0,#8e2de2);color:white;border:none}.primary-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15);background:linear-gradient(135deg,#5b12f1,#9f3ef3);color:white}.secondary-button{background-color:rgba(255,255,255,0.15);color:white;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(5px)}.secondary-button:hover{background-color:rgba(255,255,255,0.25);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15);color:white}.ai-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.4}.hero-content{position:relative;z-index:2;padding:0 1rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.2rem!important}.hero{padding:4rem 0}}@media (max-width:480px){.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1rem!important}.hero{padding:3rem 0}}.tutorial-filters{display:flex;flex-wrap:wrap;gap:1.5rem;background-color:#f8fafc;border-radius:0.75rem;padding:1.25rem;margin-top:2rem;margin-bottom:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.05);position:relative}.tutorial-filters::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#4a00e0,#8e2de2);border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#1e293b;font-size:0.9rem}.filter-select{width:100%;padding:0.75rem 1rem;border:1px solid #e2e8f0;border-radius:0.5rem;background-color:white;color:#334155;font-size:0.95rem;transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234a00e0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;cursor:pointer}.filter-select:focus{outline:none;border-color:#4a00e0;box-shadow:0 0 0 3px rgba(74,0,224,0.1)}.filter-select:hover{border-color:#cbd5e1}.no-tutorials{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:#f8fafc;border-radius:0.75rem;text-align:center;grid-column:1 / -1}.no-tutorials i{font-size:3rem;color:#94a3b8;margin-bottom:1rem}.no-tutorials p{color:#64748b;font-size:1.1rem;max-width:400px}@media (max-width:768px){.tutorial-filters{flex-direction:column;gap:1rem}.filter-group{width:100%}}.categorie-page .hero{position:relative;background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:3rem 0;overflow:hidden;text-align:center;color:white}.categorie-page .hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/img/seo-optimized/tecnobot-pattern.svg');background-size:cover;opacity:0.1;z-index:1}.categorie-page .hero-title{font-size:3.5rem;font-weight:800;color:white;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,0.3);letter-spacing:-0.5px;line-height:1.2;animation:fadeInUp 0.8s ease-out}.categorie-page .hero-subtitle{font-size:1.5rem;color:rgba(255,255,255,0.95);max-width:800px;margin:0 auto 2rem auto;text-shadow:0 2px 4px rgba(0,0,0,0.2);line-height:1.5;font-weight:400;animation:fadeInUp 0.8s ease-out 0.2s both}.categorie-page .hero-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;animation:fadeInUp 0.8s ease-out 0.4s both}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:600;font-size:1rem;transition:all 0.3s ease;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.hero-button i{font-size:1.1rem}.primary-button{background:linear-gradient(135deg,#4a00e0,#8e2de2);color:white;border:none}.primary-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15);background:linear-gradient(135deg,#5b12f1,#9f3ef3);color:white}.secondary-button{background-color:rgba(255,255,255,0.15);color:white;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(5px)}.secondary-button:hover{background-color:rgba(255,255,255,0.25);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.1)}.section-header{text-align:center;margin-bottom:2rem;margin-top:1rem}.section-title{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:0.75rem;position:relative;display:inline-block}.section-title::after{content:"";position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(to right,#4a00e0,#8e2de2);border-radius:2px}.section-description{font-size:1.1rem;color:#64748b;max-width:700px;margin:0 auto}.categoria-filters{display:flex;flex-wrap:wrap;gap:1.5rem;background-color:#f8fafc;border-radius:0.75rem;padding:1.25rem;margin:2rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.05);position:relative}.categoria-filters::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#4a00e0,#8e2de2);border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#1e293b;font-size:0.9rem}.filter-select{width:100%;padding:0.75rem 1rem;border:1px solid #e2e8f0;border-radius:0.5rem;background-color:white;color:#334155;font-size:0.95rem;transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234a00e0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;cursor:pointer}.filter-select:focus{outline:none;border-color:#4a00e0;box-shadow:0 0 0 3px rgba(74,0,224,0.1)}.results-counter{display:flex;align-items:center;gap:0.5rem;color:#64748b;margin:1rem 0;font-size:0.95rem}.results-counter i{color:#4a00e0}.categoria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.category-item{background:white;border-radius:0.75rem;padding:2rem 1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;border:1px solid #e2e8f0}.category-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.category-item[data-category="database"] .category-icon-wrapper{background:linear-gradient(135deg,#06b6d4,#0891b2)}.category-item:nth-child(1) .category-icon-wrapper{background:linear-gradient(135deg,#ec4899,#db2777)}.category-item:nth-child(2) .category-icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.category-item:nth-child(3) .category-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb)}.category-item:nth-child(4) .category-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669)}.category-item:nth-child(5) .category-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706)}.category-item:nth-child(6) .category-icon-wrapper{background:linear-gradient(135deg,#06b6d4,#0891b2)}.category-item:nth-child(7) .category-icon-wrapper,.category-item:nth-child(8) .category-icon-wrapper{background:linear-gradient(135deg,#6366f1,#4f46e5)}.category-icon{font-size:1.75rem;color:#334155;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#f8fafc;border-radius:12px;margin:0 auto 1rem;border:1px solid #e2e8f0;transition:transform 0.3s ease,box-shadow 0.3s ease}.category-name{font-size:1.125rem;font-weight:600;margin:0 0 0.5rem 0;color:#1e293b}.category-description{font-size:0.875rem;color:#64748b;margin:0 0 1rem 0;line-height:1.5}.category-count{font-size:0.875rem;color:#64748b;margin:0;display:flex;align-items:center;justify-content:center}.categoria-card[data-category="python"] .categoria-icon i{color:#3776ab}.categoria-card[data-category="web"] .categoria-icon i{color:#0078d7}.category-content,.categoria-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.categoria-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:0.75rem;line-height:1.3}.categoria-description{color:#64748b;font-size:0.95rem;line-height:1.5;margin-bottom:1rem;flex:1}.category-meta,.categoria-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;font-size:0.85rem}.category-count,.categoria-count,.category-level,.categoria-level{display:flex;align-items:center;gap:0.25rem;color:#64748b}.categoria-count i,.category-level i,.categoria-level i{color:#4a00e0;font-size:1rem}.category-actions,.categoria-actions{margin-top:1rem}.category-button,.categoria-button{display:inline-flex;align-items:center;gap:0.5rem;color:#4a00e0;font-weight:600;font-size:0.9rem;text-decoration:none;transition:all 0.3s ease}.category-button:hover,.categoria-button:hover{color:#7c3aed;text-decoration:underline}.category-button i,.categoria-button i{transition:transform 0.3s ease}.category-button:hover i,.categoria-button:hover i{transform:translateX(3px)}.btn-primary{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white;border-radius:0.5rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(15,23,42,0.1),0 2px 4px -2px rgba(15,23,42,0.1);border:none}.btn-primary:hover{background:linear-gradient(135deg,#1e3a8a,#0f172a);transform:translateY(-2px);box-shadow:0 6px 10px -1px rgba(15,23,42,0.15),0 2px 4px -2px rgba(15,23,42,0.15)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.categoria-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.hero-title{font-size:3rem!important}.hero-subtitle{font-size:1.25rem!important}}@media (max-width:768px){.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.1rem!important}.categoria-filters{flex-direction:column;gap:1rem}.filter-group{width:100%}.categoria-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:1.5rem}.categoria-card{max-width:100%}}@media (max-width:480px){.section-title{font-size:1.75rem}.section-description{font-size:1rem}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.categoria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.categoria-card{background-color:var(--background-color);border-radius:0.75rem;box-shadow:var(--shadow-sm);overflow:hidden;transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;border:1px solid var(--border-color);text-decoration:none;color:inherit;position:relative}.category-card:hover,.categoria-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-color-light)}.category-image-container,.categoria-image-container{position:relative;height:200px;overflow:hidden}.category-image-container{position:relative;width:100%;height:180px;overflow:hidden;border-radius:8px 8px 0 0;background-color:#f8f9fa}.categoria-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;will-change:transform}.category-item:hover .category-image{transform:scale(1.05)}.category-icon{position:relative;background:rgba(255,255,255,0.9);width:60px;height:60px;margin:0 auto 15px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#4a00e0;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;will-change:transform,background,color}.category-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;border-radius:12px;background-color:white;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-decoration:none;color:#333}.category-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}.category-item:hover .category-icon{transform:scale(1.1);background:#4a00e0;color:white}.categoria-card:hover .categoria-image{transform:scale(1.1)}.categoria-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.7));z-index:2}.categoria-card[data-category="frontend"] .categoria-overlay{background:linear-gradient(to bottom,rgba(227,76,38,0.3),rgba(240,101,41,0.7))!important}.categoria-card[data-category="python"] .categoria-overlay{background:linear-gradient(to bottom,rgba(48,105,152,0.3),rgba(255,212,59,0.7))!important}.categoria-card[data-category="web"] .categoria-overlay{background:linear-gradient(to bottom,rgba(0,120,215,0.3),rgba(0,164,239,0.7))!important;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:transform 0.3s ease}.category-card:hover .category-icon,.categoria-card:hover .categoria-icon{transform:scale(1.1)}.categoria-icon i{font-size:1.5rem}.categoria-card[data-category="frontend"] .categoria-icon i{color:#e34f26}.categoria-card[data-category="python"] .categoria-icon i{color:#306998}.categoria-card[data-category="web"] .categoria-icon i{color:#0078D7}.category-card-header{padding:1.5rem 1.25rem 0.75rem;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.category-card-body{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.category-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--dark-color);margin-bottom:0.5rem;text-align:center}.category-card-count{color:var(--secondary-color);font-size:var(--font-size-sm);margin-bottom:1rem;text-align:center}.category-card-description{color:var(--gray-600);font-size:var(--font-size-base);margin-bottom:1.5rem;flex-grow:1}.category-card-footer{padding:0 1.25rem 1.25rem;display:flex;justify-content:center}.category-link{display:inline-block;padding:0.5rem 1.25rem;background-color:var(--primary-color);color:white;border-radius:0.375rem;text-decoration:none;font-weight:500;transition:all 0.3s ease;text-align:center}.category-link:hover{background-color:var(--primary-color-dark);transform:translateY(-2px)}.categoria-card{opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s forwards}.category-card:nth-child(2){animation-delay:0.1s}.category-card:nth-child(3){animation-delay:0.2s}.category-card:nth-child(4){animation-delay:0.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.categoria-card-content{padding:1.5rem 1.25rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start}.categoria-title{font-size:1.15rem;font-weight:700;margin-bottom:0.5rem;color:#1e293b}.categoria-description{font-size:0.97rem;color:#64748b;margin-bottom:1.1rem;line-height:1.5;flex-grow:1}.categoria-count{color:#6366f1;font-size:0.92rem;font-weight:500;margin-bottom:0;display:flex;align-items:center;gap:0.4rem}.categoria-card{background:#fff;border-radius:0.85rem;box-shadow:0 6px 24px rgba(30,41,59,0.10);border:1.5px solid #e0e7ef;transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s}.categoria-card:hover{transform:translateY(-7px) scale(1.03);box-shadow:0 14px 32px rgba(30,41,59,0.16);border-color:#6366f1}.categoria-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#f1f5f9;margin-bottom:1rem;font-size:2rem;color:#6366f1;box-shadow:0 2px 8px rgba(0,0,0,0.07)}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.category-card-header{padding:1.25rem 1rem 0.5rem}.category-card-body{padding:1rem}.category-card-footer{padding:0 1rem 1rem}}.pagina-statica .hero{width:100%!important;min-height:360px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;margin-bottom:2.5rem!important;padding:3.5rem 0 3.5rem 0!important;overflow:hidden!important;content-visibility:auto!important;color:white!important;position:relative!important}.pagina-statica .hero-content{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:0 2.2rem!important;max-width:900px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;z-index:10!important}.pagina-statica .hero-title{font-size:2.6rem;font-weight:700;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,0.21),0 1px 0 #333,0 0 12px #fff,0 0 24px #fff;margin-bottom:1.1rem}.pagina-statica .hero-subtitle{font-size:1.25rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,0.18),0 0 8px #fff,0 0 16px #fff;margin-bottom:0;font-weight:400;max-width:700px}.pagina-statica .hero::before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-image:url('/img/seo-optimized/tecnobot-pattern.svg')!important;background-size:cover!important;opacity:0.1!important;z-index:1!important}.static-page-content{max-width:800px;margin:0 auto;line-height:1.6;color:var(--neutral-800)}.page-introduction{font-size:1.1rem;margin-bottom:2rem;color:var(--neutral-700);border-left:4px solid var(--primary);padding-left:1rem}.content-section{margin-bottom:3rem}.content-section h2{font-size:1.8rem;margin-bottom:1rem;color:var(--neutral-900);border-bottom:2px solid var(--neutral-200);padding-bottom:0.5rem}.section-content{margin-bottom:1.5rem}.section-content ul,.section-content ol{margin-left:1.5rem;margin-bottom:1rem}.section-content li{margin-bottom:0.5rem}.section-content a{color:var(--primary);text-decoration:none;border-bottom:1px dotted var(--primary);transition:border-bottom 0.3s ease}.section-content a:hover{border-bottom:1px solid var(--primary)}.page-conclusion{margin-top:2rem;padding:1.5rem;background-color:var(--primary-bg);border-radius:8px;font-style:italic}.update-date{margin-top:3rem;font-size:0.9rem;color:var(--neutral-500);text-align:right;border-top:1px solid var(--neutral-200);padding-top:1rem}.contact-form{margin-top:2rem;background-color:var(--neutral-100);padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--neutral-700)}.form-group input,.form-group textarea{width:100%;padding:0.75rem;border:1px solid var(--neutral-300);border-radius:4px;font-family:inherit;font-size:1rem;transition:border-color 0.3s ease,box-shadow 0.3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,0.1);outline:none}.btn{display:inline-block;padding:0.75rem 1.5rem;font-size:1rem;font-weight:500;text-align:center;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease}.btn-primary{background-color:var(--primary);color:white}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}@media (max-width:768px){.static-page-content{padding:0 1rem}.page-introduction{font-size:1rem}.content-section h2{font-size:1.5rem}.contact-form{padding:1.5rem}}:root{--tt-primary:#2563eb;--tt-primary-hover:#1d4ed8;--tt-dark:#0f172a;--tt-light:#f8fafc;--tt-text:#1e293b;--tt-text-light:#64748b;--tt-border:#e2e8f0;--tt-bg:#ffffff;--tt-bg-secondary:#ffffff;--tt-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--tt-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--tt-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--tt-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--tt-radius-sm:0.25rem;--tt-radius:0.5rem;--tt-radius-lg:0.75rem;--tt-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--tt-transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--tt-space-xs:0.5rem;--tt-space-sm:0.75rem;--tt-space:1rem;--tt-space-md:1.5rem;--tt-space-lg:2rem;--tt-space-xl:3rem;--tt-font-sans:'Inter',system-ui,-apple-system,sans-serif;--tt-font-mono:'Fira Code','SFMono-Regular',Menlo,Monaco,Consolas,monospace;--tt-z-header:1000;--tt-z-dropdown:1010;--tt-z-tooltip:1020;--tt-z-modal:1030}.tt-condivisione-footer{margin-top:3rem;padding:2rem;background-color:var(--tt-bg-secondary);border-radius:var(--tt-radius);text-align:center;border:1px solid var(--tt-border)}.tt-condivisione-footer h3{margin-bottom:1.5rem;font-size:1.25rem;color:var(--tt-dark)}.tt-social-buttons-footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tt-social-button-footer{display:flex;align-items:center;padding:0.75rem 1.25rem;border-radius:0.375rem;color:white;font-weight:500;transition:all 0.2s ease;text-decoration:none}.tt-social-button-footer i{margin-right:0.5rem;font-size:1.125rem}.tt-social-button-footer.tt-twitter{background-color:#1DA1F2}.tt-social-button-footer.tt-facebook{background-color:#4267B2}.tt-social-button-footer.tt-linkedin{background-color:#0077B5}.tt-social-button-footer.tt-email{background-color:#718096}.tt-social-button-footer:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.tt-tag-correlati{margin-top:2rem;padding:1.5rem;border-radius:0.5rem;border:1px solid #e2e8f0}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--tt-primary);outline-offset:2px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--tt-font-sans);background-color:var(--tt-bg);color:var(--tt-text);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--tt-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--tt-text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--tt-text)}a,button,[role="button"],[type="button"]{transition:var(--tt-transition)}a:hover,button:hover,[role="button"]:hover,[type="button"]:hover{opacity:0.9}.section{padding:var(--spacing-sm) 0}.tt-articolo-wrapper{width:100%;position:relative;background-color:var(--tt-bg);color:var(--tt-text);line-height:1.7;font-size:1.0625rem;padding-bottom:3rem}.tt-articolo-content{font-size:1.0625rem;line-height:1.8;color:var(--tt-text);max-width:65ch;margin:0 auto}.tt-articolo-content p{margin:0.35rem 0;color:var(--tt-text);font-size:1.0625rem;line-height:1.8;letter-spacing:0.01em}.tt-articolo-content h2,.tt-articolo-content h3,.tt-articolo-content h4,.tt-articolo-content h5,.tt-articolo-content h6{margin:2.5rem 0 1.25rem;font-weight:700;line-height:1.3;color:var(--tt-dark);scroll-margin-top:2rem}.tt-articolo-content h2{font-size:1.75rem;margin-top:3rem;position:relative;padding-bottom:0.5rem}.tt-articolo-content h2::after{content:'';position:absolute;bottom:0;left:0;width:3rem;height:4px;background:var(--tt-primary);border-radius:2px}.tt-articolo-content h3{font-size:1.5rem;margin-top:2.5rem}.tt-articolo-content h4{font-size:1.25rem;margin-top:2rem}.tt-articolo-content ul,.tt-articolo-content ol{margin:1.5rem 0;padding-left:1.75rem}.tt-articolo-content li{margin-bottom:0.5rem;position:relative}.tt-articolo-content ul>li::marker{color:var(--tt-primary)}.tt-articolo-content a:not(.tt-social-button){color:var(--tt-primary);text-decoration:none;border-bottom:1px solid transparent;transition:var(--tt-transition);font-weight:500}.tt-articolo-content a:not(.tt-social-button):hover{border-bottom-color:currentColor;color:var(--tt-primary-hover)}.tt-articolo-content code{font-family:'JetBrains Mono','Fira Code','SF Mono','Monaco',monospace;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0;padding:0.25em 0.6em;border-radius:6px;font-size:0.9em;font-weight:500;border:1px solid #334155;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:all 0.2s ease}.tt-articolo-content img{max-width:100%;height:auto;border-radius:var(--tt-radius);margin:2rem auto;display:block;box-shadow:var(--tt-shadow-md);transition:transform 0.3s ease,box-shadow 0.3s ease}.tt-articolo-content img:hover{transform:translateY(-2px);box-shadow:var(--tt-shadow-lg)}.tt-articolo-content blockquote{margin:2rem 0;padding:1.5rem;background:var(--tt-bg-secondary);border-left:4px solid var(--tt-primary);border-radius:0 var(--tt-radius) var(--tt-radius) 0;font-style:italic;position:relative}.tt-articolo-content blockquote::before{content:'"\201C"';font-size:4rem;color:var(--tt-primary);opacity:0.2;position:absolute;left:10px;top:-10px;line-height:1}.tt-articolo-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:0.95em;box-shadow:var(--tt-shadow-sm);border-radius:var(--tt-radius);overflow:hidden}.tt-articolo-content th,.tt-articolo-content td{padding:0.75rem 1rem;text-align:left;border:1px solid var(--tt-border)}.tt-articolo-content thead{background:var(--tt-primary);color:white}.tt-articolo-content tbody tr:nth-child(even){background:var(--tt-bg-secondary)}.tt-articolo-content button,.tt-articolo-content .button{display:inline-flex;align-items:center;justify-content:center;padding:0.625rem 1.25rem;background:var(--tt-primary);color:white;border:none;border-radius:var(--tt-radius);font-weight:500;cursor:pointer;transition:var(--tt-transition);text-decoration:none}.tt-articolo-content button:hover,.tt-articolo-content .button:hover{background:var(--tt-primary-hover);transform:translateY(-1px);box-shadow:var(--tt-shadow)}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--tt-radius);color:transparent;user-select:none}.tt-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;z-index:var(--tt-z-tooltip);background-color:transparent;overflow:hidden}.tt-progress-bar{height:100%;width:0%;position:relative;background:linear-gradient(90deg,var(--tt-primary) 0%,#3b82f6 50%,var(--tt-primary) 100%);background-size:200% 100%;transition:width 0.1s ease-out,background-position 0.3s ease;will-change:width,background-position;box-shadow:0 0 10px rgba(37,99,235,0.3)}.tt-progress-bar.loading{animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%{opacity:0.8}50%{opacity:1}100%{opacity:0.8}}.tt-articolo-header{background-color:var(--tt-dark);background-size:cover;background-position:center;background-repeat:no-repeat;padding:1.5rem 0 3rem;position:relative;color:white;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:all 0.5s ease}.tt-articolo-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,23,42,0.95) 0%,rgba(30,41,59,0.95) 100%),url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48cGF0aCBkPSJNMzAgMTVjLTguMjggMC0xNSA2LjcyLTE1IDE1aDMwYzAtOC4yOC02LjcyLTE1LTE1LTE1em0wIDBjOC4yOCAwIDE1LTYuNzIgMTUtMTVoLTQ1YzAgOC4yOCA2LjcyIDE1IDE1IDE1eiIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwLjA1Ii8+PC9zdmc+');z-index:1;opacity:0.9;transition:opacity 0.5s ease}.tt-articolo-header:hover::before{opacity:0.9}.tt-articolo-header-content{margin:0 auto 0 0;position:relative;z-index:2;padding:0.5rem var(--tt-space) 0 var(--tt-space-lg);transform:translateY(10px);opacity:0;animation:fadeInUp 0.6s ease-out 0.2s forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tt-articolo-titolo{font-size:clamp(2rem,5vw,2.75rem);line-height:1.2;margin:0 0 1rem;font-weight:800;color:white;position:relative;text-shadow:0 2px 4px rgba(0,0,0,0.1);letter-spacing:-0.02em;text-align:left}.tt-articolo-descrizione{font-size:1.25rem;line-height:1.6;color:rgba(255,255,255,0.9);margin:1.5rem 0 0;max-width:90%;opacity:0;animation:fadeInUp 0.6s ease-out 0.4s forwards;text-align:left}.tt-articolo-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.tt-articolo-header .tt-tag{background-color:rgba(255,255,255,0.15);color:#ffffff;font-size:0.8rem;padding:0.3rem 0.8rem;border-radius:1rem;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);transition:all 0.2s ease}.tt-articolo-header .tt-tag:hover{background-color:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.tt-articolo-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;font-size:0.9375rem;color:rgba(255,255,255,0.8);opacity:0;animation:fadeInUp 0.6s ease-out 0.5s forwards}.tt-articolo-meta-item{display:flex;align-items:center;gap:0.5rem}.tt-articolo-meta-item i{color:var(--tt-primary);font-size:1.1em}.tt-articolo-categoria{display:inline-block;background:rgba(255,255,255,0.1);color:white;padding:0.35rem 0.875rem;border-radius:50px;font-size:0.8125rem;font-weight:600;margin-bottom:1.5rem;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;opacity:0;animation:fadeInUp 0.6s ease-out 0.3s forwards}.tt-articolo-categoria:hover{background:var(--tt-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.2)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--tt-space);position:relative}.tt-articolo-container{display:flex;flex-direction:column;gap:2.5rem;margin:2rem auto 4rem;padding:0 var(--tt-space);max-width:1200px;position:relative;opacity:0;animation:fadeIn 0.6s ease-out 0.3s forwards}@media (max-width:1023px){.tt-indice-container,.tt-condivisione-container{display:none}}@media (min-width:1024px){.tt-articolo-container{flex-direction:row;align-items:flex-start}.tt-articolo-main{flex:1}.tt-articolo-sidebar{width:280px;margin-right:2rem}}@keyframes fadeIn{to{opacity:1}}.tt-articolo-sidebar{order:-1;width:100%;position:relative;margin-bottom:2rem}.tt-sidebar-sticky{position:sticky;top:calc(var(--tt-space) * 1.5);display:flex;flex-direction:column;gap:1.75rem;transition:transform 0.3s ease,opacity 0.3s ease}.tt-sidebar-sticky:hover{box-shadow:0 8px 24px rgba(37,99,235,0.08)}.tt-sidebar-card{background:var(--tt-bg);border-radius:var(--tt-radius-lg);box-shadow:var(--tt-shadow);overflow:hidden;border:1px solid var(--tt-border);transition:transform 0.3s ease,box-shadow 0.3s ease}.tt-sidebar-card:hover{transform:translateY(-4px);box-shadow:var(--tt-shadow-lg)}.tt-sidebar-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--tt-border);font-weight:600;font-size:1.1rem;color:var(--tt-dark);display:flex;align-items:center;gap:0.75rem}.tt-sidebar-card-header i{color:var(--tt-primary);font-size:1.2em}.tt-sidebar-card-content{padding:1.5rem}.tt-condivisione-container{background:var(--tt-bg);border-radius:var(--tt-radius-lg);box-shadow:var(--tt-shadow);overflow:hidden;border:1px solid var(--tt-border);transition:all 0.3s ease}.tt-indice-container{background:var(--tt-bg);border-radius:var(--tt-radius-lg);box-shadow:var(--tt-shadow);overflow:hidden;border:1px solid var(--tt-border);transition:all 0.3s ease}.tt-indice-container:hover{box-shadow:var(--tt-shadow-md)}.tt-indice-toggle{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--tt-bg-secondary),var(--tt-bg));cursor:pointer;font-weight:600;color:var(--tt-dark);border:none;width:100%;text-align:left;transition:all 0.3s ease;font-size:1.05rem;position:relative;overflow:hidden}.tt-indice-toggle::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,0.05),transparent);transform:translateX(-100%);transition:transform 0.6s ease;z-index:1}.tt-indice-toggle:hover::before{transform:translateX(100%)}.tt-indice-toggle:hover{background:var(--tt-bg-secondary);color:var(--tt-primary)}.tt-indice-toggle .tt-icona-toggle{transition:all 0.3s ease;font-size:1rem;color:var(--tt-text-light);position:relative;z-index:2;background:rgba(255,255,255,0.9);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.tt-indice-toggle:hover .tt-icona-toggle{background:var(--tt-primary);color:white;transform:rotate(90deg)}.tt-indice-toggle.aperto .tt-icona-toggle{transform:rotate(180deg)}.tt-indice-toggle.aperto:hover .tt-icona-toggle{transform:rotate(270deg)}.tt-indice-contenuti{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);background-color:var(--tt-bg);scrollbar-width:thin;scrollbar-color:var(--tt-primary) transparent}.tt-indice-contenuti::-webkit-scrollbar{width:4px}.tt-indice-contenuti::-webkit-scrollbar-thumb{background:var(--tt-primary);border-radius:2px}.tt-indice-toggle.aperto + .tt-indice-contenuti{max-height:80vh;overflow-y:auto;padding:0.5rem 0}.tt-indice-contenuti ul{list-style:none;padding:0 1.5rem 1rem;margin:0;position:relative}.tt-indice-contenuti>ul{position:relative}.tt-indice-contenuti>ul::before{content:'';position:absolute;left:1.75rem;top:0;bottom:0;width:1px;background:var(--tt-border);z-index:1}.tt-indice-contenuti li{margin-bottom:0.5rem;font-size:0.9375rem;line-height:1.5;position:relative;transition:all 0.2s ease}.tt-indice-contenuti li::before{content:'';position:absolute;left:-1.5rem;top:0.75em;width:0.5rem;height:0.5rem;border-radius:50%;background:var(--tt-border);transition:all 0.3s ease;z-index:2}.tt-indice-contenuti a{color:var(--tt-text-light);text-decoration:none;display:block;padding:0.375rem 0.5rem 0.375rem 1.5rem;transition:all 0.2s ease;position:relative;border-radius:var(--tt-radius-sm);border-left:2px solid transparent}.tt-indice-contenuti a:hover,.tt-indice-contenuti a.attivo{color:var(--tt-primary);background:rgba(37,99,235,0.05);padding-left:1.75rem;border-left-color:var(--tt-primary)}.tt-indice-contenuti a:hover::before,.tt-indice-contenuti a.attivo::before{content:'';position:absolute;left:-0.5rem;top:50%;transform:translateY(-50%);width:0.5rem;height:0.5rem;background:var(--tt-primary);border-radius:50%;opacity:1;box-shadow:0 0 0 2px var(--tt-bg),0 0 0 4px var(--tt-primary);transition:all 0.3s ease}.tt-indice-contenuti ul ul{padding-left:1.5rem;margin:0.5rem 0 0.5rem 0.5rem;position:relative}.tt-indice-contenuti ul ul::before{content:'';position:absolute;left:-0.5rem;top:1em;width:1rem;height:1px;background:var(--tt-border)}.tt-indice-contenuti ul ul li{font-size:0.9375em}.tt-indice-contenuti ul ul ul{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.tt-indice-contenuti li.aperto>ul{max-height:1000px}.tt-condivisione-container{background-color:var(--tt-bg);border-radius:var(--tt-radius-lg);box-shadow:var(--tt-shadow);padding:0;border:1px solid var(--tt-border);overflow:hidden;transition:all 0.3s ease}.tt-condivisione-container:hover{transform:translateY(-2px);box-shadow:var(--tt-shadow-md)}.tt-condivisione-container h3{font-size:1.05rem;margin:0;padding:1.25rem 1.5rem;color:var(--tt-dark);display:flex;align-items:center;gap:0.75rem;background:linear-gradient(135deg,var(--tt-bg-secondary),var(--tt-bg));border-bottom:1px solid var(--tt-border);position:relative;overflow:hidden}.tt-condivisione-container h3::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:0.6s}.tt-condivisione-container:hover h3::after{left:100%}.tt-condivisione-container h3 i{color:var(--tt-primary);font-size:1.2em;transition:all 0.3s ease;position:relative;z-index:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.tt-condivisione-container:hover h3 i{animation:pulse 2s infinite;color:var(--tt-primary)}.tt-social-buttons{display:flex;flex-wrap:wrap;gap:0.75rem;margin:0;padding:1.5rem;list-style:none;justify-content:center}.tt-social-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;color:white;text-decoration:none;font-size:1.25rem;border:none;cursor:pointer;flex-shrink:0;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.tt-social-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 15px rgba(0,0,0,0.15)}.tt-social-button:active{transform:translateY(1px) scale(0.98);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.tt-social-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;opacity:0}.tt-social-button:hover::before{width:200%;height:200%;opacity:1}.tt-social-button i{position:relative;z-index:1;transition:transform 0.3s ease}.tt-social-button:hover i{animation:bounce 0.5s ease}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.tt-twitter{background:linear-gradient(135deg,#1DA1F2,#1A8CD8);box-shadow:0 4px 15px rgba(29,161,242,0.3)}.tt-facebook{background:linear-gradient(135deg,#1877F2,#166FE5);box-shadow:0 4px 15px rgba(24,119,242,0.3)}.tt-linkedin{background:linear-gradient(135deg,#0077B5,#006097);box-shadow:0 4px 15px rgba(0,119,181,0.3)}.tt-email{background:linear-gradient(135deg,#6B7280,#4B5563);box-shadow:0 4px 15px rgba(107,114,128,0.3)}.tt-social-button::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:0 0 15px currentColor;opacity:0;transition:opacity 0.3s ease}.tt-social-button:hover::after{opacity:0.6;animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{transform:scale(1);opacity:0.6}70%{transform:scale(1.3);opacity:0}100%{opacity:0}}.tt-social-button::before{content:attr(aria-label);position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:var(--tt-dark);color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.tt-social-button:hover::before{opacity:1;top:-35px}.tt-social-button::after{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-width:5px 5px 0;border-style:solid;border-color:var(--tt-dark) transparent transparent;opacity:0;transition:all 0.3s ease;z-index:100}.tt-social-button:hover::after{opacity:1;top:-3px}.tt-articolo-main{width:100%}.tt-articolo-introduzione{margin:0 0 2.5rem;padding:1.25rem 1.5rem;border-left:1px solid var(--tt-primary);border-radius:0 var(--tt-radius) var(--tt-radius) 0;position:relative;font-size:1.05rem;line-height:1.7;color:var(--tt-text)}@media (min-width:768px){.tt-articolo-container{flex-direction:row;padding:0 2rem}.tt-articolo-sidebar{width:300px;order:2}.tt-articolo-main{flex:1;min-width:0}.tt-articolo-header-content{padding:0 2rem}}@media (min-width:1024px){.tt-articolo-container{gap:3rem}.tt-articolo-sidebar{width:320px}}@media print{.tt-articolo-sidebar,.tt-progress-container,.tt-condivisione-container{display:none!important}.tt-articolo-container{display:block;padding:0}.tt-articolo-header{padding:1rem 0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tt-articolo-titolo{font-size:1.75rem}}.categoria-badge{display:inline-block;background:#2563eb;color:white;padding:0.15rem 0.6rem;border-radius:9999px;font-size:0.7rem;font-weight:500;margin-bottom:0.25rem}.articolo-meta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.5rem;font-size:0.8rem;color:#e2e8f0}.meta-item{display:flex;align-items:center;gap:0.4rem}.meta-item i{color:#64748b}.articolo-content{font-size:1.05rem;line-height:1.7;color:#334155}.sezione-header{margin-bottom:1rem;position:relative}.sezione-header h2{font-size:1.75rem;font-weight:700;margin:0 0 0.5rem 0;color:#1e293b}.sezione-decorator{width:50px;height:4px;background-color:#2563eb;border-radius:2px}.sezione-contenuto{margin-bottom:1rem}.sezione-contenuto p{margin-bottom:1rem}.sezione-contenuto ul,.sezione-contenuto ol{margin:1rem 0;padding-left:1.5rem}.sezione-contenuto li{margin-bottom:0.5rem}.sezione-contenuto h3{font-size:1.4rem;font-weight:600;margin:1.5rem 0 0.75rem 0;color:#334155}.sezione-contenuto h4{font-size:1.2rem;font-weight:600;margin:1.25rem 0 0.5rem 0;color:#475569}.sezione-contenuto a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.sezione-contenuto img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.sezione-contenuto pre{margin:1.5rem 0;border-radius:8px;overflow:hidden}.sezione-contenuto code{font-family:'JetBrains Mono','Fira Code','SF Mono','Monaco',monospace;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0;padding:0.25em 0.6em;border-radius:6px;font-size:0.9rem;font-weight:500;border:1px solid #334155;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:all 0.2s ease}.sezione-contenuto blockquote{border-left:4px solid #2563eb;padding:0.5rem 0 0.5rem 1rem;margin:1.5rem 0;border-radius:0 8px 8px 0;color:#475569;font-style:italic}.sezione-contenuto table{width:100%;border-collapse:collapse;margin:1.5rem 0}.sezione-contenuto th,.sezione-contenuto td{padding:0.75rem;border:1px solid #e2e8f0;text-align:left}.sezione-contenuto th{font-weight:600}.articolo-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.articolo-tags{margin-bottom:2rem}.articolo-tags h3{font-size:1.1rem;margin-bottom:0.75rem;color:#334155;display:flex;align-items:center;gap:0.5rem}.tags-container{display:flex;flex-wrap:wrap;gap:0.5rem}.tag-link{display:inline-block;padding:0.25rem 0.75rem;background-color:#f1f5f9;color:#475569;border-radius:4px;font-size:0.85rem;text-decoration:none;transition:background-color 0.2s,color 0.2s}.tag-link:hover{background-color:#e2e8f0;color:#334155}.articolo-autore-box{display:flex;gap:1rem;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.autore-avatar{font-size:3rem;color:#64748b}.autore-info{flex:1}.autore-info h3{font-size:1.2rem;margin:0 0 0.5rem 0;color:#334155}.autore-info p{font-size:0.95rem;color:#475569;margin:0}.articolo-azioni{display:flex;gap:1rem;margin-bottom:2rem}.btn-primario,.btn-secondario{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:4px;font-weight:600;font-size:0.9rem;text-decoration:none;transition:background-color 0.2s,color 0.2s}.btn-primario{background-color:#2563eb;color:white}.btn-primario:hover{background-color:#1d4ed8}.btn-secondario{background-color:#f1f5f9;color:#475569}.btn-secondario:hover{background-color:#e2e8f0;color:#334155}.articoli-correlati{margin-top:3rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem;color:#1e293b;font-weight:700}.articoli-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.articolo-card{border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:transform 0.2s,box-shadow 0.2s;background-color:white}.articolo-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.articolo-card-img{height:160px;background-size:cover;background-position:center}.articolo-card-content{padding:1rem}.articolo-card-categoria{display:inline-block;font-size:0.75rem;font-weight:600;color:#2563eb;margin-bottom:0.5rem}.articolo-card-titolo{font-size:1.1rem;font-weight:600;margin:0 0 0.5rem 0;color:#1e293b;line-height:1.4}.articolo-card-excerpt{font-size:0.9rem;color:#475569;margin-bottom:0.75rem;line-height:1.5}.articolo-card-link{display:inline-block;font-size:0.85rem;font-weight:600;color:#2563eb;text-decoration:none}.articolo-card-link:hover{text-decoration:underline}.codice-wrapper{position:relative;margin:1.5rem 0}.parametro{font-family:var(--tt-font-mono);font-weight:600;color:var(--tt-primary);background-color:rgba(0,0,0,0.05);padding:0.15rem 0.4rem;border-radius:4px;font-size:0.9em;white-space:nowrap}.comando{font-family:var(--tt-font-mono);font-weight:600;color:#2d3748;background-color:rgba(0,0,0,0.05);padding:0.15rem 0.4rem;border-radius:4px;font-size:0.9em;white-space:nowrap}.pulsante-copia{position:absolute;top:0.5rem;right:0.5rem;background-color:rgba(255,255,255,0.1);color:#e2e8f0;border:none;border-radius:4px;padding:0.25rem 0.5rem;font-size:0.8rem;cursor:pointer;transition:background-color 0.2s;z-index:10}.pulsante-copia:hover{background-color:rgba(255,255,255,0.2)}.pulsante-copia.copiato{background-color:rgba(74,222,128,0.2);color:#4ade80}@media (max-width:992px){.articolo-container{flex-direction:column}.articolo-sidebar{width:100%;margin-bottom:2rem}.sidebar-sticky{position:static}.indice-contenuti{display:none;max-height:none}.indice-contenuti.aperto{display:block}.articolo-titolo{font-size:2rem}}@media (max-width:768px){.articolo-hero{padding:2rem 0}.articolo-titolo{font-size:1.75rem}.articolo-meta{flex-direction:column;gap:0.5rem}.sezione-header h2{font-size:1.5rem}.sezione-contenuto h3{font-size:1.25rem}.articolo-autore-box{flex-direction:column;align-items:center;text-align:center}.articoli-grid{grid-template-columns:1fr}}@media (max-width:480px){.articolo-hero{padding:1.5rem 0}.articolo-titolo{font-size:1.5rem}.articolo-azioni{flex-direction:column}.btn-primario,.btn-secondario{width:100%;justify-content:center}}.tt-sidebar-sticky{position:sticky;top:120px;display:flex;flex-direction:column;z-index:10}.indice-fluttuante{position:fixed;top:120px;z-index:var(--tt-z-dropdown);transition:var(--tt-transition);width:280px;max-width:90vw;border-radius:var(--tt-radius);box-shadow:var(--tt-shadow-md);background-color:var(--tt-bg);padding:10px 0;margin-top:20px}.indice-fluttuante:hover{box-shadow:var(--tt-shadow-lg)}.indice-fluttuante .box-shadow{display:none!important}.barra-progresso-verticale{position:absolute;left:0;top:0;width:2px;background-color:rgba(var(--tt-primary-rgb),0.2);height:0;transition:height var(--tt-transition);border-radius:var(--tt-radius-sm)}.tt-indice-container{border-radius:var(--tt-radius);border:1px solid var(--tt-border);background-color:var(--tt-bg);transition:var(--tt-transition);overflow:hidden}.indice-fluttuante .tt-indice-container{border:none;box-shadow:none;width:100%;margin:0}.container.articolo-container{max-width:1400px;width:100%;padding:0 var(--tt-space);margin:0 auto}.tt-articolo-layout{display:flex;flex-direction:row-reverse;gap:2rem;position:relative;width:100%}.tt-articolo-main{flex:1;min-width:0;width:100%;padding:0;border-left:none}.tt-articolo-contenuto{width:100%;margin:0;font-size:1.05rem;line-height:1.7;max-width:100%;border-left:none}.sezione-decorator{width:3px;background-color:rgba(var(--tt-primary-rgb),0.3);position:absolute;left:-10px;top:0;bottom:0;border-radius:var(--tt-radius-sm)}.sezione-header{position:relative;margin-bottom:var(--tt-space)}.tt-articolo-sidebar{width:280px;flex-shrink:0}.tt-indice-contenuto{background:var(--tt-bg,white);border-radius:var(--tt-radius,0.5rem);box-shadow:var(--tt-shadow-md,0 4px 6px rgba(0,0,0,0.1));border:1px solid var(--tt-border,#e2e8f0);padding:1.5rem;transition:all 0.3s ease}.tt-indice-contenuto:hover{box-shadow:var(--tt-shadow-lg,0 10px 15px -3px rgba(0,0,0,0.1))}.tt-indice-titolo{font-size:1.1rem;font-weight:600;color:var(--tt-text-primary,#1e293b);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.tt-indice-titolo i{color:var(--tt-primary,#2563eb);font-size:1rem}.tt-indice-lista{list-style:none;padding:0;margin:0}.indice-voce{display:block;padding:0.75rem 1rem;color:var(--tt-text-secondary,#64748b);text-decoration:none;border-radius:var(--tt-radius-sm,0.375rem);transition:all 0.2s ease;font-size:0.9rem;line-height:1.4;border-left:3px solid transparent;margin-bottom:0.25rem;position:relative}.indice-voce:hover{background-color:var(--tt-bg-secondary,#f1f5f9);color:var(--tt-text-primary,#1e293b);border-left-color:var(--tt-primary-light,#93c5fd);transform:translateX(2px)}.indice-voce.active{background-color:var(--tt-primary-light,#dbeafe);color:var(--tt-primary,#2563eb);border-left-color:var(--tt-primary,#2563eb);font-weight:500}@media (max-width:767px){.tt-articolo-sidebar{display:none}.tt-articolo-main{width:100%;padding:0}}@media (min-width:768px){.tt-articolo-sidebar{display:block!important;width:280px;flex-shrink:0}.tt-sidebar-sticky{position:sticky;top:90px;max-height:calc(100vh - 100px);overflow-y:auto;width:100%}#indice-contenuto,.tt-indice-contenuto{display:block!important;max-height:80vh;overflow-y:auto}.tt-indice-toggle{display:none!important}}#indice-contenuto{padding:12px 0;max-height:70vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#indice-contenuto::-webkit-scrollbar{display:none}.indice-voce{padding:8px 16px 8px 20px;position:relative;transition:all 0.2s ease;display:block;text-decoration:none;color:#0a0a0a;font-size:0.9rem;line-height:1.4;cursor:pointer}.indice-voce:hover{background-color:rgba(37,99,235,0.03);color:#2563eb}.indice-voce.active{color:#2563eb;font-weight:600;background-color:rgba(37,99,235,0.05)}.indice-fluttuante .indice-voce:hover{background-color:rgba(37,99,235,0.05);transition:background-color 0.3s ease,color 0.3s ease;pointer-events:auto!important}.indice-transitioning .indice-voce{pointer-events:none}.indice-fluttuante *{transition:none!important}.indice-voce.active::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background-color:#2563eb}.indice-voce.read{color:#797676}.indice-sottovoce{padding-left:32px;font-size:0.9rem}.tt-condivisione-footer{margin-top:3rem;padding:2rem;background-color:var(--tt-bg-secondary);border-radius:var(--tt-radius);text-align:center;border:1px solid var(--tt-border)}.tt-condivisione-footer h3{margin-bottom:1.5rem;font-size:1.25rem;color:var(--tt-dark)}.tt-social-buttons-footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tt-social-button-footer{display:flex;align-items:center;padding:0.75rem 1.25rem;border-radius:0.375rem;color:white;font-weight:500;transition:all 0.2s ease;text-decoration:none}.tt-social-button-footer i{margin-right:0.5rem;font-size:1.125rem}.tt-social-button-footer.tt-twitter{background-color:#1DA1F2}.tt-social-button-footer.tt-facebook{background-color:#4267B2}.tt-social-button-footer.tt-linkedin{background-color:#0077B5}.tt-social-button-footer.tt-email{background-color:#718096}.tt-social-button-footer:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.tt-tag-correlati{margin-top:2rem;padding:1.5rem;border-radius:0.5rem;border:1px solid #e2e8f0}.tt-tag-correlati h3{margin-bottom:1rem;font-size:1.25rem;color:#1e293b}.tt-tag-list{display:flex;flex-wrap:wrap;gap:0.75rem}.tt-tag{display:inline-block;padding:0.5rem 1rem;background-color:#e2e8f0;color:#475569;border-radius:2rem;font-size:0.875rem;text-decoration:none;transition:all 0.2s ease}.tt-tag:hover{background-color:#cbd5e1;color:#1e293b;transform:translateY(-2px)}@media (max-width:640px){.tt-social-buttons-footer{flex-direction:column;gap:0.75rem}.tt-social-button-footer{width:100%;justify-content:center}.indice-fluttuante{width:85vw!important;left:50%!important;transform:translateX(-50%)}}.mermaid{background:var(--tt-bg,#fff)!important;padding:1rem!important;border-radius:0.5rem!important;box-shadow:0 1px 3px rgba(0,0,0,0.1)!important;margin:1.5rem 0!important}.mermaid>svg,.mermaid rect,.mermaid polygon,.mermaid circle,.mermaid ellipse,.mermaid path,.mermaid .node,.mermaid .cluster,.mermaid .flowchart-label,.mermaid .edgeLabel,.mermaid .label{background:var(--tt-bg,#fff)!important;fill:var(--tt-bg,#fff)!important}.mermaid .node rect,.mermaid .node polygon,.mermaid .node circle,.mermaid .node ellipse{stroke:var(--tt-primary,#2563eb)!important;stroke-width:2px!important;rx:4px!important;ry:4px!important}.mermaid .node text,.mermaid .nodeLabel,.mermaid .edgeLabel,.mermaid .label{font-family:var(--tt-font-sans)!important;font-size:14px!important;font-weight:500!important;fill:var(--tt-text,#1e293b)!important;color:var(--tt-text,#1e293b)!important}.mermaid .edgePath path,.mermaid .flowchart-link{stroke:var(--tt-primary,#2563eb)!important;stroke-width:2px!important;fill:none!important;marker-end:url(#arrowhead)!important}.mermaid .cluster rect{fill:var(--tt-bg-secondary,#f8fafc)!important;stroke:var(--tt-primary-light,#60a5fa)!important;stroke-width:1px!important;rx:6px!important;ry:6px!important}.tt-condivisione-intro{position:static;margin:0.5rem 0 0.5rem 0;padding:0;border:none;background:transparent;display:flex;justify-content:flex-end;align-items:flex-end;width:100%}.tt-articolo-introduzione{position:relative;padding-top:0}.tt-condivisione-testo{font-size:0.95rem;color:var(--tt-text-secondary);margin-bottom:0.75rem;font-style:italic}.tt-social-buttons-inline{display:flex;gap:0.4rem;flex-wrap:nowrap;align-items:flex-start}.tt-social-button{width:2rem;height:2rem;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.tt-social-button:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.tt-social-button.tt-twitter{background:#1da1f2}.tt-social-button.tt-facebook{background:#1877f2}.tt-social-button.tt-linkedin{background:#0077b5}.tt-social-button.tt-email{background:#6b7280}@media (max-width:768px){.tt-social-button{width:1.7rem;height:1.7rem;font-size:1rem}.tt-condivisione-intro{margin:0.5rem 0 0.5rem 0;justify-content:flex-end}.tt-social-buttons-inline{gap:0.3rem}.tt-articolo-introduzione{padding-top:0}}.mermaid [style*="fill:"],.mermaid [style*="background:"]{fill:var(--tt-bg,#fff)!important;background:var(--tt-bg,#fff)!important}.mermaid [style*="stroke:"]{stroke:var(--tt-primary,#2563eb)!important}.mermaid .node:hover{cursor:pointer}.mermaid .node:hover rect,.mermaid .node:hover circle,.mermaid .node:hover ellipse,.mermaid .node:hover polygon{filter:brightness(0.95);transition:all 0.2s ease}.mermaid .edgeLabel{background-color:var(--tt-bg,#fff)!important;padding:2px 4px!important;border-radius:4px!important;font-size:12px!important;box-shadow:0 1px 2px rgba(0,0,0,0.05)!important}.diagramma-articolo{margin-top:2rem;margin-bottom:2rem;padding:1rem;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;display:flex;justify-content:center;overflow-x:auto}.diagramma-articolo figure{margin:0;width:auto;min-width:min-content;max-width:100%;text-align:center}.diagramma-articolo img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.diagramma-articolo figcaption{margin-top:0.75rem;font-size:0.9em;color:#555;font-style:italic;line-height:1.4;padding:0 0.5rem}.commenti-container{background-color:var(--tt-bg);border:1px solid var(--tt-border);border-radius:var(--tt-radius-lg);margin-top:var(--tt-space-xl);overflow:hidden;box-shadow:var(--tt-shadow-sm)}.commenti-header{display:flex;justify-content:space-between;align-items:center;padding:var(--tt-space-sm) var(--tt-space-md);border-bottom:1px solid var(--tt-border);background-color:var(--tt-bg-secondary)}.commenti-titolo{font-size:1.25rem;font-weight:600;color:var(--tt-dark);display:flex;align-items:center;gap:var(--tt-space-sm)}.commenti-contatore{background-color:var(--tt-primary);color:white;font-size:0.8rem;font-weight:600;padding:0.2rem 0.5rem;border-radius:1rem}.commenti-tabs{display:flex;gap:var(--tt-space-xs)}.commenti-tab{padding:var(--tt-space-xs) var(--tt-space-sm);border:1px solid transparent;border-radius:var(--tt-radius);background-color:transparent;color:var(--tt-text-light);font-weight:500;cursor:pointer;transition:var(--tt-transition)}.commenti-tab:hover{color:var(--tt-text);background-color:rgba(0,0,0,0.05)}.commenti-tab.attivo{color:var(--tt-primary);background-color:#e0eaff;border-color:#bbf7d0}.commenti-contenuto{padding:var(--tt-space-md)}.commenti-tab-contenuto{display:none}.commenti-tab-contenuto.attivo{display:block;animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.commenti-lista{display:flex;flex-direction:column;gap:var(--tt-space-md)}.commento{display:flex;gap:var(--tt-space-sm)}.commento-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--tt-primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.commento-corpo{flex:1}.commento-header{display:flex;align-items:baseline;gap:var(--tt-space-sm);margin-bottom:var(--tt-space-xs)}.commento-autore{font-weight:600;color:var(--tt-dark)}.commento-data{font-size:0.85rem;color:var(--tt-text-light)}.commento-testo{line-height:1.6}.commento-azioni{margin-top:var(--tt-space-xs)}.btn-rispondi{background:none;border:none;color:var(--tt-primary);font-weight:500;cursor:pointer;padding:0}.commenti-vuoto{text-align:center;padding:var(--tt-space-lg) 0;color:var(--tt-text-light)}.commento-form{display:flex;flex-direction:column;gap:var(--tt-space-md)}.risposta-a-container{background-color:#e0eaff;padding:var(--tt-space-sm);border-radius:var(--tt-radius);display:flex;justify-content:space-between;align-items:center}.btn-cancella-risposta{background:none;border:none;font-size:1.2rem;cursor:pointer}.form-gruppo{display:flex;flex-direction:column;gap:var(--tt-space-xs)}.form-gruppo label{font-weight:500;color:var(--tt-text)}.form-gruppo input[type="text"],.form-gruppo input[type="email"],.form-gruppo textarea{width:100%;padding:var(--tt-space-sm);border:1px solid var(--tt-border);border-radius:var(--tt-radius);transition:var(--tt-transition)}.form-gruppo input:focus,.form-gruppo textarea:focus{border-color:var(--tt-primary);box-shadow:0 0 0 2px #e0eaff;outline:none}.privacy-nota,.conteggio-caratteri{font-size:0.85rem;color:var(--tt-text-light)}.form-check{flex-direction:row;align-items:center}.form-azioni{display:flex;justify-content:flex-end}.btn-invia{background-color:var(--tt-primary);color:white;border:none;padding:var(--tt-space-sm) var(--tt-space-md);border-radius:var(--tt-radius);font-weight:600;cursor:pointer}.btn-invia:hover{background-color:var(--tt-primary-hover)}.form-messaggio{margin-top:var(--tt-space-sm);padding:var(--tt-space-sm);border-radius:var(--tt-radius)}.form-messaggio.successo{background-color:#d1fae5;color:#065f46}.form-messaggio.errore{background-color:#fee2e2;color:#991b1b}.commenti-footer{padding:var(--tt-space-sm) var(--tt-space-md);background-color:var(--tt-bg-secondary);border-top:1px solid var(--tt-border);text-align:center;font-size:0.9rem;color:var(--tt-text-light)}.esempi-codice-sezione{background:var(--tt-bg,white);border-radius:var(--tt-radius,0.5rem);padding:2rem;margin:2rem 0;border:1px solid var(--tt-border,#e2e8f0)}.esempi-codice-grid{display:grid;gap:2rem;margin-top:1.5rem}.esempio-codice-card{background:var(--tt-bg,white);border-radius:var(--tt-radius,0.5rem);box-shadow:var(--tt-shadow-md,0 4px 6px rgba(0,0,0,0.1));border:1px solid var(--tt-border,#e2e8f0);overflow:hidden;transition:var(--tt-transition,all 0.2s ease);margin-bottom:1.5rem}.esempio-codice-card:hover{transform:translateY(-5px);box-shadow:var(--tt-shadow-lg,0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1));border-color:var(--tt-primary,#2563eb)}.esempio-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--tt-bg-secondary,#f8fafc);color:var(--tt-dark,#0f172a);border-bottom:1px solid var(--tt-border,#e2e8f0);position:relative;overflow:hidden}.esempio-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--tt-dark,#0f172a)}.linguaggio-badge{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500;text-transform:capitalize;background:var(--tt-primary,#2563eb);color:white}.codice-container{position:relative;margin:0;background:var(--tt-dark,#0f172a);border-radius:0 0 var(--tt-radius,0.5rem) var(--tt-radius,0.5rem);overflow:hidden}.codice-container pre{margin:0;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;border-radius:0;overflow-x:auto;font-size:0.9rem;line-height:1.6;border:none}.codice-container code{font-family:'Fira Code','SF Mono','Monaco','Inconsolata','Roboto Mono',monospace;font-size:0.9rem;line-height:1.6;color:#e2e8f0;background:transparent!important}.esempio-codice-card pre,.esempio-codice-card pre code,.esempio-codice-card .codice-container,.esempio-codice-card .codice-container pre,.esempio-codice-card .codice-container code{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important}.esempio-codice-card .hljs{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;color:#e2e8f0!important}.tt-articolo-wrapper .codice-wrapper{position:relative!important;margin:2rem 0!important;border-radius:16px!important;background:rgba(15,23,42,0.95)!important;backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(148,163,184,0.1)!important;box-shadow:0 8px 32px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.05) inset,0 -1px 0 rgba(0,0,0,0.1) inset!important;overflow:hidden!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important}.tt-articolo-wrapper .codice-wrapper:hover{transform:translateY(-2px)!important;box-shadow:0 16px 48px rgba(0,0,0,0.4),0 1px 0 rgba(255,255,255,0.08) inset!important;border-color:rgba(99,102,241,0.3)!important}.tt-articolo-wrapper .codice-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);opacity:0.8;z-index:1}.tt-articolo-wrapper .codice-wrapper::after{content:'';position:absolute;top:14px;left:16px;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:16px 0 0 #f59e0b,32px 0 0 #10b981;z-index:2}.tt-articolo-wrapper code{font-family:'JetBrains Mono','Fira Code','SF Mono','Monaco',monospace!important;background:#0d1117!important;color:#e2e8f0!important;border-radius:8px!important;font-size:0.9em!important;font-weight:500!important;border:1px solid #1e2030!important;box-shadow:0 2px 8px rgba(0,0,0,0.2)!important;transition:all 0.2s ease!important;position:relative;z-index:0}.tt-articolo-wrapper pre{margin:0!important;padding:60px 24px 24px 24px!important;background:#0d1117!important;border-radius:8px!important;overflow-x:auto;font-size:14px!important;line-height:1.7!important;font-family:'JetBrains Mono','Fira Code','SF Mono','Monaco',monospace!important;position:relative;z-index:0}.tt-articolo-wrapper pre::before{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(90deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border-radius:8px 8px 0 0;z-index:1}.tt-articolo-wrapper pre::after{content:'';position:absolute;top:14px;left:16px;width:12px;height:12px;background-color:#f87171;border-radius:50%;box-shadow:24px 0 0 #fbbf24,48px 0 0 #34d399;z-index:2}.tt-articolo-wrapper pre::-webkit-scrollbar{height:8px}.tt-articolo-wrapper pre::-webkit-scrollbar-track{background:rgba(30,41,59,0.5);border-radius:4px}.tt-articolo-wrapper pre::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:background 0.2s ease}.tt-articolo-wrapper pre::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.tt-articolo-wrapper code:not(pre code){position:relative;font-family:'JetBrains Mono','Fira Code','SF Mono','Monaco',monospace!important;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;color:#e2e8f0!important;padding:0.3em 0.8em 0.3em 0.6em!important;border-radius:8px!important;font-size:0.9em!important;font-weight:500!important;border:1px solid #334155!important;box-shadow:0 2px 8px rgba(0,0,0,0.2)!important;transition:all 0.2s ease!important;cursor:pointer!important;user-select:all!important;line-height:1.4!important;margin:0 3px!important;text-shadow:none!important}.tt-articolo-wrapper code:not(pre code):hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)!important;border-color:#475569!important;box-shadow:0 4px 16px rgba(0,0,0,0.3)!important;transform:translateY(-1px)!important;color:#f1f5f9!important}.tt-articolo-wrapper code:not(pre code)::after{content:'📋';position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:0.75em;opacity:0;transition:opacity 0.2s ease;pointer-events:none;filter:brightness(1.2)}.tt-articolo-wrapper code:not(pre code):hover::after{opacity:0.8}.tt-articolo-wrapper code:not(pre code):focus{outline:2px solid #60a5fa!important;outline-offset:2px!important;background:linear-gradient(135deg,#1e293b 0%,#334155 100%)!important;color:#f1f5f9!important}.tt-articolo-wrapper code:not(pre code).code-copied{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)!important;border-color:#22c55e!important;color:#166534!important;animation:pulseSuccess 0.3s ease!important}.tt-articolo-wrapper code:not(pre code).code-copied::after{content:'✓';opacity:1!important;color:#22c55e}.tt-articolo-wrapper code:not(pre code).code-error{background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%)!important;border-color:#ef4444!important;color:#dc2626!important;animation:shakeError 0.3s ease!important}.tt-articolo-wrapper code:not(pre code).code-error::after{content:'⚠';opacity:1!important;color:#ef4444}@keyframes pulseSuccess{0%{transform:translateY(-1px) scale(1)}50%{transform:translateY(-1px) scale(1.05)}100%{transform:translateY(-1px) scale(1)}}@keyframes shakeError{0%,100%{transform:translateY(-1px) translateX(0)}25%{transform:translateY(-1px) translateX(-2px)}75%{transform:translateY(-1px) translateX(2px)}}.faq-risposta code:not(pre code){background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;border-color:#0ea5e9!important;color:#7dd3fc!important}.faq-risposta code:not(pre code):hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)!important;border-color:#38bdf8!important;color:#bae6fd!important}.esercizio-pratico code:not(pre code){background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;border-color:#eab308!important;color:#fde047!important}.esercizio-pratico code:not(pre code):hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)!important;border-color:#facc15!important;color:#fef3c7!important}@media (max-width:768px){.tt-articolo-wrapper code:not(pre code){font-size:0.85em!important;padding:0.2em 0.6em 0.2em 0.4em!important;margin:0 1px!important}.tt-articolo-wrapper code:not(pre code)::after{font-size:0.7em;right:3px}}.tt-articolo-wrapper pre code{font-family:'JetBrains Mono','Fira Code','SF Mono','Monaco',monospace;background:transparent;color:#e2e8f0;padding:0;border-radius:0;font-size:inherit;font-weight:500;border:none;box-shadow:none;transition:color 0.2s ease;cursor:text;user-select:text;line-height:inherit;margin:0;text-shadow:none}.tt-articolo-wrapper pre code .hljs-variable,.tt-articolo-wrapper pre code .hljs-attr{color:#c678dd}.tt-articolo-wrapper pre code .hljs-string{color:#98c379}.tt-articolo-wrapper pre code .hljs-keyword,.tt-articolo-wrapper pre code .hljs-built_in{color:#569cd6}.tt-articolo-wrapper pre code .hljs-comment{color:#5c6370}.tt-articolo-wrapper pre code .hljs-number{color:#d19a66}.tt-articolo-wrapper pre code .hljs-operator{color:#56b6c2}.tt-articolo-wrapper pre code:hover{color:#f1f5f9}.tt-articolo-wrapper pre code::after{display:none}.tt-articolo-wrapper pre code:focus{outline:none;color:#f1f5f9}.tt-articolo-wrapper .hljs{background:transparent!important;color:#e2e8f0!important}.tt-articolo-wrapper .hljs-keyword{color:#f472b6!important;font-weight:600}.tt-articolo-wrapper .hljs-string{color:#34d399!important}.tt-articolo-wrapper .hljs-number{color:#fbbf24!important}.tt-articolo-wrapper .hljs-comment{color:#6b7280!important;font-style:italic}.tt-articolo-wrapper .hljs-function{color:#60a5fa!important}.tt-articolo-wrapper .hljs-variable{color:#a78bfa!important}.tt-articolo-wrapper .pulsante-copia{position:absolute!important;top:10px!important;right:12px!important;background:rgba(0,0,0,0.6)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:4px!important;padding:4px 12px!important;font-size:14px!important;font-weight:500!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;backdrop-filter:blur(12px)!important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)!important;z-index:15!important;opacity:1!important;transform:translateY(0)!important;cursor:pointer!important;box-shadow:0 1px 3px rgba(0,0,0,0.3)!important}.tt-articolo-wrapper .codice-wrapper:hover .pulsante-copia{opacity:1!important;transform:translateY(0)!important}.tt-articolo-wrapper .pulsante-copia:hover{background:rgba(99,102,241,0.3)!important;color:#c7d2fe!important;border-color:rgba(99,102,241,0.5)!important;transform:scale(1.05)!important;box-shadow:0 2px 8px rgba(99,102,241,0.2)!important}.tt-articolo-wrapper .pulsante-copia.copiato{background:rgba(34,197,94,0.3)!important;color:#bbf7d0!important;border-color:rgba(34,197,94,0.5)!important;opacity:1!important;transform:scale(1.05)!important}.tt-articolo-wrapper .pulsante-copia.errore-copia{background:rgba(239,68,68,0.3)!important;color:#fecaca!important;border-color:rgba(239,68,68,0.5)!important;opacity:1!important;transform:scale(1.05)!important}@keyframes typing-glow{0%,100%{opacity:1}50%{opacity:0.7}}.tt-articolo-wrapper .codice-wrapper:hover pre{animation:typing-glow 2s ease-in-out infinite}.esempio-codice-card .codice-container{margin:1rem 0;border-radius:12px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid rgba(148,163,184,0.1);overflow:hidden;position:relative}.esempio-codice-card .codice-container pre{margin:0!important;padding:1.5rem!important;background:transparent!important;border-radius:0!important;overflow-x:auto;font-size:14px!important;line-height:1.6!important;font-family:'JetBrains Mono','Fira Code','SF Mono','Monaco',monospace!important}.esempio-codice-card .codice-container code{background:transparent!important;color:#e2e8f0!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}.esempio-codice-card .codice-container .pulsante-copia{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.6)!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;backdrop-filter:blur(12px);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);z-index:10;opacity:0.7}.esempio-codice-card .codice-container:hover .pulsante-copia{opacity:1}.esempio-codice-card .codice-container .pulsante-copia:hover{background:rgba(99,102,241,0.3)!important;color:#c7d2fe!important;border-color:rgba(99,102,241,0.5)!important;transform:scale(1.05)}.esempio-codice-card .codice-wrapper{position:relative;margin:0;border-radius:0 0 12px 12px;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important}.esempio-codice-card .codice-wrapper pre{margin:0;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;border-radius:0;font-size:0.9rem;line-height:1.6}.esempio-codice-card .codice-wrapper code{background:transparent!important;color:#e2e8f0!important}.esempio-codice-card .codice-wrapper .hljs{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;color:#e2e8f0!important}.esempio-codice-card .codice-wrapper .pulsante-copia{position:absolute;top:0.75rem;right:0.75rem;background:rgba(255,255,255,0.1);color:#94a3b8;border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:0.375rem 0.625rem;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(12px);z-index:10;opacity:0.8}.esempio-codice-card .codice-wrapper .pulsante-copia:hover{background:rgba(59,130,246,0.15);color:#60a5fa;border-color:rgba(59,130,246,0.3);transform:translateY(-1px);opacity:1}.esempio-codice-card .codice-wrapper .pulsante-copia.copiato{background:rgba(34,197,94,0.15);color:#4ade80;border-color:rgba(34,197,94,0.3);opacity:1}.esempio-codice-card .codice-wrapper .pulsante-copia i{margin-right:0.25rem;font-size:0.7rem}.esempio-descrizione{padding:1.5rem 1.75rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;line-height:1.6}.esempio-descrizione p{margin:0;font-size:0.95rem}.esempio-spiegazione{padding:1.5rem 1.75rem;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-top:1px solid #bae6fd}.esempio-spiegazione h4{margin:0 0 1rem 0;font-size:1rem;font-weight:600;color:#0369a1;display:flex;align-items:center;gap:0.5rem}.esempio-spiegazione h4 i{color:#0ea5e9}.esempio-spiegazione p{margin:0;color:#475569;line-height:1.6;font-size:0.95rem}.diagrammi-section,.diagrammi-sezione{background:var(--tt-bg-light,#f8fafc);border-radius:var(--tt-radius,0.5rem);padding:1.5rem;margin:1.5rem 0;border:1px solid var(--tt-border,#e2e8f0)}.diagrammi-container{display:grid;gap:2rem}.diagramma-card{background:var(--tt-bg-white,white);border-radius:var(--tt-radius,0.5rem);box-shadow:var(--tt-shadow-sm,0 1px 3px rgba(0,0,0,0.1));overflow:hidden;border:1px solid var(--tt-border,#e2e8f0);margin-bottom:1.5rem;transition:box-shadow 0.3s ease}.diagramma-card:hover{box-shadow:var(--tt-shadow-md,0 4px 6px rgba(0,0,0,0.1))}.diagramma-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--tt-bg-secondary,#f8fafc);color:var(--tt-dark,#0f172a);border-bottom:1px solid var(--tt-border,#e2e8f0)}.diagramma-titolo{margin:0;font-size:1.1rem;font-weight:600}.diagramma-tipo{background:rgba(255,255,255,0.2);padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;text-transform:capitalize}.diagramma-descrizione{padding:1rem 1.5rem;background:#f7fafc;border-bottom:1px solid #e2e8f0}.diagramma-contenuto{padding:1.5rem;text-align:center}.diagramma-contenuto .mermaid-container{background:white;border-radius:8px;padding:1rem;box-shadow:inset 0 2px 4px rgba(0,0,0,0.06)}.diagramma-spiegazione{padding:1rem 1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}.esercizi-section{background:linear-gradient(135deg,#fed7d7 0%,#feb2b2 100%);border-radius:12px;padding:2rem;margin:2rem 0}.esercizi-container{display:grid;gap:1.5rem}.esercizio-card{background:var(--tt-bg,white);border-radius:var(--tt-radius,0.5rem);box-shadow:var(--tt-shadow-md,0 4px 6px rgba(0,0,0,0.1));overflow:hidden;border:1px solid var(--tt-border,#e2e8f0);transition:var(--tt-transition,all 0.2s ease);margin-bottom:1.5rem}.esercizio-card[data-difficolta="facile"]{border-left:4px solid #38a169}.esercizio-card[data-difficolta="medio"]{border-left:4px solid #d69e2e}.esercizio-card[data-difficolta="difficile"]{border-left:4px solid #e53e3e}.esercizio-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--tt-bg-secondary,#f8fafc);color:var(--tt-dark,#0f172a);border-bottom:1px solid var(--tt-border,#e2e8f0)}.esercizio-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--tt-dark,#0f172a)}.difficolta-badge{padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500;text-transform:capitalize}.difficolta-facile{background:#38a169;color:white}.difficolta-medio{background:#d69e2e;color:white}.difficolta-difficile{background:#e53e3e;color:white}.esercizio-descrizione{padding:1.5rem;color:var(--tt-text,#1e293b)}.esercizio-suggerimenti,.esercizio-soluzione{margin:0 1.5rem 1.5rem;border:1px solid var(--tt-border,#e2e8f0);border-radius:var(--tt-radius-sm,0.25rem);overflow:hidden}.toggle-suggerimenti,.toggle-soluzione{display:flex;align-items:center;padding:0.75rem 1rem;background:var(--tt-bg-secondary,#f8fafc);cursor:pointer;font-weight:500;border:none;width:100%;text-align:left;color:var(--tt-primary,#2563eb);transition:var(--tt-transition,all 0.2s ease)}.toggle-suggerimenti:hover,.toggle-soluzione:hover{background:var(--tt-bg-secondary,#f1f5f9);color:var(--tt-primary-hover,#1d4ed8)}.toggle-suggerimenti i,.toggle-soluzione i{margin-right:0.5rem;color:inherit}.suggerimenti-content,.soluzione-content{padding:1rem;background:var(--tt-bg,white);border-top:1px solid var(--tt-border,#e2e8f0)}.suggerimenti-content h4,.soluzione-content h4{margin-top:0;margin-bottom:1rem;color:var(--tt-dark,#0f172a);font-size:1rem}.esercizi-grid{display:flex;flex-direction:column;gap:1.5rem}.faq-section{background:linear-gradient(135deg,#e6fffa 0%,#b2f5ea 100%);border-radius:12px;padding:2rem;margin:2rem 0}.faq-container{display:grid;gap:1rem}.faq-item{background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);overflow:hidden}.faq-domanda{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:white;border:none;text-align:left;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.2s ease}.faq-domanda:hover{background:#f7fafc}.faq-domanda i{transition:transform 0.2s ease;color:#4299e1}.faq-risposta{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq-risposta-contenuto{padding:0 1.5rem 1.5rem;border-top:1px solid #e2e8f0;background:#f7fafc}.fonti-lista{list-style:none;padding:0;display:grid;gap:0.75rem}.fonte-item{margin:0}.fonte-link{display:flex;align-items:center;padding:0.75rem 1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;text-decoration:none;color:#2d3748;transition:all 0.2s ease}.fonte-link:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateX(4px)}.fonte-link i{margin-right:0.75rem;color:#4a5568;font-size:1.1rem}.articolo-cta{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:12px;padding:2.5rem;margin:3rem 0;text-align:center}.cta-contenuto h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700}.cta-contenuto p{margin:0 0 2rem;font-size:1.1rem;opacity:0.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.2s ease}.btn-primary{background:white;color:#667eea}.btn-primary:hover{background:#f7fafc;transform:translateY(-2px)}.btn-outline{background:transparent;color:white;border:2px solid white}.btn-outline:hover{background:white;color:#667eea}.sezione-header h2{display:flex;align-items:center;gap:0.5rem}.sezione-header h2 i{color:#4299e1;font-size:0.9em}@media (max-width:768px){.esempio-header,.diagramma-header,.esercizio-header{flex-direction:column;gap:0.5rem;text-align:center}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.esempio-codice-card,.diagramma-card,.esercizio-card,.faq-item{animation:slideInUp 0.6s ease-out}.pulsante-copia.copiato{background:#38a169!important;color:white!important}.tt-immagine-container{position:relative;display:block;margin:3rem auto;text-align:center;max-width:90%;text-decoration:none!important;border:none!important}img.diagramma-mermaid{max-width:90%!important;min-width:600px;max-height:800px;margin:0 auto;display:block;border:1px solid var(--tt-border,#e2e8f0);background:white;padding:1rem;border-radius:var(--tt-radius-lg,0.75rem);box-shadow:var(--tt-shadow-lg,0 10px 15px -3px rgba(0,0,0,0.1));cursor:pointer;transition:all 0.3s ease}img.diagramma-mermaid:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,0.15);border-color:var(--tt-primary,#2563eb)}.tt-immagine-container::after{content:'🔍 Apri in nuova scheda';position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.8);color:white;padding:0.5rem 1rem;border-radius:var(--tt-radius,0.5rem);font-size:0.8rem;opacity:0;transition:opacity 0.3s ease;z-index:10;pointer-events:none}.tt-immagine-container:hover::after{opacity:1}@media (max-width:768px){img.diagramma-mermaid{min-width:100%;max-width:100%;margin:2rem auto;padding:0.5rem}.tt-immagine-container{max-width:100%;margin:2rem auto}.tt-immagine-container::after{font-size:0.7rem;padding:0.3rem 0.6rem;bottom:5px;right:5px}}.mermaid-container{background:#f8f9fa;border-radius:8px;padding:1rem;margin:1rem 0}.mermaid{background:transparent!important}.livello-principiante{color:#38a169;font-weight:600}.livello-intermedio{color:#d69e2e;font-weight:600}.livello-avanzato{color:#e53e3e;font-weight:600}.faq-sezione{margin:3rem 0;padding:2rem 0}.faq-container{max-width:800px;margin:0 auto}.faq-item{margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.faq-domanda{width:100%;padding:1.5rem;background:#f8fafc;border:none;text-align:left;font-size:1.1rem;font-weight:600;color:#2d3748;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color 0.2s ease}.faq-domanda:hover{background:#edf2f7}.faq-domanda:focus{outline:2px solid #4299e1;outline-offset:-2px}.faq-domanda[aria-expanded="true"]{background:#e6fffa;color:#234e52}.faq-domanda[aria-expanded="true"] .fas{transform:rotate(180deg)}.faq-domanda .fas{transition:transform 0.3s ease;color:#4a5568}.faq-risposta{padding:0 1.5rem;background:#ffffff;color:#4a5568;line-height:1.6;overflow:hidden;transition:max-height 0.3s ease-out;max-height:0px;font-size:1rem;margin:0;border:1px solid #e2e8f0}.faq-item.attiva .faq-risposta{padding:1.5rem}.faq-risposta>*:first-child{margin-top:0;padding-top:1rem}.faq-risposta>*:last-child{margin-bottom:0;padding-bottom:1rem}.faq-risposta p{margin:0 0 1rem 0}.faq-risposta ul,.faq-risposta ol{margin:0 0 1rem 1.5rem}.faq-risposta code{background:#f7fafc;padding:0.2rem 0.4rem;border-radius:3px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:0.9em}@media (max-width:768px){.faq-domanda{padding:1rem;font-size:1rem}.faq-risposta{padding:0 1rem}.faq-risposta>*:first-child{margin-top:0.75rem}.faq-risposta>*:last-child{margin-bottom:1rem}}.tecnobot-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);position:relative;overflow:hidden}.tecnobot-hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/img/seo-optimized/tecnobot-pattern.svg');background-size:cover;opacity:0.1;z-index:1}.tecnobot-hero .hero-content{position:relative;z-index:2;text-align:center}.tecnobot-hero .hero-title{font-size:4rem;margin-bottom:1rem;background:linear-gradient(to right,#ffffff,#e0f2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,255,255,0.3)}.tecnobot-hero .hero-subtitle{font-size:1.5rem;max-width:800px;margin:0 auto 2rem;color:rgba(255,255,255,0.9)}.tecnobot-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,0.15);border-radius:50px;padding:8px 16px;margin-bottom:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.tecnobot-badge-icon{width:24px;height:24px;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px}.tecnobot-badge-icon i{color:#1e3a8a;font-size:12px}.tecnobot-badge span{color:#ffffff;font-size:0.9rem;font-weight:500}.tecnobot-stats-counter{display:flex;justify-content:center;gap:40px;margin-top:40px}.counter-item{text-align:center}.counter-value{font-size:3rem;font-weight:700;color:#ffffff;margin-bottom:5px;text-shadow:0 0 10px rgba(255,255,255,0.3)}.counter-label{font-size:1rem;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:1px}.tecnobot-intro{display:block;padding-top:3rem;max-width:1200px;margin:0 auto}.tecnobot-intro-header{margin-bottom:1.5rem;position:relative;text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.tecnobot-intro-header .section-title{font-size:2.2rem;font-weight:700;color:#1e3a8a;margin-bottom:0.75rem;line-height:1.2;position:relative;display:inline-block}.title-underline{height:4px;width:80px;background:linear-gradient(90deg,#1e3a8a,#60a5fa);border-radius:2px;margin-top:0.5rem;margin-bottom:1.5rem}.section-description{font-size:1.1rem;line-height:1.6;color:#4b5563;margin-bottom:2.5rem;max-width:800px;text-align:left;margin-left:auto;margin-right:auto}.tecnobot-intro-content{margin-bottom:2rem}.agents-ecosystem{background-color:#f8fafc;border-radius:12px;padding:2rem;margin-top:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);max-width:1200px;margin-left:auto;margin-right:auto}.agents-header{margin-bottom:2rem;position:relative;text-align:center}.agents-header .agents-title{font-size:1.8rem;font-weight:700;color:#1e3a8a;margin-bottom:0.75rem;line-height:1.2}.agents-title-underline{height:4px;width:60px;background:linear-gradient(90deg,#1e3a8a,#60a5fa);border-radius:2px;margin:0.5rem auto}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.agent-card{background:#ffffff;border-radius:12px;padding:1.2rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease}.agent-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}.agent-icon{width:60px;height:60px;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.agent-icon i{color:#ffffff;font-size:1.5rem}.agent-card h4{font-size:1rem;margin-bottom:0.5rem;color:#333;font-weight:600}.agent-card p{color:#666;font-size:0.85rem;line-height:1.4}.tecnobot-intro-content{padding-right:20px}.tecnobot-features{margin-top:30px}.feature-item{display:flex;margin-bottom:20px}.feature-icon{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:20px}.feature-icon i{color:#ffffff;font-size:1.5rem}.feature-content h3{font-size:1.2rem;margin-bottom:5px;color:#333}.feature-content p{color:#666;font-size:0.95rem;line-height:1.5}.tecnobot-intro-image{display:flex;justify-content:center;align-items:center}.tecnobot-avatar{background:#ffffff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px}.avatar-container{position:relative;margin-bottom:20px}.avatar-circle{width:120px;height:90px;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:50% / 40%;display:flex;align-items:center;justify-content:center;transition:width 0.3s,height 0.3s,border-radius 0.3s}@media (max-width:576px){.avatar-circle{width:80px;height:60px;border-radius:50% / 40%}}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50% / 40%;display:block}.avatar-initial{font-size:3rem;color:#ffffff;font-weight:700}.avatar-status{position:absolute;bottom:5px;right:5px;width:20px;height:20px;background:#4CAF50;border-radius:50%;border:3px solid #ffffff;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,175,80,0.7)}70%{box-shadow:0 0 0 10px rgba(76,175,80,0)}100%{box-shadow:0 0 0 0 rgba(76,175,80,0)}}.avatar-info h3{font-size:1.5rem;margin-bottom:10px;color:#333}.avatar-info p{color:#666;line-height:1.5}.tecnobot-stats-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden}.tecnobot-stats-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/img/seo-optimized/stats-pattern.svg');background-size:cover;opacity:0.05;z-index:1}.tecnobot-stats-section .container{position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}.stats-card{background:#ffffff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}.stats-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.stats-card h3{font-size:1.2rem;margin-bottom:20px;color:#333;text-align:center}.chart-container{height:250px;position:relative}.process-timeline{position:relative;max-width:800px;margin:50px auto 0}.process-timeline::before{content:"";position:absolute;top:0;left:20px;height:100%;width:4px;background:linear-gradient(to bottom,#4a00e0,#8e2de2);border-radius:4px}.process-step{position:relative;padding-left:60px;margin-bottom:40px}.process-step:last-child{margin-bottom:0}.step-number{position:absolute;left:0;top:0;width:40px;height:40px;background:linear-gradient(135deg,#4a00e0,#8e2de2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;z-index:2}.step-content h3{font-size:1.3rem;margin-bottom:10px;color:#333}.step-content p{color:#666;line-height:1.5}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.tech-card{background:#ffffff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:30px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.tech-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.tech-icon{width:70px;height:70px;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.tech-icon i{color:#ffffff;font-size:2rem}.tech-card h3{font-size:1.2rem;margin-bottom:10px;color:#333}.tech-card p{color:#666;line-height:1.5;font-size:0.95rem}.roadmap{max-width:800px;margin:50px auto 0}.roadmap-item{display:flex;margin-bottom:40px}.roadmap-item:last-child{margin-bottom:0}.roadmap-date{flex-shrink:0;width:100px;padding:10px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#ffffff;text-align:center;border-radius:6px;font-weight:600;margin-right:30px}.roadmap-content h3{font-size:1.3rem;margin-bottom:10px;color:#333}.roadmap-content p{color:#666;line-height:1.5}.faq-container{max-width:800px;margin:40px auto 0}.faq-item{margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.05)}.faq-question{background:#ffffff;padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color 0.3s ease}.faq-question:hover{background-color:#f8f9fa}.faq-question h3{font-size:1.1rem;margin:0;color:#333}.faq-toggle{color:#1e3a8a;font-size:1.2rem;transition:transform 0.3s ease}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-answer{background:#f8f9fa;padding:0;max-height:0;overflow:hidden;transition:all 0.3s ease}.faq-item.active .faq-answer{padding:20px;max-height:500px}.faq-answer p{margin:0;color:#666;line-height:1.6}@media (max-width:992px){.tecnobot-intro{grid-template-columns:1fr}.stats-grid,.tech-grid{grid-template-columns:repeat(2,1fr)}.agents-grid{grid-template-columns:repeat(3,1fr)}.tecnobot-stats-counter{flex-wrap:wrap}}@media (max-width:768px){.tecnobot-hero .hero-title{font-size:3rem}.tecnobot-hero .hero-subtitle{font-size:1.2rem}.stats-grid,.tech-grid{grid-template-columns:1fr}.agents-grid{grid-template-columns:repeat(2,1fr)}.roadmap-item{flex-direction:column}.roadmap-date{margin-right:0;margin-bottom:15px;width:100%}}@media (max-width:576px){.agents-grid{grid-template-columns:1fr}.agent-card{padding:1rem}.agent-icon{width:50px;height:50px}.agent-icon i{font-size:1.2rem}}.header,.header.desktop-only{margin:0!important;padding-bottom:0!important;border-bottom:none!important}main{margin:0!important;padding-top:0!important;border-top:none!important}.hero,section.hero,.hero-section{margin:0!important;padding-top:0!important;border-top:none!important}.header + main,.header.desktop-only + main,main .hero:first-child,main section.hero:first-child,main .hero-section:first-child{margin-top:0!important;padding-top:0!important;border-top:none!important}html,body{margin:0!important;padding:0!important}body.loaded{margin:0!important;padding:0!important}body.loaded main .hero{margin-top:0!important;padding-top:0!important;border-top:none!important}nav.main-nav.mobile-only{margin:0!important;padding:0!important;height:0!important;overflow:hidden!important;border:none!important;display:none!important}.mobile-menu-toggle.mobile-fab-menu{margin:0!important;padding:0.5rem!important;position:fixed!important;bottom:1rem!important;right:1rem!important;z-index:9999!important}.menu-overlay{margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:998!important;display:none!important}.progress-container{margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;height:4px!important;z-index:1001!important}.header.desktop-only + nav.main-nav.mobile-only,.header.desktop-only + nav.main-nav.mobile-only + .mobile-menu-toggle,.header.desktop-only + nav.main-nav.mobile-only + .mobile-menu-toggle + .menu-overlay,.header.desktop-only + nav.main-nav.mobile-only + .mobile-menu-toggle + .menu-overlay + .progress-container{margin:0!important;padding:0!important;height:0!important;overflow:hidden!important}.header.desktop-only ~ main{margin-top:0!important;padding-top:0!important;border-top:none!important}.hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:1.5rem 0 0.75rem 0;position:relative;overflow:hidden;color:white;margin-top:0}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.featured-header{display:none}.desktop-only{display:none}.mobile-only{display:block}.hero{padding:0.75rem 0 0.5rem 0;min-height:0;margin-bottom:0;height:auto;max-height:none}.hero-content{padding:0}.hero-title{font-size:1.5rem;margin-bottom:0.5rem;line-height:1.2}.hero-subtitle{font-size:0.85rem;margin-bottom:0;line-height:1.3}.fade-in-up,.delay-1{animation:none!important}.section-light{padding-top:0.75rem}.ai-particles{opacity:0.2}#ai-particles,.hero::before{display:none!important}}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('/img/seo-optimized/tecnobot-pattern.svg');background-size:cover;opacity:0.1;z-index:1}.ai-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;opacity:0.4}.particle{position:absolute;border-radius:50%;background-color:rgba(255,255,255,0.3);pointer-events:none;transition:opacity 0.3s ease}.hero-content{position:relative;z-index:2;padding:0.25rem 0}.hero-title{font-size:clamp(2rem,6vw,3rem);line-height:1.1;margin-bottom:0.75rem;color:white;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.hero-subtitle{font-size:clamp(0.9rem,2.5vw,1.3rem);color:rgba(255,255,255,0.95);font-weight:400;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,0.2);max-width:800px;margin:0 auto 0.5rem auto}.featured-tutorials{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;max-width:100%;margin:0 auto}.tutorial-card{border-radius:0.75rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;background-color:white;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.tutorial-card .card-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.tutorial-card .card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.tutorial-card:hover .card-image img{transform:scale(1.05)}.tutorial-card .card-content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.tutorial-card .card-category{display:inline-block;background-color:#f0f9ff;color:#0369a1;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;margin-bottom:0.75rem;align-self:flex-start}.tutorial-card .card-title{font-size:1.125rem;font-weight:700;margin:0 0 0.5rem 0;color:#0f172a;line-height:1.4}.tutorial-card .card-description{color:#64748b;font-size:0.9375rem;line-height:1.5;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.tutorial-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:0.75rem;border-top:1px solid #e2e8f0}@media (max-width:1200px){.featured-tutorials{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.featured-tutorials{grid-template-columns:repeat(2,1fr)}.tutorial-card .card-title{font-size:1.125rem}.tutorial-card .card-description{-webkit-line-clamp:2;line-clamp:2}}@media (max-width:600px){.featured-tutorials{grid-template-columns:1fr;gap:1.25rem}.tutorial-card{max-width:400px;margin:0 auto;width:100%}.tutorial-card .card-content{padding:1rem}.tutorial-card .card-title{font-size:1.1rem}.tutorial-card .card-description{font-size:0.9rem;-webkit-line-clamp:3;line-clamp:3}}.tutorial-card{border-radius:0.75rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;background-color:white;height:100%;min-height:380px;display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.card-image{height:150px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.tutorial-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1;overflow-y:hidden}.card-category{display:inline-block;background-color:#e0f2fe;color:#0369a1;font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:9999px;margin-bottom:0.75rem}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;color:#1e293b}.card-description{color:#64748b;margin-bottom:1.5rem;flex-grow:1;overflow-y:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.difficulty{display:inline-flex;align-items:center;font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:9999px}.difficulty-beginner{background-color:#dcfce7;color:#16a34a}.difficulty-intermediate{background-color:#fef3c7;color:#d97706}.difficulty-advanced{background-color:#fee2e2;color:#dc2626}.date{font-size:0.75rem;color:#94a3b8}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:100%;overflow-x:hidden}.category-icon:not(.category-item *){display:none!important}.icon-python{color:#306998}.icon-ai{color:#8b5cf6}.icon-web{color:#3b82f6}.icon-devops{color:#10b981}.icon-frontend{color:#f59e0b}.icon-database{color:#ef4444}.icon-default{color:#6b7280}.category-content{flex-grow:1}.category-content h3{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#1e293b}.category-content p{font-size:0.875rem;color:#64748b;margin:0}.category-card{background-color:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;height:200px;display:flex;align-items:center;justify-content:center;text-decoration:none}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.category-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:1}.category-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.category-content{position:relative;z-index:2;text-align:center;padding:1.5rem;color:white}.category-item .category-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.category-title{font-size:1.25rem;font-weight:700;margin-bottom:0.5rem}.category-count{font-size:0.875rem;opacity:0.9}.search-container{position:relative;max-width:600px;margin-top:3rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:9999px;border:none;background-color:rgba(255,255,255,0.9);font-size:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:all 0.3s ease}.search-input:focus{background-color:white;outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.ai-section{background-color:#1e40af;color:white;padding:4rem 0;border-radius:1rem;overflow:hidden;position:relative}.ai-section-container{padding:3rem 0;margin:4rem 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e3a8a,#3b82f6);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.2)}.ai-modern-layout{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:space-between}.ai-info-column{flex:1;min-width:300px;color:white}.ai-card-column{flex:1;min-width:300px;display:flex;justify-content:center}.ai-pattern-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj48cGF0aCBkPSJNMTAgMTBjMC01LjUyMjkgNC40NzcxLTEwIDEwLTEwczEwIDQuNDc3MSAxMCAxMC00LjQ3NzEgMTAtMTAgMTBTMTAgMTUuNTIyOSAxMCAxMHptNDAgMGMwLTUuNTIyOSA0LjQ3NzEtMTAgMTAtMTBzMTAgNC40NzcxIDEwIDEwLTQuNDc3MSAxMC0xMCAxMFM1MCAxNS41MjI5IDUwIDEwek0xMCA1MGMwLTUuNTIyOSA0LjQ3NzEtMTAgMTAtMTBzMTAgNC40NzcxIDEwIDEwLTQuNDc3MSAxMC0xMCAxMFMxMCA1NS41MjI5IDEwIDUwem00MCAwYzAtNS41MjI5IDQuNDc3MS0xMCAxMC0xMHMxMCA0LjQ3NzEgMTAgMTAtNC40NzcxIDEwLTEwIDEwUzUwIDU1LjUyMjkgNTAgNTB6TTMwIDMwYzAtNS41MjI5IDQuNDc3MS0xMCAxMC0xMHMxMCA0LjQ3NzEgMTAgMTAtNC40NzcxIDEwLTEwIDEwUzMwIDM1LjUyMjkgMzAgMzB6IiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz48L3N2Zz4=');opacity:0.3}.ai-headline{font-size:2.75rem;font-weight:700;margin-bottom:1rem;color:white;line-height:1.15;text-shadow:0 2px 4px rgba(0,0,0,0.2);letter-spacing:-0.01em}.ai-tagline{font-size:var(--font-size-lg);color:rgba(255,255,255,0.9);margin-bottom:2rem;font-weight:var(--font-weight-medium);letter-spacing:0.02em;line-height:1.4}.ai-features-row{display:flex;gap:1rem;margin:2rem 0 2.5rem;flex-wrap:wrap;justify-content:flex-start}.ai-feature-badge{display:flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.15);padding:0.75rem 1.25rem;border-radius:50px;backdrop-filter:blur(10px);transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.ai-feature-badge:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.ai-feature-badge i{color:#60a5fa;font-size:1rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ai-feature-badge span{color:white;font-size:0.9rem;font-weight:var(--font-weight-medium);letter-spacing:0.02em}.ai-action-button{display:inline-block;background:#3b82f6;color:white;padding:0.75rem 1.75rem;border-radius:8px;font-weight:var(--font-weight-semibold);text-decoration:none;transition:all 0.3s ease;font-size:var(--font-size-md);box-shadow:0 4px 6px rgba(0,0,0,0.1);letter-spacing:0.03em}.ai-action-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 10px rgba(0,0,0,0.15)}.ai-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.1);max-width:380px;color:white;position:relative;overflow:hidden}.ai-card::before,.ai-card::after{content:'';position:absolute;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:0.3;z-index:-1}.ai-card::before{width:150px;height:150px;top:-50px;right:-50px}.ai-card::after{width:100px;height:100px;bottom:-30px;left:-30px}.ai-card-header{display:flex;align-items:center;margin-bottom:1.5rem}.ai-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:1.25rem;margin-right:1rem;overflow:hidden}.ai-avatar img{width:100%;height:100%;object-fit:cover}.ai-identity{display:flex;flex-direction:column}.ai-identity h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:0.02em}.ai-identity p{margin:0;font-size:0.875rem;color:rgba(255,255,255,0.7)}.ai-avatar-small{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:24px;margin-right:15px}.ai-profile-info{display:flex;flex-direction:column}.ai-profile-name{color:white;margin:0;font-size:18px;font-weight:600}.ai-profile-role{color:rgba(255,255,255,0.7);margin:0;font-size:14px}.ai-quote{background:rgba(0,0,0,0.2);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.ai-quote p{margin:0;font-size:0.9375rem;line-height:1.5;color:rgba(255,255,255,0.9);font-style:italic}.ai-quote-text{color:white;margin:0;font-size:15px;line-height:1.5}.ai-metrics{display:flex;justify-content:space-between}.ai-metric{text-align:center}.ai-metric-value{font-size:1.5rem;font-weight:700;color:white;margin-bottom:0.25rem}.ai-metric-label{font-size:0.75rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px}.ai-stat-item{text-align:center}.ai-stat-value{color:rgba(255,255,255,0.9);font-size:24px;font-weight:700;margin:0;margin-bottom:5px}.ai-stat-title{color:rgba(255,255,255,0.6);font-size:14px;margin:0;font-weight:500}.ai-decorative-shape{position:absolute;background:linear-gradient(135deg,#3b82f6,#1d4ed8);z-index:1;opacity:0.5}.shape-top-right{top:-20px;right:-20px;width:100px;height:100px;border-radius:20px;transform:rotate(15deg)}.shape-bottom-left{bottom:-15px;left:-15px;width:70px;height:70px;border-radius:15px;transform:rotate(-10deg)}.ai-right-column{padding:60px;display:flex;flex-direction:column;justify-content:center;color:white;gap:25px}.ai-gradient-title{font-size:32px;font-weight:700;margin-bottom:15px;color:white;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.ai-description{font-size:16px;line-height:1.6;color:rgba(255,255,255,0.9);margin-bottom:25px}.ai-features-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.ai-features{display:flex;gap:15px;margin-bottom:25px}.ai-feature-item{display:flex;align-items:center}.ai-feature-icon{width:24px;height:24px;border-radius:50%;background-color:rgba(59,130,246,0.3);display:flex;align-items:center;justify-content:center;margin-right:10px}.ai-feature-icon i{color:#3b82f6;font-size:12px}.ai-feature-text{color:rgba(255,255,255,0.9)}.ai-cta-button{display:inline-block;background:linear-gradient(90deg,#3b82f6,#1d4ed8);color:white;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all 0.3s ease;align-self:flex-start;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);font-size:16px}.ai-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.ai-avatar-image{width:50px;height:50px;border-radius:12px;overflow:hidden;margin-right:15px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.ai-avatar-image img{width:100%;height:100%;object-fit:cover}.ai-prompt-suggestions{background:rgba(0,0,0,0.2);border-radius:12px;padding:15px;margin-bottom:20px;margin-top:20px}.ai-prompt-title{color:rgba(255,255,255,0.9);font-size:16px;font-weight:600;margin-bottom:10px}.ai-prompt-list{display:flex;flex-direction:column;gap:8px}.ai-prompt-item{background:rgba(255,255,255,0.1);border-radius:8px;padding:12px 15px;color:rgba(255,255,255,0.9);font-size:14px;transition:all 0.2s ease;cursor:pointer;margin-bottom:8px}.ai-prompt-item:hover{background:rgba(255,255,255,0.2);transform:translateX(3px)}@media (max-width:768px){.ai-modern-layout{flex-direction:column-reverse}.ai-info-column,.ai-card-column{width:100%}.ai-headline{font-size:2rem;text-align:center}.ai-tagline{text-align:center}.ai-features-row{justify-content:center}.ai-card{margin:0 auto 2rem}.ai-action-button{display:block;text-align:center;margin:0 auto}}.ai-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%231e40af"/><path d="M0 0L100 100" stroke="%233b82f6" stroke-width="1"/><path d="M0 20L100 120" stroke="%233b82f6" stroke-width="1"/><path d="M0 40L100 140" stroke="%233b82f6" stroke-width="1"/><path d="M0 60L100 160" stroke="%233b82f6" stroke-width="1"/><path d="M0 80L100 180" stroke="%233b82f6" stroke-width="1"/><path d="M0 100L100 200" stroke="%233b82f6" stroke-width="1"/></svg>');opacity:0.1}.ai-content{position:relative;z-index:1;display:flex;align-items:center;gap:3rem}.ai-avatar{width:120px;height:120px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#3b82f6;flex-shrink:0}.ai-info h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.ai-info p{font-size:1.125rem;margin-bottom:1.5rem;opacity:0.9}.ai-info .btn{background-color:white;color:#1e40af;border:none;padding:0.75rem 1.5rem;border-radius:9999px;font-weight:600;display:inline-block;transition:all 0.3s ease}.ai-info .btn:hover{background-color:#eff6ff;transform:translateY(-2px)}.ai-assistant-card{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 15px 30px -10px rgba(0,0,0,0.3);max-width:400px;margin:0 auto}.connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.section-light{background-color:#f9fafb}.text-center{text-align:center}.margin-top-2{margin-top:2rem}@media (max-width:992px){.featured-tutorials{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.ai-grid-container{grid-template-columns:1fr}.ai-left-column,.ai-right-column{padding:40px}}@media (max-width:768px){.hero{padding:1rem 0}.hero-title{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1rem;line-height:1.5}.section{padding:2rem 0}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.75rem}.section-description{font-size:0.9rem}.featured-tutorials{grid-template-columns:1fr;gap:1.5rem}.categories-grid{grid-template-columns:1fr;gap:1rem}.category-item{padding:1rem}.category-icon{width:50px;height:50px;margin-right:1rem}.ai-content{flex-direction:column;text-align:center;gap:1.5rem}.ai-features{flex-direction:column;align-items:flex-start;gap:0.75rem}.ai-gradient-title{font-size:24px;margin-bottom:15px}.ai-description{font-size:14px;margin-bottom:20px}.card-image{height:180px}}@media (max-width:576px){.hero-title{font-size:2rem;margin-bottom:0.75rem}.hero-subtitle{font-size:0.9rem}.card-content{padding:1rem}.card-title{font-size:1.1rem;margin-bottom:0.5rem}.card-description{font-size:0.9rem;margin-bottom:1rem}.card-image{height:160px}.category-icon{width:40px;height:40px;font-size:1.25rem}.category-content h3{font-size:1rem}.ai-avatar{width:90px;height:90px;font-size:2.5rem}.ai-info h2{font-size:1.5rem;margin-bottom:0.75rem}.ai-info p{font-size:0.9rem;margin-bottom:1.25rem}.ai-left-column,.ai-right-column{padding:25px}}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:auto 500px}img{max-width:100%;height:auto}img[width][height]{aspect-ratio:attr(width) / attr(height)}.tutorial-card-img-container,.categoria-card-img-container{aspect-ratio:16/9;min-height:225px;background-color:#f1f5f9}.articolo-hero{aspect-ratio:16/9;min-height:300px;background-color:#f1f5f9}.hero-section,.articolo-hero,header,nav{content-visibility:visible;contain-intrinsic-size:none}body{text-rendering:optimizeSpeed}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility}.footer,.sidebar:not(.critical),section:not(.hero-section):not(.critical){content-visibility:auto;contain-intrinsic-size:auto 500px}@font-face{font-display:swap!important}html{font-synthesis:none}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-data:reduce){img{filter:blur(0px)}img.lazyload{filter:blur(5px);transition:filter 0.3s}img.lazyloaded{filter:blur(0px)}}@media (max-width:768px){.content-visibility-auto{content-visibility:visible;contain-intrinsic-size:none}.tutorial-card-img-container,.categoria-card-img-container{min-height:180px}.articolo-hero{min-height:200px}}