/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.announcement-bar{width:100%;background:#031633;border-bottom:1px solid rgba(255,255,255,.08);}.announcement-container{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:0 24px;}.announcement-slider{flex:1;min-width:0;position:relative;overflow:hidden;height:20px;}.announcement-item{position:absolute;inset:0;display:flex;align-items:center;opacity:0;color:#ffffff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .5s ease;}.announcement-item.active{opacity:1;}.announcement-contact{display:flex;align-items:center;gap:24px;flex-shrink:0;}.announcement-link{display:flex;align-items:center;gap:8px;color:#ffffff;text-decoration:none;font-size:14px;font-weight:500;transition:.3s ease;}.announcement-link:hover{opacity:.85;}.announcement-link img{width:16px;height:16px;filter:brightness(0) invert(1);}@media (max-width:991px){.announcement-container{padding:0 20px;gap:20px;}.announcement-item{font-size:13px;}.announcement-contact{gap:16px;}.announcement-link{font-size:13px;}}@media (max-width:480px){.announcement-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:4px 12px;}.announcement-slider{width:100%;min-height:24px;overflow:hidden;}.announcement-item{display:flex;align-items:center;justify-content:center;height:40px;font-size:10px;white-space:nowrap;}.announcement-contact{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px;width:100%;}.announcement-link{display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;}.announcement-link img{width:12px;height:12px;}}.main-header{width:100%;background:#f3f3f3;border-bottom:1px solid #e2e8f0;position:relative;z-index:1000;}.header-container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px;min-height:100px;display:flex;align-items:center;gap:32px;}.header-logo{flex-shrink:0;}.header-logo img{width:185px;height:auto;display:block;}.header-search{flex:1;max-width:650px;}.header-search form{position:relative;width:100%;}.header-search input{width:100%;height:52px;padding:0 60px 0 20px;border:1px solid #d6dce5;border-radius:12px;background:#ffffff;font-size:15px;color:#0f172a;outline:none;transition:0.3s ease;}.header-search input:focus{border-color:#0d6efd;box-shadow:0 0 0 4px rgba(13,110,253,0.08);}.header-search button{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:10px;background:#0d6efd;color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.3s ease;}.header-search button:hover{background:#004fc4;}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px;}.portal-link{display:inline-flex;align-items:center;gap:10px;color:#0f172a;text-decoration:none;font-size:15px;font-weight:600;transition:0.3s ease;}.portal-link:hover{color:#0d6efd;}.portal-link img{width:18px;height:18px;object-fit:contain;}.header-socials{display:flex;align-items:center;gap:10px;}.header-socials a{width:38px;height:38px;border:1px solid #d6dce5;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:0.3s ease;}.header-socials a:hover{border-color:#0d6efd;transform:translateY(-2px);}.header-socials img{width:16px;height:16px;object-fit:contain;}@media (max-width:1024px){.header-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;}.header-logo{width:auto;flex-shrink:0;}.header-search{flex:1;max-width:500px;}.header-actions{flex-shrink:0;}}@media (max-width:768px){.header-container{flex-wrap:wrap;gap:16px;padding:16px 20px;}.header-logo img{width:140px;}.header-search{flex:1;max-width:none;}.header-search input{height:46px;font-size:14px;}.header-actions{width:100%;justify-content:center;gap:14px;}}@media (max-width:480px){.header-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;}.header-logo{width:auto;flex-shrink:0;}.header-logo img{width:110px;}.header-search{flex:1;min-width:0;}.header-search input{height:42px;font-size:12px;padding-left:12px;}.header-search button{width:32px;height:32px;}.header-actions{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:4px;}.portal-link{font-size:12px;}.header-socials a{width:30px;height:30px;}}.main-navigation{width:100%;position:relative;z-index:1000;background:#f3f3f3;border-bottom:1px solid #e2e8f0;}.main-navigation .container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px;}.nav-menu{display:flex;align-items:center;justify-content:center;gap:50px;margin:0;padding:0;list-style:none;}.nav-menu > li{position:relative;}.nav-menu > li > a{display:inline-flex;align-items:center;gap:8px;height:70px;color:#0f172a;text-decoration:none;font-size:18px;font-weight:600;transition:color 0.3s ease;}.nav-menu > li > a:hover{color:#0d6efd;}.menu-dropdown{position:relative;}.dropdown-arrow{font-size:10px;transition:transform 0.3s ease;}.menu-dropdown:hover .dropdown-arrow{transform:rotate(180deg);}.mega-menu{position:absolute;top:100%;left:0;width:720px;padding:32px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,0.12);opacity:0;visibility:hidden;transform:translateY(12px);transition:all 0.3s ease;z-index:999;}.menu-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);}.mega-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px;}.mega-menu-grid a{color:#475569;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s ease;}.mega-menu-grid a:hover{color:#0d6efd;transform:translateX(4px);}.mobile-menu-toggle{display:none;width:48px;height:48px;border:none;background:transparent;cursor:pointer;z-index:10002;}.mobile-menu-toggle span{display:block;width:26px;height:2px;margin:5px auto;background:#0f172a;}.mobile-menu-header{display:none;z-index:10002 !important;}.mobile-menu-logo img{display:block;width:140px;height:auto;}.mobile-menu-close{border:none;background:none;font-size:30px;line-height:1;color:#000;cursor:pointer;}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden;pointer-events:none;z-index:9998;}.mobile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto;}@media (max-width:1024px){.main-navigation .container{padding:0 24px;}.nav-menu{gap:22px;}.nav-menu > li > a{font-size:14px;white-space:nowrap;}.mega-menu{width:600px;}.mega-menu-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.main-navigation .container{display:flex;justify-content:flex-end;align-items:center;min-height:70px;padding:0 20px;}.mobile-menu-toggle{display:block;position:relative;z-index:100001;}body.menu-open .mobile-menu-toggle{display:none;}.mobile-menu-header{display:none;position:fixed;top:0;left:0;width:100%;height:80px;padding:0 20px;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e8f0;z-index:10000;}.mobile-menu-header.active{display:flex;}.nav-menu{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;margin:0;padding:0 25px 40px;overflow-y:auto;background:#fff;transform:translateX(100%);transition:transform 0.35s ease;z-index:10001;}.nav-menu.active{transform:translateX(0);}.nav-menu li{width:100%;margin:0;padding:0;border-bottom:1px solid #edf2f7;}.nav-menu > li > a{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:#0f172a;text-decoration:none;font-size:16px;font-weight:600;line-height:1.4;}.mega-menu{position:static;width:100%;padding:15px 0;display:none;border:none;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;z-index:auto;}.menu-dropdown.active .mega-menu{display:block;}.mega-menu-grid{grid-template-columns:1fr;gap:10px;}.mega-menu-grid a{display:block;padding:10px 0;}}@media (max-width:480px){.mobile-menu-logo img{width:120px;}.nav-menu > li > a{padding:16px 0;font-size:15px;}.mega-menu-grid a{font-size:14px;}}.internal-page-content{min-height:600px;padding:0;}.site-footer{width:100%;background:linear-gradient(135deg,#081a46 0%,#0b235a 50%,#081a46 100%);color:#ffffff;overflow:hidden;}.footer-container{max-width:1400px;margin:0 auto;padding:30px 80px;display:grid;grid-template-columns:1.5fr
        1fr
        1fr
        1fr
        1.4fr;gap:40px;}.footer-column{min-width:0;}.footer-column h3{margin:0 0 22px;color:#ffffff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}.footer-logo{display:inline-block;margin-bottom:8px;}.footer-logo img{max-width:180px;width:100%;height:auto;display:block;}.footer-description{margin:0 0 8px;color:rgba(255,255,255,0.75);font-size:15px;line-height:1.7;}.footer-links{display:flex;flex-direction:column;gap:14px;}.footer-links a{color:rgba(255,255,255,0.85);font-size:15px;line-height:1.5;transition:all 0.3s ease;}.footer-links a:hover{color:#ffffff;transform:translateX(4px);}.social-icons{display:flex;gap:12px;flex-wrap:wrap;}.social-icons a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.social-icons a:hover{transform:translateY(-3px);background:rgba(255,255,255,0.20);}.social-icons img{width:18px;height:18px;}.footer-contact .contact-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;}.contact-icon{flex-shrink:0;}.contact-icon img{width:28px;height:28px;display:block;margin-top:3px;}.contact-text,.contact-text a{color:rgba(255,255,255,0.85);font-size:15px;line-height:1.7;}.contact-text a:hover{color:#ffffff;}.contact-icon img{filter:brightness(0) invert(1);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.12);}.footer-bottom-inner{max-width:1400px;margin:0 auto;padding:22px 80px;display:flex;align-items:center;justify-content:space-between;gap:20px;}.footer-copyright{color:rgba(255,255,255,0.75);font-size:14px;}.footer-legal{display:flex;align-items:center;gap:15px;}.footer-legal a,.footer-legal span{color:rgba(255,255,255,0.75);font-size:14px;}.footer-legal a:hover{color:#ffffff;}@media (max-width:991px){.footer-container{padding:40px 25px;grid-template-columns:1.5fr
            1fr
            1fr
            1fr
            1.4fr;gap:20px;}.footer-logo img{max-width:140px;}.footer-column h3{font-size:13px;}.footer-links a,.contact-text,.contact-text a,.footer-description{font-size:14px;}.contact-icon img{width:24px;height:24px;}.footer-bottom-inner{padding:20px 25px;}}@media (max-width:767px){.footer-container{grid-template-columns:repeat(2,1fr);padding:35px 20px;gap:30px;}.footer-brand{grid-column:1 / -1;text-align:center;}.footer-logo{display:flex;justify-content:center;}.social-icons{justify-content:center;}.footer-column h3{margin-bottom:14px;}.footer-links{gap:10px;}.footer-bottom-inner{flex-direction:column;text-align:center;padding:20px;}.footer-legal{justify-content:center;flex-wrap:wrap;}}@media (max-width:480px){.footer-container{grid-template-columns:1fr;padding:30px 15px;gap:25px;}.footer-brand{grid-column:auto;}.footer-logo{justify-content:center;}.social-icons{justify-content:center;}.footer-bottom-inner{flex-direction:column;text-align:center;}.footer-legal{flex-direction:column;gap:8px;}.footer-legal span{display:none;}}
:root{--primary:#0057ff;--primary-dark:#003db3;--dark:#0f172a;--text:#64748b;--white:#ffffff;--light:#f8fafc;--border:#e2e8f0;--radius:22px;--shadow-sm:0 2px 12px rgba(0,0,0,.05);--shadow-md:0 10px 30px rgba(0,0,0,.08);--shadow-lg:0 18px 50px rgba(0,0,0,.12);}html,body{width:100%;overflow-x:hidden;}.productos-page *{box-sizing:border-box;}.productos-page{background:var(--white);}.container{width:100%;max-width:1400px;margin:0 auto;padding-left:54px;padding-right:54px;}img{display:block;max-width:100%;height:auto;}.productos-hero{position:relative;display:flex;align-items:center;min-height:240px;padding:20px 0;background-image:url(/themes/telradio/images/productos-banner.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}.hero-content{position:relative;z-index:2;max-width:650px;}.hero-label{display:inline-block;margin:0 0 10px;margin-left:40px;color:#7dd3fc;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}.hero-content h1{margin:0 0 20px;margin-left:40px;color:#ffffff;font-size:42px;font-weight:700;line-height:1.1;}.hero-content p{margin:0;margin-left:40px;color:rgba(255,255,255,0.92);font-size:17px;line-height:1.6;max-width:450px;}@media (max-width:992px){.productos-hero{min-height:220px;padding:30px 0;}.hero-content{max-width:100%;}.hero-label{margin-left:20px;font-size:13px;}.hero-content h1{font-size:34px;margin-left:20px;}.hero-content p{font-size:16px;margin-left:20px;}}@media (max-width:767px){.productos-hero{min-height:auto;padding:30px 0;}.hero-content{max-width:100%;}.hero-label{margin:0 15px 10px;font-size:12px;letter-spacing:1px;}.hero-content h1{margin:0 15px 15px;font-size:20px;line-height:1.2;}.hero-content p{margin:0 15px;font-size:12px;line-height:1.6;max-width:100%;}}.products-filter{position:sticky;top:0;z-index:50;margin-left:30px;background:#fff;border-bottom:1px solid var(--border);}.filter-wrapper{display:flex;gap:12px;padding:14px 0;overflow-x:auto;scrollbar-width:none;}.filter-wrapper::-webkit-scrollbar{display:none;}.filter-btn{white-space:nowrap;padding:12px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--dark);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;}.filter-btn:hover{border-color:var(--primary);color:var(--primary);}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;}.products-section{padding:40px 0 100px;background:var(--light);}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}.product-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all .35s ease;}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}.product-image{display:flex;align-items:center;justify-content:center;height:240px;padding:15px;background:#dad8e6;}.product-image img{width:100%;height:180px;object-fit:cover;}.product-content{display:flex;flex-direction:column;flex:1;padding:20px;}.product-content h3{margin:0 0 5px;color:var(--dark);font-size:20px;font-weight:700;line-height:1.3;}.product-content p{margin:0 0 8px;color:var(--text);font-size:13px;line-height:1.8;}.product-brand{display:inline-block;margin-bottom:5px;color:var(--primary);font-size:14px;font-weight:600;}.product-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--primary);text-decoration:none;font-size:15px;font-weight:700;}.product-link::after{content:"→";transition:transform .3s ease;}.product-link:hover::after{transform:translateX(4px);}.products-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:70px;}.products-pagination a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--dark);text-decoration:none;font-weight:600;transition:all .3s ease;}.products-pagination a:hover{border-color:var(--primary);color:var(--primary);}.products-pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff;}.products-page{display:none;}.products-page.active{display:block;}@media (max-width:1199px){.hero-content h1{font-size:52px;}.products-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:767px){.productos-hero{padding:90px 0;}.hero-content h1{font-size:40px;}.hero-content p{font-size:17px;}.products-section{padding:60px 0 80px;}.products-grid{grid-template-columns:1fr;gap:24px;}.product-image{height:220px;}.product-content{padding:22px;}.product-content h3{font-size:20px;}.products-pagination{flex-wrap:wrap;}}@media (min-width:1600px){.container{max-width:1500px;}}.pager{display:flex;justify-content:center;margin-top:70px;}.pager__items{display:flex;align-items:center;justify-content:center;gap:12px;list-style:none;padding:0;margin:0;}.pager__item{margin:0;}.pager__item a,.pager__item.is-active,.pager__item.is-active span{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--dark);font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;}.pager__item a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}.pager__item.is-active span{background:var(--primary);border-color:var(--primary);color:#fff;}.pager__item--next a,.pager__item--previous a,.pager__item--first a,.pager__item--last a{padding:0 20px;}.pager__item--ellipsis{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;color:var(--text);font-weight:600;}@media (max-width:767px){.pager{margin-top:50px;}.pager__items{gap:8px;flex-wrap:wrap;}.pager__item a,.pager__item.is-active span{min-width:42px;height:42px;font-size:14px;}}