/* Art Creation - CSS simple y editable, sin frameworks */
:root{--rojo:#e60005;--negro:#101317;--texto:#151515;--claro:#f3f3f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--texto);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}.contenedor{max-width:1480px;margin:0 auto;padding:0 24px}.cabecera{background:#fff}.cabecera .contenedor{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}.marca{display:flex;align-items:center;gap:16px;min-width:0}.marca img{width:91px;height:82px;object-fit:contain}.marca .linea{height:72px;border-left:2px solid #111}.marca .nombre{font-size:clamp(26px,3.8vw,55px);line-height:1;font-weight:900;font-style:italic;letter-spacing:-1.8px;white-space:nowrap}.marca .sub{font-size:clamp(12px,1.8vw,27px);font-weight:900;font-style:italic;white-space:nowrap;margin-top:2px}.boton-menu{display:none;border:0;background:transparent;padding:10px}.boton-menu span{display:block;background:#101010;width:31px;height:4px;margin:6px 0;border-radius:2px}.navegacion{background:linear-gradient(#161b20,#090d11);color:#fff}.navegacion .contenedor{display:flex;align-items:stretch;justify-content:space-between}.navegacion a,.nav-sub-btn{display:block;border:0;color:#fff;background:transparent;padding:18px 17px;font-size:17px;font-weight:bold;white-space:nowrap}.navegacion a:hover,.nav-sub-btn:hover,.navegacion .activo{background:var(--rojo)}.nav-grupo{position:relative}.nav-sub-btn{height:100%;cursor:pointer}.submenu{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#15191d;z-index:30;box-shadow:0 8px 18px #0007}.submenu a{font-size:15px;padding:13px 17px;border-bottom:1px solid #444}.nav-grupo:hover .submenu,.nav-grupo:focus-within .submenu,.nav-grupo.abierto .submenu{display:block}
.hero{background:linear-gradient(95deg,#08141c 0%,#132330 65%,#07111a 100%);color:#fff}.hero-inner{min-height:360px;position:relative;display:grid;grid-template-columns:37% 43% 20%;align-items:center;gap:0;overflow:hidden}.hero-copy{padding:22px 0 20px 24px;z-index:2}.hero h1{font-style:italic;font-weight:900;font-size:clamp(34px,3.7vw,62px);line-height:.98;margin:0 0 15px;border-left:8px solid var(--rojo);padding-left:12px}.hero-lema{font-size:clamp(18px,1.9vw,31px);line-height:1.14;font-style:italic;margin:0 0 18px}.hero-lema:after{content:'';display:block;background:var(--rojo);width:110px;height:5px;margin-top:13px}.hero-equipo{align-self:stretch;display:flex;align-items:end;justify-content:center;overflow:hidden}.hero-equipo img{width:110%;max-width:none;height:100%;object-fit:cover;object-position:center}.servicios-hero{z-index:2;padding:10px 0}.servicio-pill{background:linear-gradient(90deg,#bb090e,#800c17a6);margin:7px 0;padding:14px 9px;color:white;font-weight:bold;font-style:italic;font-size:16px;display:flex;align-items:center;gap:12px}.servicio-pill .em{font-size:32px}.materiales{display:flex;justify-content:space-around;align-items:center;gap:5px;padding:15px 5px;text-align:center}.material{font-size:14px;font-weight:bold;flex:1;min-width:0}.material .simbolo{display:block;font-size:27px;font-weight:normal;margin-bottom:3px}.productos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:15px 0}.tarjeta{background:linear-gradient(120deg,#f6f6f7,#e6e6e9);border-radius:13px;overflow:hidden;min-width:0;padding:15px;display:flex;align-items:center;gap:10px}.tarjeta img{width:53%;height:184px;object-fit:contain;mix-blend-mode:multiply;order:2}.tarjeta .descripcion{flex:1;min-width:0}.tarjeta h2{font-size:clamp(21px,2.3vw,32px);margin:0 0 10px;font-weight:900;font-style:italic;line-height:1.05;border-left:6px solid var(--rojo);padding-left:10px}.tarjeta p{font-style:italic;font-size:clamp(14px,1.4vw,19px);margin:0}.tarjeta .mas{display:none}.beneficios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:16px 0 22px}.beneficio{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 14px;border-right:1px solid #aaa;font-size:15px;font-weight:bold}.beneficio:last-child{border:0}.beneficio .ico{font-size:34px;color:var(--rojo);font-weight:normal}.pie{background:linear-gradient(#17191c,#0d0f11);color:#fff;border-top:13px solid #d60005}.pie-grid{display:grid;grid-template-columns:1.45fr 1fr .62fr;gap:22px;padding:22px 0}.pie .marca img{width:65px;height:60px}.pie .marca .linea{height:56px;border-color:white}.pie .marca .nombre{font-size:27px}.pie .marca .sub{font-size:13px}.pie p{font-size:14px;line-height:1.5}.pie h3{margin:0 0 8px;font-size:17px}.pie a{display:inline-block;margin:3px 12px 3px 0;font-size:14px}.pie a:hover{text-decoration:underline}.redes{display:flex;gap:11px}.redes a{font-size:26px}.pie-inferior{border-top:1px solid #888;padding:13px 0;display:flex;justify-content:space-between;gap:10px;font-size:13px}.pagina-contenido{padding-top:38px;padding-bottom:52px;min-height:48vh}.pagina-contenido h1{font-size:clamp(30px,4vw,48px);border-left:7px solid var(--rojo);padding-left:14px;margin:0 0 16px}.pagina-contenido p,.pagina-contenido li{font-size:17px;line-height:1.6}.pagina-contenido .intro{max-width:850px}.ficha{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:var(--claro);padding:24px;border-radius:13px;margin-top:22px}.ficha img{width:100%;max-height:320px;object-fit:contain;mix-blend-mode:multiply}.btn-rojo{display:inline-block;background:var(--rojo);color:#fff;border:0;border-radius:6px;padding:13px 24px;font-weight:bold;text-align:center}.btn-rojo:hover{background:#b50003}.ficha .btn-rojo{margin-top:10px}.info-cajas{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.info-caja{border:1px solid #ddd;border-radius:10px;padding:20px;background:#fafafa}.info-caja h2{font-size:20px}.contacto-datos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.campo{margin:12px 0}.campo label{display:block;font-weight:bold;margin-bottom:5px}.campo input,.campo textarea,.campo select{width:100%;border:1px solid #999;border-radius:5px;padding:11px}.nota{background:#fff4dc;border-left:4px solid #dca00f;padding:12px 15px;font-size:14px}
@media (min-width:768px) and (max-width:1023px){.navegacion{display:none}.boton-menu{display:block}.navegacion.visible{display:block}.navegacion .contenedor{display:flex;flex-direction:column}.nav-sub-btn,.navegacion a{width:100%;text-align:left}.submenu{position:static;box-shadow:none}.hero-inner{grid-template-columns:42% 58%;min-height:310px}.servicios-hero{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.servicio-pill{margin:0;font-size:14px}.productos{grid-template-columns:repeat(2,minmax(0,1fr))}.tarjeta{min-height:215px}.beneficios{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.beneficio:nth-child(3){border:0}.pie-grid{grid-template-columns:1fr 1fr}.pie-grid>div:last-child{grid-column:1/-1}}
@media(max-width:767px){.contenedor{padding-left:14px;padding-right:14px}.cabecera .contenedor{min-height:72px;gap:5px}.marca{gap:8px}.marca img{width:57px;height:55px}.marca .linea{height:51px;border-width:1px}.marca .nombre{font-size:clamp(19px,5.7vw,33px);letter-spacing:-.8px}.marca .sub{font-size:clamp(9px,2.7vw,15px)}.boton-menu{display:block;padding:8px}.boton-menu span{width:25px;height:3px;margin:5px 0}.navegacion{display:none}.navegacion.visible{display:block}.navegacion .contenedor{display:flex;flex-direction:column;padding:0}.navegacion a,.nav-sub-btn{width:100%;font-size:16px;padding:14px 22px;text-align:left}.submenu{position:static;box-shadow:none;background:#292b2e}.submenu a{padding-left:36px}.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{align-self:stretch;padding:24px 14px 2px}.hero h1{font-size:clamp(30px,8vw,50px)}.hero-lema{font-size:clamp(16px,4.3vw,23px);margin-bottom:6px}.hero-equipo{width:100%;height:215px;overflow:hidden}.hero-equipo img{width:100%;height:100%;object-fit:cover;object-position:center}.servicios-hero{display:none}.materiales{flex-wrap:wrap;padding:10px 0}.material{flex:0 0 33.333%;font-size:12px;padding:5px 0}.material .simbolo{font-size:25px}.productos{grid-template-columns:minmax(0,1fr);gap:10px;padding:9px 0}.tarjeta{display:flex;flex-direction:column;gap:3px;text-align:center;padding:13px 15px 11px}.tarjeta img{order:0;width:100%;height:clamp(145px,48vw,240px);object-fit:contain}.tarjeta .descripcion{width:100%;order:1}.tarjeta h2{font-size:clamp(23px,6vw,33px);display:inline-block;margin:2px 0 4px}.tarjeta p{font-size:clamp(14px,3.5vw,18px)}.tarjeta .mas{display:block;width:85%;margin:12px auto 0;padding:10px;background:var(--rojo);border-radius:5px;color:white;font-weight:bold;font-size:16px}.beneficios{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.beneficio{display:flex;flex-direction:column;text-align:center;border-right:0;padding:5px;font-size:13px}.beneficio .ico{font-size:30px}.pie-grid{grid-template-columns:minmax(0,1fr);text-align:center;gap:12px}.pie .marca{justify-content:center}.pie .marca .nombre{font-size:25px}.pie .marca .sub{font-size:11px}.pie-grid .redes{justify-content:center}.pie-inferior{display:block;text-align:center;line-height:1.7}.ficha{grid-template-columns:1fr;padding:15px}.info-cajas,.contacto-datos{grid-template-columns:minmax(0,1fr)}.pagina-contenido{padding-top:24px}.pagina-contenido p{font-size:16px}}
@media(max-width:359px){.marca img{width:46px}.marca .linea{height:41px}.marca .nombre{font-size:18px}.marca .sub{font-size:9px}.contenedor{padding-left:10px;padding-right:10px}}

/* ===== V2: ajustes de fidelidad al diseño aprobado ===== */
body{overflow-x:hidden} .contenedor{width:100%;max-width:1510px} .cabecera .contenedor{min-height:100px} .marca img{width:105px;height:92px;object-fit:contain}.marca .nombre{font-size:clamp(30px,3.55vw,57px)}.marca .sub{font-size:clamp(16px,1.75vw,26px)}
.navegacion a,.nav-sub-btn{font-size:clamp(16px,1.3vw,20px);padding:17px 16px}
.hero-inner{max-width:none;min-height:408px;grid-template-columns:35% 43% 22%;padding-left:clamp(20px,4vw,65px);padding-right:0}.hero-copy{padding-left:0}.hero h1{font-size:clamp(39px,3.8vw,66px);border-left-width:9px;padding-left:18px}.hero-lema{font-size:clamp(19px,2vw,34px)}.hero-equipo{height:408px}.hero-equipo img{width:100%;height:100%;object-fit:cover;object-position:center center}.servicio-pill{min-height:87px;padding:12px 17px;font-size:clamp(15px,1.35vw,21px);background:linear-gradient(90deg,#d60812,#820b14)}.servicio-pill img{width:49px;height:49px;filter:brightness(0) invert(1);flex-shrink:0}.servicio-pill span{line-height:1.22}
.materiales{padding-top:15px;padding-bottom:13px}.material{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:16px}.material img{width:39px;height:39px;object-fit:contain}
.productos{gap:14px;padding:14px 0}.tarjeta{min-height:215px;padding:18px 15px}.tarjeta img{width:57%;height:205px}.tarjeta h2{font-size:clamp(22px,2.05vw,34px);margin-bottom:13px}.tarjeta p{font-size:clamp(15px,1.3vw,19px);line-height:1.35}
.beneficios{padding-top:14px;padding-bottom:25px}.beneficio{gap:13px;font-size:clamp(13px,1.2vw,18px)}.beneficio img{width:49px;height:49px;flex-shrink:0;filter:invert(16%) sepia(100%) saturate(6105%) hue-rotate(358deg) brightness(96%) contrast(123%)}
.pie{border-top:12px solid #d80000}.pie-grid{grid-template-columns:1.5fr .95fr .48fr;gap:28px;align-items:center;padding-top:22px;padding-bottom:22px}.pie .marca img{width:76px;height:72px}.pie .marca .nombre{font-size:30px}.pie .marca .sub{font-size:15px}.pie h3{font-size:18px}.pie p{font-size:15px}.enlaces-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}.enlaces-grid a{font-size:16px;margin:0}.enlaces-grid a:before{content:'»';color:#f01419;margin-right:7px;font-weight:bold}.sociales-pie{min-width:190px}.redes{gap:9px;align-items:center}.social{width:39px;height:39px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:27px;font-weight:bold;color:white;border-radius:7px}.social.fb{background:#1877f2}.social.ig{background:linear-gradient(35deg,#ffbf27,#ed2676,#7c3dd6)}.social.yt{background:#f00;font-size:21px}.social.tk{background:#070707}.pie-inferior{font-size:14px}
@media(min-width:768px) and (max-width:1023px){.marca img{width:84px;height:77px}.marca .nombre{font-size:39px}.marca .sub{font-size:18px}.hero-inner{min-height:0;grid-template-columns:42% 58%;padding:0 16px}.hero-equipo{height:315px}.servicios-hero{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 0 5px}.servicio-pill{min-height:65px;font-size:14px;padding:7px}.servicio-pill img{width:32px;height:32px}.productos{grid-template-columns:repeat(2,minmax(0,1fr))}.tarjeta{min-height:215px}.beneficios{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.beneficio{border:0}.pie-grid{grid-template-columns:1fr 1fr}.pie-grid>div:last-child{grid-column:1/-1}.enlaces-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.contenedor{padding-left:12px;padding-right:12px}.cabecera .contenedor{min-height:73px}.marca{gap:7px}.marca img{width:59px;height:58px}.marca .linea{height:49px}.marca .nombre{font-size:clamp(20px,5.4vw,32px);letter-spacing:-.7px}.marca .sub{font-size:clamp(9px,2.55vw,14px)}.boton-menu span{width:30px;height:3px;margin:6px 0}.hero-inner{padding:0;display:flex;flex-direction:column;min-height:0}.hero-copy{padding:15px 15px 0;align-self:stretch}.hero h1{font-size:clamp(32px,8vw,55px);padding-left:10px;margin-bottom:6px}.hero-lema{font-size:clamp(16px,4.15vw,24px);line-height:1.05}.hero-lema:after{display:none}.hero-equipo{width:100%;height:clamp(182px,52vw,330px)}.hero-equipo img{width:100%;height:100%;object-fit:cover;object-position:center}.servicios-hero{display:none}.materiales{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:11px 9px}.material{border-right:1px solid #c2c2c2;gap:4px;font-size:clamp(9px,2.5vw,13px);padding:0 1px}.material:last-child{border-right:0}.material img{width:clamp(24px,7vw,35px);height:clamp(24px,7vw,35px)}.productos{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:7px;padding-bottom:10px}.tarjeta{min-height:0;display:flex;flex-direction:column;padding:14px 14px 12px;gap:4px;text-align:center;border-radius:12px}.tarjeta img{order:0;width:100%;height:clamp(155px,48vw,260px);object-fit:contain;mix-blend-mode:multiply}.tarjeta .descripcion{order:1;width:100%}.tarjeta h2{font-size:clamp(23px,6vw,35px);margin:0 0 5px;line-height:1.05}.tarjeta p{font-size:clamp(13px,3.4vw,17px);line-height:1.3}.tarjeta .mas{display:block;width:88%;margin:13px auto 0;background:#e00005;padding:11px 8px;font-size:clamp(15px,4vw,18px);border-radius:5px}.beneficios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;row-gap:0;padding:13px 8px 19px}.beneficio{min-width:0;padding:0 3px;gap:5px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;border-right:1px solid #bbb;font-size:clamp(9px,2.15vw,12px);line-height:1.17}.beneficio:last-child{border:0}.beneficio img{width:clamp(24px,7vw,39px);height:clamp(24px,7vw,39px)}.pie{border-top-width:3px}.pie-grid{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;padding-bottom:12px;text-align:left}.pie .marca{justify-content:flex-start;gap:7px}.pie .marca img{width:49px;height:50px}.pie .marca .linea{height:43px}.pie .marca .nombre{font-size:clamp(17px,4.7vw,27px)}.pie .marca .sub{font-size:clamp(8px,2.15vw,12px)}.pie-grid>div:first-child p{display:none}.enlaces-pie{grid-column:1/-1;grid-row:2}.enlaces-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 9px}.enlaces-grid a{font-size:12px}.sociales-pie{grid-column:2;grid-row:1;min-width:0}.sociales-pie h3{font-size:13px;margin-bottom:6px}.redes{gap:4px}.social{width:25px;height:25px;font-size:18px;border-radius:5px}.social.yt{font-size:15px}.pie-inferior{text-align:center;font-size:11px;padding-top:10px}.pagina-contenido .ficha{grid-template-columns:1fr}.info-cajas,.contacto-datos{grid-template-columns:1fr}}
@media(max-width:359px){.contenedor{padding-left:8px;padding-right:8px}.marca img{width:43px;height:47px}.marca .linea{height:43px}.marca .nombre{font-size:18px}.marca .sub{font-size:9px}.boton-menu{padding:4px}.boton-menu span{width:24px}.material img{width:23px;height:23px}.material{font-size:9px}.beneficio{font-size:8px}.beneficio img{width:22px;height:22px}.pie .marca .nombre{font-size:15px}.social{width:22px;height:22px;font-size:15px}}

/* ===== V3: títulos de las tres tarjetas 2 pt menores SOLO en computadora ===== */
@media (min-width: 1024px) {
  .productos .tarjeta h2 {
    font-size: calc(clamp(22px, 2.05vw, 34px) - 2pt);
  }
}