:root{--navy:#071829;--navy2:#0F2D52;--orange:#ff6508;--dark:#08172a;--steel:#4A4A4A;--light:#f7f9fc;--white:#fff;--green:#22a923}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1500px,92%);margin:auto}.topbar{background:#071829;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 8px 30px #0003}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:34px;letter-spacing:-1.2px;line-height:.9;position:relative}.brand:after{content:"SOLUCIONES MODULARES";font-size:12px;font-weight:800;letter-spacing:.5px;color:#fff;position:absolute;left:62px;top:42px}.brand-mark{width:48px;height:48px;border:3px solid var(--orange);transform:rotate(45deg);border-radius:8px;position:relative;background:#fff1}.brand-mark:before{content:"";position:absolute;inset:9px;border-left:10px solid var(--navy2);border-bottom:10px solid var(--orange);background:#fff}.brand span:nth-child(2){color:#fff}.brand span:last-child{color:var(--orange)}.menu{display:flex;gap:24px;font-size:13px;align-items:center;text-transform:uppercase;font-weight:800}.menu ul{display:flex;gap:22px;margin:0;padding:0;list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:5px;font-weight:900;text-transform:uppercase;font-size:13px;border:0;cursor:pointer;box-shadow:0 8px 18px #0002}.btn-orange{background:var(--orange);color:#fff}.btn-green{background:var(--green);color:#fff}.hero{position:relative;min-height:500px;background:var(--hero) center right/cover no-repeat;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071829 0%,#071829f9 25%,#071829d8 42%,#07182955 58%,#07182900 79%);pointer-events:none}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:500px;padding:28px 0 38px}.hero-content{width:min(560px,100%);padding:0;background:transparent}.badge{display:block;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:-.6px;margin-bottom:4px;font-size:38px;line-height:1;text-shadow:0 3px 14px #000a}.hero h1{max-width:560px;font-size:clamp(54px,5.6vw,82px);line-height:.92;margin:0 0 6px;text-transform:uppercase;letter-spacing:-2px;color:#fff;text-shadow:0 3px 18px #000b}.hero h1 strong{color:var(--orange);display:block}.hero-subtitle{display:block;font-size:clamp(24px,2.2vw,33px);font-weight:900;color:#fff;text-transform:uppercase;margin:8px 0 14px;text-shadow:0 3px 14px #000a}.hero p{max-width:500px;font-size:17px;line-height:1.45;margin:0;color:#fff;text-shadow:0 2px 8px #0008}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.benefits{background:#fff;color:var(--dark);padding:18px 0;border-bottom:1px solid #e9eef5;box-shadow:0 12px 30px #0f2d5210}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.benefit{display:flex;gap:16px;align-items:center;padding:0 28px;border-right:1px solid #e1e7ef;min-height:72px}.benefit:last-child{border-right:0}.icon{width:42px;height:42px;border:2px solid var(--orange);border-radius:10px;display:grid;place-items:center;color:var(--orange);font-size:22px;flex:0 0 42px}.benefit strong{font-size:15px;line-height:1.05;text-transform:uppercase;color:var(--navy)}.benefit small{font-size:12px;color:#333}.section{padding:30px 0}.section h2{text-align:center;font-size:26px;text-transform:uppercase;color:var(--navy);margin:0 0 22px;font-weight:900;letter-spacing:-.4px}.section h2::after{content:"";display:block;width:70px;height:4px;background:var(--orange);margin:7px auto 0}.products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:stretch}.card{background:#fff;border-radius:8px;box-shadow:0 10px 26px #0f2d5210;overflow:hidden;border:1px solid #e8edf5;display:flex;flex-direction:column}.image-box{height:190px;aspect-ratio:4/3;background:#fff;display:grid;place-items:center;border-bottom:1px solid #eef2f6;overflow:hidden;padding:12px}.card img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 12px 10px rgba(7,24,41,.14))}.card-body{padding:16px;display:flex;flex-direction:column;min-height:178px;flex:1;overflow:visible}.card h3{margin:0 0 8px;color:var(--navy);text-transform:uppercase;font-size:15px;line-height:1.15;min-height:36px;overflow:visible}.card p{color:#333;line-height:1.38;font-size:13px;margin:0 0 14px;min-height:58px;overflow:visible}.small-btn{display:inline-block;background:var(--navy);color:#fff;padding:8px 14px;border-radius:4px;font-size:11px;font-weight:900;text-transform:uppercase;margin-top:auto;align-self:flex-start}.projects-section{background:#fff;padding-top:8px}.projects-section h2{text-align:left;margin-bottom:18px}.projects-section h2::after{margin-left:0;margin-right:0}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{background:#fff;border-radius:7px;overflow:hidden;border:1px solid #e8edf5;box-shadow:0 10px 26px #0f2d5210}.project-img{height:150px;aspect-ratio:4/3;background:#fff;display:grid;place-items:center;padding:10px;border-bottom:1px solid #eef2f6;overflow:hidden}.project-card img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 10px 8px rgba(7,24,41,.12))}.project-info{padding:12px;min-height:70px;overflow:visible}.project-info h3{font-size:13px;text-transform:uppercase;color:var(--navy);margin:0 0 5px;line-height:1.2;overflow:visible}.project-info p{font-size:12px;line-height:1.35;margin:0;color:#333;overflow:visible}.split{display:grid;grid-template-columns:1.9fr 1fr;gap:16px;align-items:start}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step{background:#071829;color:#fff;border-left:4px solid var(--orange);padding:16px;border-radius:6px}.step p{font-size:12px;margin-bottom:0}.quote{background:#071829;color:#fff;padding:18px;border-radius:8px;box-shadow:0 10px 26px #0f2d5220}.quote h3{margin:0 0 12px;font-size:22px;text-transform:uppercase;color:#fff}.quote h3 span,.quote h3 strong{color:var(--orange)}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quote textarea,.quote select{grid-column:span 2}.quote input,.quote select,.quote textarea{width:100%;padding:10px;border-radius:4px;border:0;margin:0;color:#111;background:#fff}.quote button{grid-column:span 2;width:100%;margin-top:0;background:var(--orange)}.quote small{display:block;margin-top:8px;text-align:center;color:#fff}.faq{background:#f5f7fa}.faq-item{background:#fff;padding:18px;border-radius:8px;margin:10px 0;border:1px solid #e7ecf3}.faq-item h3{margin:0 0 8px;color:var(--navy)}.footer{background:#071829;color:#fff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer a{display:block;margin:7px 0;color:#e5edf6}.floating{position:fixed;right:18px;bottom:18px;background:var(--green);color:#fff;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 10px 30px #0003;z-index:80}.products-projects{padding-bottom:8px}.project-quote-row{display:grid;grid-template-columns:1.85fr 1fr;gap:22px;align-items:start}.project-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.project-head h2{margin:0;text-align:left}.project-head h2::after{margin-left:0}.project-head a{font-weight:800;color:var(--navy);font-size:13px}.orange{color:var(--orange)}@media(max-width:1200px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit{border-bottom:1px solid #e1e7ef}.menu{gap:14px}.container{width:min(1180px,94%)}.projects{grid-template-columns:repeat(3,minmax(0,1fr))}.project-quote-row{grid-template-columns:1fr}}@media(max-width:850px){.menu{display:none}.brand{font-size:28px}.brand:after{font-size:10px;left:56px}.benefit-grid,.products,.process-list,.split,.footer-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid #e1e7ef;padding:12px 4px}.projects{grid-template-columns:1fr 1fr}.hero{min-height:auto;background-position:center right}.hero-inner{min-height:auto;padding:42px 0}.hero h1{font-size:44px;letter-spacing:-.8px}.badge{font-size:28px}.hero p{font-size:16px}.quote form{display:block}.quote textarea,.quote select,.quote button{grid-column:auto}.quote input,.quote select,.quote textarea{margin:5px 0}.image-box{height:220px}.project-img{height:180px}.project-head{display:block}.projects-section h2,.project-head h2{text-align:center}.projects-section h2::after,.project-head h2::after{margin-left:auto;margin-right:auto}}@media(max-width:520px){.projects{grid-template-columns:1fr}.hero h1{font-size:38px}.hero-subtitle{font-size:22px}.btn{width:100%}.nav{min-height:70px}}


/* V8 responsive image corrections: larger, cropped asset files, no broken layouts */
img{max-width:100%;height:auto}.products,.projects{min-width:0}.card,.project-card{min-width:0}.image-box img,.project-img img{max-width:100%;max-height:100%}@media (max-width:1500px){.products{grid-template-columns:repeat(3,minmax(220px,1fr))}.projects{grid-template-columns:repeat(3,minmax(170px,1fr))}}@media (max-width:900px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.image-box{height:210px}.project-img{height:170px}}@media (max-width:560px){.products,.projects{grid-template-columns:1fr}.image-box{height:230px}.project-img{height:190px}.card-body,.project-info{min-height:auto}.card h3,.card p{min-height:auto}}

/* V9: corrección definitiva de imágenes responsivas sin recorte */
.image-box,
.project-img{
  width:100% !important;
  background:#fff !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px !important;
}
.image-box{height:220px !important; min-height:220px !important;}
.project-img{height:150px !important; min-height:150px !important;}
.image-box img,
.project-img img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  aspect-ratio:auto !important;
  clip-path:none !important;
  transform:none !important;
}
.card,
.project-card{overflow:visible !important;}
.card-body{padding:14px 16px 16px !important; min-height:auto !important;}
.card h3,.card p,.project-info h3,.project-info p{overflow:visible !important; display:block !important; -webkit-line-clamp:unset !important;}
.card h3{min-height:34px !important;}
.card p{min-height:54px !important;}
@media(max-width:1200px){.image-box{height:240px !important}.project-img{height:170px !important}}
@media(max-width:900px){.image-box{height:250px !important}.project-img{height:190px !important}}
@media(max-width:560px){.image-box{height:260px !important}.project-img{height:210px !important}.products,.projects{grid-template-columns:1fr !important}}

.form-alert{padding:10px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;font-weight:800}.form-alert.ok{background:#e9f9ee;color:#11601e}.form-alert.error{background:#fff0f0;color:#8a1111}