/* Propuesta visual ITEC. Solo presentación: los contenidos y recursos se conservan. */
:root{
 --primary:#1a1e60;--primary-blue:#1a1e60;--accent:#ee3237;--accent-red:#ee3237;
 --brand-gray:#687180;--text-dark:#232b3d;--text-muted:#576276;
 --light-bg:#f4f6fa;--bg-light:#f4f6fa;--border:#dce2ec;
 --itec-ink:#12163e;--itec-red-ink:#bd2533;--itec-soft:#eef1f8;
 --itec-shadow:0 8px 28px rgba(26,30,96,.055);
}
body{background:var(--light-bg);color:var(--text-dark);-webkit-font-smoothing:antialiased}
a,button,summary,[role=button]{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
a:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline-color:var(--primary);outline-width:3px;outline-offset:4px}
.top-bar{background:var(--itec-ink);font-size:.78rem;letter-spacing:.02em;padding:8px 0}
.navbar{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 3px 20px rgba(18,22,62,.045)}
.nav-links a{font-size:.82rem;font-weight:700;letter-spacing:.045em;border-bottom-width:2px;color:#40495d}
.nav-links a:hover,.nav-links a.active{color:var(--primary);border-bottom-color:var(--accent)}
.menu-toggle{background:#f6f7fb;border-color:var(--border);border-radius:8px}
.menu-toggle:hover{background:var(--itec-soft)}
.header-interno{border-bottom:3px solid var(--accent)}
.header-interno h1{font-family:'Inter',Arial,sans-serif;font-size:clamp(1.8rem,3.1vw,2.6rem);font-weight:800;text-transform:none;letter-spacing:-.035em;text-shadow:0 2px 12px #0008}
.header-interno p{font-size:1rem;color:#fff;letter-spacing:.015em}
.subtitle-mission{letter-spacing:-.035em;font-weight:800}
.hero-pause{background:#12163ecf;border-color:#ffffff60;border-radius:8px;backdrop-filter:blur(6px)}
.hero-pause:hover{background:var(--primary)}
.services-section{background:transparent;padding:56px 0 64px}
.bento-grid{gap:24px}
.card-link{position:relative;background:white;color:var(--primary);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:12px;box-shadow:var(--itec-shadow);text-align:left;justify-content:flex-start;padding:32px;min-height:220px}
.card-link .card-content{width:100%}
.card-link .icon-card{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:var(--itec-soft);color:var(--primary);font-size:1.8rem;margin-bottom:24px}
.card-link h3{font-size:1.08rem;line-height:1.5;font-weight:750;text-transform:none;letter-spacing:-.02em;max-width:90%}
.card-link::after{content:'↗';position:absolute;right:24px;bottom:28px;color:var(--primary);font-size:1.4rem;line-height:1}
.card-link.card-dos{border-top-color:#78818f}
.card-link.card-dos .icon-card{background:#f0f2f5;color:#596373}
.card-link.card-tres{background:var(--primary);border-color:var(--primary);border-top-color:var(--accent);color:white}
.card-link.card-tres .icon-card{background:#ffffff12;color:white;border:1px solid #ffffff24}
.card-link.card-tres::after{color:white}
.card-link:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(26,30,96,.12)}
.btn,.btn-action{background:var(--primary);border-radius:8px;font-weight:700;box-shadow:0 4px 12px #1a1e6014;text-transform:none}
.btn:hover,.btn-action:hover{background:#292e78}
.action-buttons .btn-whatsapp{background:#167243!important}
.btn-volver-custom{background:white;color:var(--primary);border:1px solid #cbd3e1;border-radius:8px;font-size:.85rem;font-weight:700;padding:13px 26px}
.btn-volver-custom:hover{background:var(--primary);color:white;border-color:var(--primary)}
.main-contenido{padding-top:44px}
.box-info{background:white;color:var(--text-muted);border:1px solid var(--border);border-radius:12px;padding:32px;box-shadow:var(--itec-shadow)}
.box-info .box-header{color:var(--primary)}
.box-info .box-header h2{font-weight:750;letter-spacing:-.025em}
.box-info .services-list i{color:var(--primary)}
.box-info.card-azul{background:var(--primary);color:#f3f4fc;border-color:var(--primary)}
.box-info.card-azul .box-header,.box-info.card-azul .services-list i{color:white}
.box-info.card-gris{border-top:3px solid #7b8391}
.box-info.card-rojo{background:white;border-top:3px solid var(--accent);color:var(--text-muted)}
.box-info.card-rojo .box-header>i,.box-info.card-rojo .services-list i{color:var(--itec-red-ink)}
.box-info.card-rojo .services-list{color:var(--primary)}
.box-info.card-rojo .box-header h2{color:var(--primary)}
.box-info .services-list li{line-height:1.65}
.titulo-carrusel{font-family:'Inter',Arial,sans-serif;text-transform:none;font-weight:750;letter-spacing:-.025em}
.carousel-item{border:1px solid var(--border);border-radius:10px;background:white}
.brand-carousel{border-top:1px solid var(--border);background:white}
.brand-slide{padding:8px}
.sidebar-title{font-size:1.05rem;font-weight:750;letter-spacing:.035em;border-bottom:1px solid var(--border);padding-bottom:16px}
.sidebar-title i{color:var(--primary)}
.brand-group{border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #1a1e6004}
.brand-header{padding:18px 16px}
.brand-label{font-size:.85rem;letter-spacing:.025em;font-weight:750}
.brand-header:hover{background:#f2f4f9}
.brand-group.active>.brand-header{background:var(--itec-soft)}
.sub-category{border-top-color:#e8ecf3}
.sub-label{color:var(--itec-red-ink);letter-spacing:.04em;font-size:.77rem}
.product-list li{font-size:.9rem;border-radius:6px}
.product-list li:hover{background:var(--itec-soft);color:var(--primary)}
.product-list li[aria-pressed=true]{background:var(--primary);color:white}
.product-viewer{border-color:var(--border);border-radius:12px;box-shadow:var(--itec-shadow)}
.viewer-placeholder h2{font-weight:750;letter-spacing:-.025em}
.product-image-side{background:#fafbfd;border-color:#e8ecf3;border-radius:8px}
.brand-tag{color:var(--itec-red-ink);font-weight:750;letter-spacing:.035em}
.product-info-side h2{letter-spacing:-.035em;font-weight:800}
.specs-highlight{background:var(--itec-soft);border-left:3px solid var(--primary);font-weight:650;border-radius:0 7px 7px 0}
.btn-quote{background:var(--primary);border-radius:8px;font-weight:700}
.btn-quote:hover{background:var(--itec-red-ink)}
.product-source{color:var(--primary);font-size:.9rem;text-underline-offset:4px}
.product-gallery button{border-color:var(--border);border-radius:7px}
.product-gallery button:hover{border-color:var(--primary);background:var(--itec-soft)}
.contact-card-bento{background:white;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:14px;box-shadow:var(--itec-shadow)}
.card-header-icon{background:var(--itec-soft);border-radius:16px;color:var(--primary)}
.contact-card-bento h3{font-weight:750;letter-spacing:-.025em}
.position{font-size:.8rem;letter-spacing:.055em;font-weight:600}
.info-item strong{font-size:.75rem;letter-spacing:.055em;font-weight:750}
.info-item>i{color:var(--primary)}
.info-item a{color:var(--primary)}
.map-link{font-size:.76rem;letter-spacing:.035em;color:var(--primary)}
.page-contacts .btn-whatsapp-bento{background:#167243;border-radius:8px;font-weight:700}
.footer-principal{background:var(--itec-ink);border-top:3px solid var(--accent);padding:38px 0;color:#ebedf6}
.footer-principal p{font-size:.85rem}
.footer-principal strong{color:white;font-weight:750}
.footer-contact{gap:12px 28px}
.footer-contact a{font-size:.85rem;color:#d4d8e9;text-decoration:none}
.footer-contact a:hover{color:white;text-decoration:underline}
.footer-principal .social-icons a{border:1px solid #ffffff26;border-radius:50%;color:white;background:#ffffff05}
.footer-principal .social-icons a:hover{background:#ffffff14;border-color:#ffffff65}
.footer-principal .social-icons .fa-brands{font-size:1.25rem}
@media(max-width:800px){
 .card-link{padding:26px;min-height:190px}
 .card-link .icon-card{width:52px;height:52px;margin-bottom:20px}
 .services-section{padding:32px 0 40px}
 .box-info{padding:25px}
 .header-interno h1{font-size:1.75rem}
 .nav-links a{font-size:.85rem}
 .main-contenido{padding-top:28px}
}
@media(max-width:520px){
 .box-info{padding:22px}
 .card-link{padding:24px}
 .header-interno h1{font-size:1.6rem}
 .header-interno p{font-size:.94rem}
 .footer-contact{gap:12px}
}

/* Versión 2: tarjetas compactas y superficies blancas solicitadas. */
.card-link{min-height:180px;padding:20px 28px;border-top-width:5px}
.card-link .icon-card{width:60px;height:60px;font-size:2.25rem;margin-bottom:12px}
.card-link h3{font-size:1.2rem;line-height:1.35;font-weight:750}
.card-link::after{bottom:21px}
.card-link.card-tres{background:white;color:var(--primary);border:1px solid var(--accent);border-top-width:5px}
.card-link.card-tres .icon-card{color:var(--itec-red-ink);background:#fff0f1;border:1px solid #f6d7db}
.card-link.card-tres::after{color:var(--itec-red-ink)}
.page-nosotros .box-info.card-azul{background:white;color:var(--text-muted);border:2px solid var(--primary)}
.page-nosotros .box-info.card-azul .box-header,.page-nosotros .box-info.card-azul .services-list i{color:var(--primary)}
.page-services .box-info.card-azul{background:white;color:var(--text-muted);border:1px solid var(--border);border-top:5px solid var(--primary)}
.page-services .box-info.card-azul .box-header,.page-services .box-info.card-azul .services-list i{color:var(--primary)}
@media(max-width:800px){
 .card-link{min-height:170px;padding:18px 24px}
 .card-link .icon-card{width:60px;height:60px;font-size:2.25rem;margin-bottom:12px}
 .card-link h3{font-size:1.2rem}
}

/* Versión 3: bordes de color solo arriba, uniformes a 5 px. */
.card-link.card-tres{border-color:var(--border);border-top:5px solid var(--accent)}
.page-nosotros .box-info.card-azul{border:1px solid var(--border);border-top:5px solid var(--primary)}
.page-nosotros .box-info.card-gris,.page-services .box-info.card-gris{border-top:5px solid #7b8391}
.page-nosotros .box-info.card-rojo,.page-services .box-info.card-rojo{border-top:5px solid var(--accent)}
.page-services .box-info.card-azul{border-top:5px solid var(--primary)}