.language-btn,.language-list li:not(.active){cursor:pointer}.hero,.image-caption,.promo-card,.size-card,.step,.tool-card-body,.tool-card-header,.tools-section h2,footer{text-align:center}.breadcrumbs a,.download-btn,.footer-links a,.language-list a,.language-options a,.share-btn,.tool-btn,nav a{text-decoration:none}:root{--primary:lch(61.05% 71.52 29.03);--primary-dark:#ff5959;--secondary:#444;--accent:#ff5959;--light:#f8f9fa;--dark:#333;--gray:#6c757d;--light-gray:#e9ecef;--light-gray-nav:#000000;--border-radius:12px;--shadow:0 5px 15px rgba(0, 0, 0, 0.08);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;color:var(--dark);line-height:1.6;background-color:#f9f9f9;padding-bottom:60px}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600;margin-bottom:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}header{background:linear-gradient(to right,var(--primary),var(--primary-dark));color:#fff;padding:1rem 0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo,nav ul{display:flex;align-items:center}.logo{gap:10px}.logo svg{width:1.8rem;height:1.8rem;fill:#fff}.share-btn svg{width:1.8rem;height:1.8rem;fill:#fff}.logo i{font-size:1.8rem}.logo span{font-size:1.5rem;margin:0;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}nav ul{list-style:none;gap:1.5rem}nav a{color:#fff;font-weight:500;transition:var(--transition)}nav a:hover{color:var(--light-gray-nav)}.language-selector{position:relative;display:inline-block}.language-btn{margin-left:1rem;background:0 0;border:1px solid rgb(255 255 255 / .3);color:#fff;padding:.5rem 1rem;border-radius:4px;display:flex;align-items:center;gap:.5rem;font-family:inherit;font-size:.9rem}.language-options{display:none;position:absolute;right:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px rgb(0 0 0 / .1);z-index:1;border-radius:4px;overflow:hidden}.language-options a{color:var(--dark);padding:12px 16px;display:block;transition:0.2s}.close-popup,.download-btn,.language-list li,.size-card,.submit-btn,.url-input{transition:var(--transition)}.language-options a:hover{background-color:#f1f1f1;color:red!important;font-weight:500}.language-popup-overlay.active,.language-selector:hover .language-options{display:block}.language-btn:hover{background:rgb(255 255 255 / .1);border-color:#fff}.language-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--border-radius);box-shadow:0 10px 30px rgb(0 0 0 / .3);padding:1.5rem;width:320px;max-width:90vw;max-height:80vh;z-index:2000;display:none}.language-popup.active{display:block;animation:0.3s fadeIn}.language-list{max-height:300px;overflow-y:auto;margin-top:1rem;list-style:none}.language-list li{display:flex;align-items:center}.language-list li:hover,.language-list li:not(.active):hover{background-color:rgb(0 0 0 / .05);color:var(--primary)}.language-list a{display:flex;align-items:center;gap:.75rem;color:inherit;width:100%}.breadcrumbs a:hover,.close-popup:hover,.footer-links a:hover,.language-list a:hover{color:var(--primary)}.language-popup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--light-gray)}.language-list::-webkit-scrollbar{width:6px}.language-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.language-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.download-btn:hover,.submit-btn:hover,.tool-btn:hover{background-color:var(--primary-dark)}.language-list::-webkit-scrollbar-thumb:hover{background:#aaa}.language-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);z-index:1999;display:none}.close-popup,.mobile-nav-toggle{background:0 0;font-size:1.5rem;cursor:pointer}.mobile-nav-toggle svg{width:1.5rem;height:1.5rem;fill:#fff}.language-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--light-gray)}.language-popup-header span{margin:0;color:var(--dark)}.close-popup{border:none;color:var(--gray)}@keyframes fadeIn{from{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.language-list li{padding:.75rem 1rem;cursor:pointer;border-radius:4px;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.language-list li.active{color:var(--primary);font-weight:500;background-color:rgb(0 0 0 / .03)}.language-list li .flag{width:24px;height:24px;border-radius:50%;object-fit:cover}.mobile-nav-toggle{display:none;border:none;color:#fff}.hero,.url-input-container{border-radius:var(--border-radius);margin-bottom:2rem}.breadcrumbs{background-color:var(--light);padding:.75rem 0;border-bottom:1px solid var(--light-gray)}.main-content,footer{padding:2rem 0}.breadcrumbs ul{display:flex;list-style:none;gap:.5rem}.breadcrumbs a{color:var(--gray);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.breadcrumbs i{font-size:.7rem}.breadcrumbs svg{width:.7rem;height:.7rem}.hero{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:#fff;padding:3rem 1.5rem}.hero h1{font-size:2.2rem;margin-bottom:1rem}.hero p{font-size:1.1rem;max-width:700px;margin:0 auto 1.5rem}.url-input-container{background-color:#fff;padding:2rem;box-shadow:var(--shadow)}.input-group{display:flex;flex-direction:column;gap:1rem}.url-input{flex:1;padding:1rem;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem}.url-input:focus{border-color:var(--primary);outline:0}.submit-btn{background-color:var(--primary);color:#fff;font-weight:bold!important;font-size:large;border:none;padding:1rem 1.5rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer}.results-section{background-color:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);margin:2rem 0;display:none}.results-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--light-gray)}.channel-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary)}.banner-container{width:100%;margin-top:1.5rem;border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--light-gray)}.banner-img,.full-width-image img{width:100%;display:block}.sizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.size-card{border:1px solid var(--light-gray);border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center}.size-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow);border:2px solid var(--primary)}.size-img{width:100%;height:120px;border-radius:var(--border-radius);margin-bottom:1rem;object-fit:cover;border:1px solid #eee}.download-btn{display:inline-block;background-color:var(--primary);color:#fff;padding:.6rem 1.2rem;border-radius:50px;font-size:.9rem;margin-top:.8rem;font-weight:500}.download-btn:hover{transform:scale(1.05)}.social-share-section{background-color:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);margin:2rem 0;text-align:center}.share-title{margin-bottom:1.5rem;color:var(--secondary)}.share-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;font-size:1.5rem;transition:0.3s;box-shadow:0 3px 10px rgb(0 0 0 / .2)}.footer-links a,.step,.tool-btn,.tool-card{transition:var(--transition)}.share-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 15px rgb(0 0 0 / .3)}.twitter{background-color:#000}.facebook{background-color:#3b5998}.whatsapp{background-color:#25d366}.instagram{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.gmail{background-color:#db4437}.pinterest{background-color:#bd081c}.linkedin{background-color:#0077b5}.tools-section h2{margin-bottom:2rem;color:var(--secondary)}.tools-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:576px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);position:relative}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1);border:2px solid var(--primary)}.tool-card-header{background:linear-gradient(to right,var(--primary),var(--accent));color:#fff;padding:.6rem}.tool-card-header svg{width:2rem;height:2rem;fill:#fff}.tool-card-body{padding:1.5rem}.tool-icon{width:2.5rem;height:2.5rem;margin-bottom:1rem;fill:var(--primary)}.tool-card h3{font-size:1.25rem;margin-bottom:.5rem}.tool-card p{color:var(--gray);margin-bottom:1.5rem;font-size:.9rem}.tool-btn{display:inline-block;background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:500}.faq-section,.how-to-use,.step{border-radius:var(--border-radius)}.tool-btn:hover{color:#fff}.faq-section,.how-to-use{background-color:#fff;padding:2rem;box-shadow:var(--shadow);margin:2rem 0}.steps{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.step{padding:1.5rem;background-color:var(--light)}.step:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.step-number{display:inline-block;width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;line-height:40px;margin-bottom:1rem;font-weight:700}.full-width-image,.promo-img{width:100%}.full-width-image,.promo-card{overflow:hidden;box-shadow:var(--shadow);margin:2rem 0;border-radius:var(--border-radius)}.image-caption{padding:1rem;background-color:var(--light);font-style:italic;color:var(--dark)}.promo-card{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:#fff;padding:2rem}.promo-card h3{color:#fff;margin-bottom:1rem}.promo-card p{margin-bottom:1.5rem;opacity:.9}.promo-img{max-width:300px;border-radius:var(--border-radius);margin:1rem auto;display:block;box-shadow:0 5px 15px rgb(0 0 0 / .2)}.faq-item{margin-bottom:1.5rem;border-bottom:1px solid var(--light-gray);padding-bottom:1.5rem}.faq-question{font-weight:500;font-size:1.1rem;margin-bottom:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{color:var(--gray);padding-top:.5rem}.faq-question svg{width:1rem;height:1rem;transition:var(--transition)}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);justify-content:center;align-items:center;z-index:1000;display:none}.spinner{width:50px;height:50px;border:5px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:var(--primary);animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{background-color:var(--secondary);color:#fff;margin-top:3rem}.footer-content{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.input-group{flex-direction:row}.steps{grid-template-columns:repeat(3,1fr)}.footer-content{flex-direction:row;justify-content:space-between;align-items:center}}.footer-links{display:flex;gap:1.5rem;justify-content:center}.footer-links a{color:#fff}.highlighted-tool{border:3px solid var(--primary);transform:scale(1.02);box-shadow:0 8px 25px rgb(255 90 90 / .3);z-index:1}.highlighted-tool::before{content:"Selected";position:absolute;top:10px;right:-30px;background:var(--primary);color:#fff;padding:5px 30px;font-size:.8rem;font-weight:700;transform:rotate(45deg);box-shadow:0 2px 5px rgb(0 0 0 / .2);z-index:2}.highlighted-tool .tool-btn,.highlighted-tool .tool-card-header{background:linear-gradient(to right,var(--primary-dark),var(--primary))}.highlighted-tool .tool-btn{box-shadow:0 4px 10px rgb(255 90 90 / .3)}.highlighted-tool .tool-btn:hover{background:linear-gradient(to right,var(--primary),var(--primary-dark));box-shadow:0 6px 15px rgb(255 90 90 / .4)}@media (max-width:768px){.header-content{flex-direction:row;justify-content:space-between;gap:1rem}.logo span{font-size:1.2rem}.mobile-nav-toggle,nav.active{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(to right,var(--primary),var(--primary-dark));padding:1rem;box-shadow:0 5px 15px rgb(0 0 0 / .2)}nav ul{flex-direction:column;gap:1rem}.language-options{width:100%;right:auto;left:0}.language-selector{margin-left:0;margin-top:1rem;width:100%;text-align:center}.language-btn{margin-left:0rem;width:100%;justify-content:center}.language-popup{width:90%;max-width:300px}.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.results-header{flex-direction:column;text-align:center}.sizes-grid{grid-template-columns:repeat(2,1fr)}.size-img{width:140px;height:140px}.share-buttons{gap:.5rem}.share-btn{width:45px;height:45px;font-size:1.3rem}.highlighted-tool::before{right:-25px;padding:4px 25px;font-size:.7rem}}@media (max-width:576px){.logo span{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}nav ul{flex-wrap:wrap;justify-content:center}.breadcrumbs ul{flex-wrap:wrap}.tool-card{margin-bottom:1rem}.sizes-grid{grid-template-columns:1fr}.size-img{width:180px;height:180px}.share-buttons{gap:.4rem}.share-btn{width:40px;height:40px;font-size:1.2rem}.highlighted-tool::before{right:-20px;padding:3px 20px;font-size:.65rem}}@media (max-width:400px){.logo span{font-size:.9rem;max-width:250px}.share-buttons{gap:.3rem}.share-btn{width:38px;height:38px;font-size:1.1rem}.language-popup{padding:1rem}.language-list li{padding:.5rem .75rem}}