@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--blue:#1267d6;--blue2:#2585ee;--blue-light:#eaf3ff;--black:#111827;--text:#182233;--muted:#667085;--line:#e5eaf0;--light:#f7f9fc;--white:#fff}*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;color:var(--text);margin:0}.navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:18px 0}.navbar-brand{color:#111!important;letter-spacing:.8px}.navbar-brand span{color:var(--blue)}.nav-link{color:#202938!important;font-weight:600;margin:0 7px}.nav-link:hover{color:var(--blue)!important}.hero{min-height:760px;background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.70) 38%,rgba(255,255,255,.30) 66%,rgba(255,255,255,.04) 100%),url('../img/hero-thajo-tecnologia-pro.webp') center center/cover no-repeat}.hero .container{padding-top:70px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#3892ff}.hero h1{color:#111827;font-size:clamp(39px,4.4vw,62px);line-height:1.04;font-weight:800;max-width:850px;margin:18px 0}.hero p{font-size:19px;line-height:1.75;color:#26384d;font-weight:600;max-width:760px}.btn-primary{background:var(--blue);border-color:var(--blue);padding:12px 22px;border-radius:9px}.hero-points{display:flex;gap:25px;flex-wrap:wrap;color:#273346;font-weight:600}.hero-points i{color:var(--blue)}.section{padding:100px 0}.section-heading{max-width:750px;margin-bottom:48px}.section-heading h2,.section-dark h2,.contact-section h2,.cta-box h2{font-size:42px;font-weight:800;margin:10px 0 15px}.section-heading p,.contact-section p{color:var(--muted);font-size:17px}.service-card{height:100%;background:#fff;border:1px solid #e6edf5;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(20,40,70,.06);transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(20,40,70,.12)}.service-image{height:190px;overflow:hidden;background:#eef3f8}.service-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.service-body{padding:25px}.icon{width:50px;height:50px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:22px;margin-bottom:18px}.service-body h3{font-size:21px;font-weight:750}.service-body p{color:var(--muted);line-height:1.65}.service-body a{color:var(--blue);text-decoration:none;font-weight:700}.section-dark{background:#f4f7fb;color:var(--text);border-top:1px solid #e8edf3;border-bottom:1px solid #e8edf3}.section-dark p{color:var(--muted)}.section-dark .eyebrow{color:var(--blue)}.mini-stat{border-top:1px solid #dce4ee;padding-top:16px}.mini-stat strong{display:block;font-size:28px;color:var(--blue)}.mini-stat span{color:#4f5e70}.project-card{height:370px;border-radius:18px;overflow:hidden;position:relative;background:#111}.project-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.05)}.project-overlay{position:absolute;left:0;right:0;bottom:0;padding:70px 25px 25px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}.project-overlay h3{font-weight:750}.project-overlay p{margin:0;color:#d8e0e9}.cta-section{padding:30px 0 100px}.cta-box{background:linear-gradient(110deg,#0d5ec8,#147ff0);border-radius:25px;padding:55px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-box p{max-width:700px;color:#dcecff}.contact-section{background:#f5f8fc}.contact-item{display:flex;gap:16px;align-items:center;margin:25px 0}.contact-item i{width:48px;height:48px;border-radius:12px;background:#e5f0ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.contact-item small{display:block;color:var(--muted)}.contact-item strong{display:block}.contact-form{background:#fff;padding:35px;border-radius:18px;box-shadow:0 15px 45px rgba(20,40,70,.07)}.contact-form label{font-size:13px;font-weight:700;margin-bottom:7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #dce5ef;border-radius:9px;padding:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#1473e6;box-shadow:0 0 0 3px #1473e61a}footer{background:#fff;color:#667085;padding:25px 0}footer a{color:#111827;font-weight:600;text-decoration:none}@media(max-width:767px){.section{padding:70px 0}.hero{min-height:700px;background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.38)),url('../img/hero-thajo-tecnologia-pro.webp') center/cover}.hero h1{font-size:39px}.section-heading h2,.section-dark h2,.contact-section h2,.cta-box h2{font-size:34px}.cta-box{padding:35px;flex-direction:column;align-items:flex-start}}
/* Fondo principal: hospital y residencia */
.hero{background-position:center center;background-size:100% auto;background-repeat:no-repeat;min-height:760px}
@media(min-width:992px){.hero .row{min-height:680px}}

.hero{background-position:center center;background-size:cover;background-repeat:no-repeat}
@media(min-width:1200px){.hero{min-height:760px;background-position:center center}}
@media(max-width:767px){.hero{background-position:58% center;background-size:cover}}

/* Ajuste final del hero: mostrar más dispositivos y evitar zoom excesivo */
.hero{
  background-size:100% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  min-height:680px;
}
@media (min-width:1200px){
  .hero{min-height:680px;background-size:100% auto !important;}
  .hero .row{min-height:680px;}
}
@media (max-width:1199px) and (min-width:768px){
  .hero{min-height:650px;background-size:cover !important;background-position:center center !important;}
}
@media (max-width:767px){
  .hero{min-height:700px;background-size:cover !important;background-position:62% center !important;}
}
.seo-home{background:#fff;border-top:1px solid #edf1f5}.seo-home h2{font-size:40px;font-weight:800;margin:10px 0 20px;color:#111827}.seo-home h3{font-size:23px;font-weight:800;margin-top:35px;color:#172033}.seo-home p{font-size:17px;line-height:1.85;color:#59677a}.seo-home-card{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:18px;padding:32px}.seo-home-card h3{margin-top:0}.seo-home-card ul{list-style:none;padding:0;margin:20px 0 0}.seo-home-card li{display:flex;gap:10px;padding:11px 0;color:#475569}.seo-home-card i{color:#1267d6}
.support-promo{padding-top:0}.support-promo-box{background:#eef6ff;border:1px solid #d7e8ff;border-radius:22px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px}.support-promo-box h2{font-size:32px;font-weight:800;margin:8px 0 10px}.support-promo-box p{color:var(--muted);max-width:780px;margin:0}@media(max-width:767px){.support-promo-box{padding:28px;flex-direction:column;align-items:flex-start}.support-promo-box h2{font-size:27px}}

.site-logo{height:58px;width:auto;display:block}.navbar-brand{display:flex;align-items:center;padding-top:0;padding-bottom:0}@media(max-width:767px){.site-logo{height:50px}}

/* Menú móvil: icono hamburguesa negro y visible sobre el fondo claro */
.navbar-toggler{border:1px solid #111827!important;box-shadow:none!important;padding:.45rem .6rem;border-radius:8px}
.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(17,24,39,.12)!important}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23111827' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
@media(max-width:991px){.navbar-collapse{padding-top:14px}.navbar-nav .nav-link{padding:9px 0}.navbar .btn{margin-top:8px}}

/* En móvil: ocultar los botones secundarios del hero solicitados. El menú Soporte sigue disponible. */
@media(max-width:767px){.hero-mobile-hide{display:none!important}}

/* Fotografías profesionales de servicios */
.service-image{background-repeat:no-repeat;background-position:center;background-size:cover;}

/* Imagen profesional de la sección Empresa */
.empresa-image{display:block;width:100%;max-width:520px;height:auto;max-height:330px;object-fit:contain;object-position:center;border-radius:1rem;margin-left:auto;margin-right:auto;}
@media (max-width:767.98px){.empresa-image{width:100%;max-width:100%;max-height:260px;height:auto;}}

/* Texto descriptivo del hero: más oscuro y legible */
.hero p{color:#26384d;font-weight:600;}
@media(max-width:767px){.hero p{font-size:17px;line-height:1.65;}}

/* Ajuste de tamaño del titular principal */
.hero-title-reduced {
  font-size: clamp(1.55rem, 3vw, 2.5rem);
  line-height: 1.08;
}


/* Ajuste definitivo del hero: el contenido se mantiene dentro de la altura de la imagen */
.hero-row{min-height:680px;}
@media (min-width:1200px){
  .hero-row{min-height:680px;}
}
@media (max-width:1199px) and (min-width:768px){
  .hero-row{min-height:650px;}
}
@media (max-width:767px){
  .hero-row{min-height:700px;}
}
.hero-title-reduced{
  font-size:clamp(1.45rem,2.7vw,2.25rem);
  line-height:1.05;
  margin-top:14px;
  margin-bottom:14px;
}

/* FIX DEFINITIVO: en PC el titular reducido debe prevalecer sobre .hero h1 */
@media (min-width: 992px) {
  .hero h1.hero-title-reduced {
    font-size: 2.5rem !important;
    line-height: 1.1 !important;
    max-width: 720px;
    margin: 14px 0 !important;
  }
}

/* En PC: ocultar los botones secundarios del hero (Soporte y Ver servicios). */
@media (min-width: 768px){
  .hero-mobile-hide{display:none!important}
}

.contact-item a{color:inherit;text-decoration:none}.contact-item a:hover{color:var(--blue)}.service-internal-links{padding-top:40px;padding-bottom:70px}

.contact-item strong a { color: inherit; text-decoration: none; }
.contact-item strong a:hover { text-decoration: underline; }
.contact-item strong + span { display: block; margin-top: .2rem; opacity: .8; }