/* ========================================================================== ALKAIN — blocks.css -------------------------------------------------------------------------- Este archivo se carga en el EDITOR (add_editor_style) Y en el front. Aquí va solo lo que debe verse igual en los dos sitios: tokens, tipografía, botones, iconos y el aspecto de cada bloque. Lo que es maquetación de página (anchos de contenedor, sangrados a sangre, cabecera, footer del tema, margen del body por la barra fija) vive en style.css, que NO se carga en el editor. Bloque 1/3: BASE ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&display=swap'); :root { --color-main: #294761; --color-dark: #182035; --color-light: #ECF4FF; --color-text: #52525B; --color-white: #fff; /* Grises del Figma */ --color-borde: #E4E4E7; --color-borde2: #D4D4D8; --color-gris: #A1A1AA; --color-gris-bg: #F4F4F5; /* Ancho de contenido. Figma usa 1216px sobre lienzo de 1440. El tema venía con 1300px. Cambia SOLO esta línea para ajustarlo. Lo usa style.css para los sangrados; aquí está para tenerlo en un único sitio. */ --ancho: 1300px; /* Ritmo vertical de sección (Figma: 112px) */ --sec-y: 112px; --btn-radius: 999px; } /* --- Tipografía ajustada al Figma -------------------------------------- */ /* Figma: H1 60/72 · H2 45/48 · H3 30/36 · cuerpo 16/26 · hero 18/28 */ body{ font-family: 'Poppins', 'Montserrat','Roboto','Lato', 'Open Sans', sans-serif; color:var(--color-text); font-size: 16px; line-height: 1.625;} h1, h2, h3, h4 {font-family: 'Poppins', 'Roboto'; color:var(--color-dark); margin-top: 0;} h1 {font-size: clamp(34px, 4.17vw, 60px); font-weight: 700; line-height: 1.2;} .home h1{font-weight: 400;} h2{ font-size: clamp(28px, 3.13vw, 45px); line-height: 1.08;} h3{ font-size: clamp(22px, 2.08vw, 30px); line-height: 1.2;} h4{ font-size: 18px; line-height: 1.33;} b, strong{font-weight: 700;} h1 :is(b, strong){font-weight: 700;} p :is(b, strong){font-weight: 600; color: var(--color-dark);} hr{clear:both;border: 1px solid #000;} img{max-width: 100%;height: auto;} iframe{display: block; width: 100%;} .alignright,img.alignright{float:right;margin:1em 0 0 1em;} .alignleft,img.alignleft{float:left;margin:0 1em 1em 0;} .aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;} .autor{font-size: 10px} a, a:visited, a:active{color:#000;} a.enlacetitulo{text-decoration: none;} /* ========================================================================== BOTONES ========================================================================== */ .wp-block-buttons :is(.btnazul, .btnblancog, .btnnegro, .btnblancon, .btnsfblanco, .btnsfazul) .wp-block-button__link{ position: relative; padding: 14px 48px 14px 24px !important; font-family:'Poppins',sans-serif; font-weight:600; font-size:16px; line-height:20px; border-radius: var(--btn-radius); transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .15s ease; } .wp-block-buttons :is(.btnazul, .btnblancog, .btnnegro, .btnblancon, .btnsfblanco, .btnsfazul) .wp-block-button__link::after{ content:"";position:absolute;right:20px;width:16px;height:16px; background-color:#fff; -webkit-mask:var(--i-arrow) no-repeat center/contain; mask:var(--i-arrow) no-repeat center/contain; top:0;bottom:0;margin-block:auto; transition: transform .3s cubic-bezier(.34,1.56,.64,1); } .wp-block-buttons :is(.btnazul, .btnblancog, .btnnegro, .btnblancon, .btnsfblanco, .btnsfazul) .wp-block-button__link:hover::after{transform: translateX(4px) translateY(-4px);} .wp-block-buttons :is(.btnazul, .btnblancog, .btnnegro, .btnblancon, .btnsfblanco, .btnsfazul) .wp-block-button__link:active{transform: scale(.97);} .wp-block-buttons .btnazul .wp-block-button__link{background-color: var(--color-main); color:#fff;} .wp-block-buttons .btnnegro .wp-block-button__link{background-color: var(--color-dark); color:#fff;} .wp-block-buttons .btnblancog .wp-block-button__link{background-color: #fff;border: 1px solid var(--color-borde2); color: var(--color-dark);} .wp-block-buttons .btnblancog .wp-block-button__link::after{background-color: var(--color-dark);} /* Ghost sobre fondo oscuro (usado en "Calidad") */ .wp-block-buttons .btnblancon .wp-block-button__link{background-color: transparent;border: 1px solid rgba(255,255,255,.55); color: #fff;} .wp-block-buttons .btnblancon .wp-block-button__link::after{background-color:#fff;} .wp-block-buttons .btnblancon .wp-block-button__link:hover{background-color:#fff;border-color:#fff;color:var(--color-dark);} .wp-block-buttons .btnblancon .wp-block-button__link:hover::after{background-color:var(--color-dark);} /* Enlaces sin fondo */ .wp-block-buttons :is(.btnsfazul, .btnsfblanco) .wp-block-button__link{background-color: transparent !important;padding: 0 40px 0 0 !important;color: var(--color-main);} .wp-block-buttons :is(.btnsfblanco) .wp-block-button__link{color: var(--color-white);} .wp-block-buttons :is(.btnsfazul) .wp-block-button__link::after{background-color:var(--color-main);right:0;} .wp-block-buttons :is(.btnsfblanco) .wp-block-button__link::after{background-color:var(--color-white);right:0;} .wp-block-buttons .btnazul .wp-block-button__link:hover{background-color: color-mix(in srgb, var(--color-main) 85%, #000);} .wp-block-buttons .btnnegro .wp-block-button__link:hover{background-color: color-mix(in srgb, var(--color-dark) 85%, #fff);} .wp-block-buttons .btnblancog .wp-block-button__link:hover{background-color: var(--color-dark);border-color: var(--color-dark);color: #fff;} .wp-block-buttons .btnblancog .wp-block-button__link:hover::after{background-color: #fff;} .wp-block-buttons .btnsfblanco .wp-block-button__link:hover{background-color: transparent !important;opacity:.75;} /* ========================================================================== COLORES Y TAMAÑOS DE WORDPRESS (core) ========================================================================== */ .has-pale-pink-background-color.has-pale-pink-background-color {background-color: #f78da7;} .has-vivid-red-background-color.has-vivid-red-background-color {background-color: #cf2e2e;} .has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {background-color: #ff6900;} .has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {background-color: #000;} .has-light-green-cyan-background-color.has-light-green-cyan-background-color {background-color: #7bdcb5;} .has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {background-color: #00d084;} .has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {background-color: #8ed1fc;} .has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {background-color: #0693e3;} .has-very-light-gray-background-color.has-very-light-gray-background-color {background-color: #eee;} .has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {background-color: #abb8c3;} .has-very-dark-gray-background-color.has-very-dark-gray-background-color {background-color: #313131;} .has-pale-pink-color.has-pale-pink-color {color: #f78da7;} .has-vivid-red-color.has-vivid-red-color {color: #cf2e2e;} .has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {color: #ff6900;} .has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {color: #000;} .has-light-green-cyan-color.has-light-green-cyan-color {color: #7bdcb5;} .has-vivid-green-cyan-color.has-vivid-green-cyan-color {color: #00d084;} .has-pale-cyan-blue-color.has-pale-cyan-blue-color {color: #8ed1fc;} .has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {color: #0693e3;} .has-very-light-gray-color.has-very-light-gray-color {color: #eee;} .has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {color: #abb8c3;} .has-very-dark-gray-color.has-very-dark-gray-color { color: #313131; } .has-small-font-size {font-size: 13px;} .has-regular-font-size, .has-normal-font-size {font-size: 16px;} .has-medium-font-size {font-size: 20px;} .has-large-font-size {font-size: 36px;} .has-larger-font-size, .has-huge-font-size {font-size: 42px;} /* -------------------------------------------------------------------------- Iconos disponibles (clase .ico-XXX): box sun layers check16 truck cnc refresh table squares file wrench2 shieldcheck shield check20 wind wrench box20 train food water ruler thermo arrow mail phone pin award target sliders message -------------------------------------------------------------------------- */ /* Iconos (generados) */ :root{ --i-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.33333 14.4867C7.53603 14.6037 7.76595 14.6653 8 14.6653C8.23405 14.6653 8.46397 14.6037 8.66667 14.4867L13.3333 11.82C13.5358 11.7031 13.704 11.535 13.821 11.3326C13.938 11.1301 13.9998 10.9005 14 10.6667V5.33333C13.9998 5.09952 13.938 4.86987 13.821 4.66744C13.704 4.46501 13.5358 4.29691 13.3333 4.18L8.66667 1.51333C8.46397 1.39631 8.23405 1.3347 8 1.3347C7.76595 1.3347 7.53603 1.39631 7.33333 1.51333L2.66667 4.18C2.46417 4.29691 2.29599 4.46501 2.17897 4.66744C2.06196 4.86987 2.00024 5.09952 2 5.33333V10.6667C2.00024 10.9005 2.06196 11.1301 2.17897 11.3326C2.29599 11.535 2.46417 11.7031 2.66667 11.82L7.33333 14.4867Z'/%3E%3Cpath d='M8 14.6667V8'/%3E%3Cpath d='M2.19333 4.66667L8 8L13.8067 4.66667'/%3E%3Cpath d='M5 2.84667L11 6.28'/%3E%3C/svg%3E"); --i-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13.3333C9.41449 13.3333 10.771 12.7714 11.7712 11.7712C12.7714 10.771 13.3333 9.41449 13.3333 8C13.3333 6.58551 12.7714 5.22896 11.7712 4.22876C10.771 3.22857 9.41449 2.66667 8 2.66667C6.58551 2.66667 5.22896 3.22857 4.22876 4.22876C3.22857 5.22896 2.66667 6.58551 2.66667 8C2.66667 9.41449 3.22857 10.771 4.22876 11.7712C5.22896 12.7714 6.58551 13.3333 8 13.3333Z'/%3E%3Cpath d='M8 9.33333C8.35362 9.33333 8.69276 9.19286 8.94281 8.94281C9.19286 8.69276 9.33333 8.35362 9.33333 8C9.33333 7.64638 9.19286 7.30724 8.94281 7.05719C8.69276 6.80714 8.35362 6.66667 8 6.66667C7.64638 6.66667 7.30724 6.80714 7.05719 7.05719C6.80714 7.30724 6.66667 7.64638 6.66667 8C6.66667 8.35362 6.80714 8.69276 7.05719 8.94281C7.30724 9.19286 7.64638 9.33333 8 9.33333Z'/%3E%3Cpath d='M8 1.33333V2.66667'/%3E%3Cpath d='M8 14.6667V13.3333'/%3E%3Cpath d='M11.3333 13.7733L10.6667 12.62'/%3E%3Cpath d='M7.33333 6.84667L4.66667 2.22667'/%3E%3Cpath d='M13.7733 11.3333L12.62 10.6667'/%3E%3Cpath d='M2.22667 4.66667L3.38 5.33333'/%3E%3Cpath d='M9.33333 8H14.6667'/%3E%3Cpath d='M1.33333 8H2.66667'/%3E%3Cpath d='M13.7733 4.66667L12.62 5.33333'/%3E%3Cpath d='M2.22667 11.3333L3.38 10.6667'/%3E%3Cpath d='M11.3333 2.22667L10.6667 3.38'/%3E%3Cpath d='M7.33333 9.15333L4.66667 13.7733'/%3E%3C/svg%3E"); --i-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.55333 1.45333C8.37962 1.3741 8.19093 1.3331 8 1.3331C7.80907 1.3331 7.62037 1.3741 7.44667 1.45333L1.73333 4.05333C1.61503 4.1055 1.51445 4.19093 1.44384 4.29924C1.37323 4.40754 1.33564 4.53404 1.33564 4.66333C1.33564 4.79262 1.37323 4.91912 1.44384 5.02743C1.51445 5.13573 1.61503 5.22117 1.73333 5.27333L7.45333 7.88C7.62704 7.95923 7.81574 8.00024 8.00667 8.00024C8.19759 8.00024 8.38629 7.95923 8.56 7.88L14.28 5.28C14.3983 5.22784 14.4989 5.1424 14.5695 5.0341C14.6401 4.92579 14.6777 4.79929 14.6777 4.67C14.6777 4.54071 14.6401 4.41421 14.5695 4.3059C14.4989 4.1976 14.3983 4.11216 14.28 4.06L8.55333 1.45333Z'/%3E%3Cpath d='M1.33333 8C1.33302 8.12751 1.36928 8.25244 1.43781 8.35997C1.50635 8.46749 1.60428 8.55311 1.72 8.60667L7.45333 11.2133C7.62613 11.2916 7.81364 11.3321 8.00333 11.3321C8.19302 11.3321 8.38053 11.2916 8.55333 11.2133L14.2733 8.61333C14.3913 8.56029 14.4914 8.47406 14.5612 8.36516C14.631 8.25625 14.6677 8.12937 14.6667 8'/%3E%3Cpath d='M1.33333 11.3333C1.33302 11.4608 1.36928 11.5858 1.43781 11.6933C1.50635 11.8008 1.60428 11.8864 1.72 11.94L7.45333 14.5467C7.62613 14.6249 7.81364 14.6654 8.00333 14.6654C8.19302 14.6654 8.38053 14.6249 8.55333 14.5467L14.2733 11.9467C14.3913 11.8936 14.4914 11.8074 14.5612 11.6985C14.631 11.5896 14.6677 11.4627 14.6667 11.3333'/%3E%3C/svg%3E"); --i-check16: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z'/%3E%3Cpath d='M6 8L7.33333 9.33333L10 6.66667'/%3E%3C/svg%3E"); --i-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.33333 12V4C9.33333 3.64638 9.19286 3.30724 8.94281 3.05719C8.69276 2.80714 8.35362 2.66667 8 2.66667H2.66667C2.31304 2.66667 1.97391 2.80714 1.72386 3.05719C1.47381 3.30724 1.33333 3.64638 1.33333 4V11.3333C1.33333 11.5101 1.40357 11.6797 1.5286 11.8047C1.65362 11.9298 1.82319 12 2 12H3.33333'/%3E%3Cpath d='M10 12H6'/%3E%3Cpath d='M12.6667 12H14C14.1768 12 14.3464 11.9298 14.4714 11.8047C14.5964 11.6797 14.6667 11.5101 14.6667 11.3333V8.9C14.6664 8.74871 14.6147 8.60201 14.52 8.484L12.2 5.584C12.1376 5.50592 12.0585 5.44285 11.9685 5.39947C11.8785 5.35608 11.7799 5.33348 11.68 5.33333H9.33333'/%3E%3Cpath d='M11.3333 13.3333C12.0697 13.3333 12.6667 12.7364 12.6667 12C12.6667 11.2636 12.0697 10.6667 11.3333 10.6667C10.597 10.6667 10 11.2636 10 12C10 12.7364 10.597 13.3333 11.3333 13.3333Z'/%3E%3Cpath d='M4.66667 13.3333C5.40305 13.3333 6 12.7364 6 12C6 11.2636 5.40305 10.6667 4.66667 10.6667C3.93029 10.6667 3.33333 11.2636 3.33333 12C3.33333 12.7364 3.93029 13.3333 4.66667 13.3333Z'/%3E%3C/svg%3E"); --i-cnc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 16.6667V18.3333'/%3E%3Cpath d='M10 1.66667V3.33333'/%3E%3Cpath d='M14.1667 16.6667V18.3333'/%3E%3Cpath d='M14.1667 1.66667V3.33333'/%3E%3Cpath d='M1.66667 10H3.33333'/%3E%3Cpath d='M1.66667 14.1667H3.33333'/%3E%3Cpath d='M1.66667 5.83333H3.33333'/%3E%3Cpath d='M16.6667 10H18.3333'/%3E%3Cpath d='M16.6667 14.1667H18.3333'/%3E%3Cpath d='M16.6667 5.83333H18.3333'/%3E%3Cpath d='M5.83333 16.6667V18.3333'/%3E%3Cpath d='M5.83333 1.66667V3.33333'/%3E%3Cpath d='M15 3.33333H5C4.07953 3.33333 3.33333 4.07953 3.33333 5V15C3.33333 15.9205 4.07953 16.6667 5 16.6667H15C15.9205 16.6667 16.6667 15.9205 16.6667 15V5C16.6667 4.07953 15.9205 3.33333 15 3.33333Z'/%3E%3Cpath d='M12.5 6.66667H7.5C7.03976 6.66667 6.66667 7.03976 6.66667 7.5V12.5C6.66667 12.9602 7.03976 13.3333 7.5 13.3333H12.5C12.9602 13.3333 13.3333 12.9602 13.3333 12.5V7.5C13.3333 7.03976 12.9602 6.66667 12.5 6.66667Z'/%3E%3C/svg%3E"); --i-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 10C17.5 11.4834 17.0601 12.9334 16.236 14.1668C15.4119 15.4001 14.2406 16.3614 12.8701 16.9291C11.4997 17.4968 9.99168 17.6453 8.53682 17.3559C7.08197 17.0665 5.74559 16.3522 4.6967 15.3033C3.64781 14.2544 2.9335 12.918 2.64411 11.4632C2.35472 10.0083 2.50325 8.50032 3.0709 7.12987C3.63856 5.75943 4.59985 4.58809 5.83322 3.76398C7.06659 2.93987 8.51664 2.5 10 2.5C12.1 2.5 14.1083 3.33333 15.6167 4.78333L17.5 6.66667'/%3E%3Cpath d='M17.5 2.5V6.66667H13.3333'/%3E%3C/svg%3E"); --i-table: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.8333 2.5H4.16667C3.24619 2.5 2.5 3.24619 2.5 4.16667V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V4.16667C17.5 3.24619 16.7538 2.5 15.8333 2.5Z'/%3E%3Cpath d='M2.5 7.5H17.5'/%3E%3Cpath d='M2.5 12.5H17.5'/%3E%3Cpath d='M7.5 2.5V17.5'/%3E%3Cpath d='M12.5 2.5V17.5'/%3E%3C/svg%3E"); --i-squares: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 2.5H4.16667C3.24619 2.5 2.5 3.24619 2.5 4.16667V7.5C2.5 8.42047 3.24619 9.16667 4.16667 9.16667H7.5C8.42047 9.16667 9.16667 8.42047 9.16667 7.5V4.16667C9.16667 3.24619 8.42047 2.5 7.5 2.5Z'/%3E%3Cpath d='M5.83333 9.16667V12.5C5.83333 12.942 6.00893 13.366 6.32149 13.6785C6.63405 13.9911 7.05797 14.1667 7.5 14.1667H10.8333'/%3E%3Cpath d='M15.8333 10.8333H12.5C11.5795 10.8333 10.8333 11.5795 10.8333 12.5V15.8333C10.8333 16.7538 11.5795 17.5 12.5 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V12.5C17.5 11.5795 16.7538 10.8333 15.8333 10.8333Z'/%3E%3C/svg%3E"); --i-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.5 1.66667H5C4.55797 1.66667 4.13405 1.84226 3.82149 2.15482C3.50893 2.46738 3.33333 2.89131 3.33333 3.33333V16.6667C3.33333 17.1087 3.50893 17.5326 3.82149 17.8452C4.13405 18.1577 4.55797 18.3333 5 18.3333H15C15.442 18.3333 15.866 18.1577 16.1785 17.8452C16.4911 17.5326 16.6667 17.1087 16.6667 16.6667V5.83333L12.5 1.66667Z'/%3E%3Cpath d='M11.6667 1.66667V5C11.6667 5.44203 11.8423 5.86595 12.1548 6.17851C12.4674 6.49107 12.8913 6.66667 13.3333 6.66667H16.6667'/%3E%3Cpath d='M8.33333 7.5H6.66667'/%3E%3Cpath d='M13.3333 10.8333H6.66667'/%3E%3Cpath d='M13.3333 14.1667H6.66667'/%3E%3C/svg%3E"); --i-wrench2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.16667 14.1667L10.8333 15.8333C10.9975 15.9975 11.1924 16.1277 11.4068 16.2165C11.6213 16.3054 11.8512 16.3511 12.0833 16.3511C12.3155 16.3511 12.5454 16.3054 12.7598 16.2165C12.9743 16.1277 13.1692 15.9975 13.3333 15.8333C13.4975 15.6692 13.6277 15.4743 13.7165 15.2598C13.8054 15.0454 13.8511 14.8155 13.8511 14.5833C13.8511 14.3512 13.8054 14.1213 13.7165 13.9068C13.6277 13.6924 13.4975 13.4975 13.3333 13.3333'/%3E%3Cpath d='M11.6667 11.6667L13.75 13.75C14.0815 14.0815 14.5312 14.2678 15 14.2678C15.4688 14.2678 15.9185 14.0815 16.25 13.75C16.5815 13.4185 16.7678 12.9688 16.7678 12.5C16.7678 12.0312 16.5815 11.5815 16.25 11.25L13.0167 8.01667C12.5479 7.5485 11.9125 7.28553 11.25 7.28553C10.5875 7.28553 9.95208 7.5485 9.48333 8.01667L8.75 8.75C8.41848 9.08152 7.96884 9.26777 7.5 9.26777C7.03116 9.26777 6.58152 9.08152 6.25 8.75C5.91848 8.41848 5.73223 7.96884 5.73223 7.5C5.73223 7.03116 5.91848 6.58152 6.25 6.25L8.59167 3.90833C9.35187 3.15012 10.3432 2.66713 11.4089 2.53581C12.4745 2.40449 13.5535 2.63236 14.475 3.18333L14.8667 3.41667C15.2215 3.63082 15.6434 3.7051 16.05 3.625L17.5 3.33333'/%3E%3Cpath d='M17.5 2.5L18.3333 11.6667H16.6667'/%3E%3Cpath d='M2.5 2.5L1.66667 11.6667L7.08333 17.0833C7.41485 17.4149 7.86449 17.6011 8.33333 17.6011C8.80217 17.6011 9.25181 17.4149 9.58333 17.0833C9.91485 16.7518 10.1011 16.3022 10.1011 15.8333C10.1011 15.3645 9.91485 14.9149 9.58333 14.5833'/%3E%3Cpath d='M2.5 3.33333H9.16667'/%3E%3C/svg%3E"); --i-shieldcheck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.6667 10.8333C16.6667 15 13.75 17.0833 10.2833 18.2917C10.1018 18.3532 9.90461 18.3502 9.725 18.2833C6.25 17.0833 3.33333 15 3.33333 10.8333V5C3.33333 4.77899 3.42113 4.56703 3.57741 4.41074C3.73369 4.25446 3.94565 4.16667 4.16667 4.16667C5.83333 4.16667 7.91667 3.16667 9.36667 1.9C9.54321 1.74917 9.76779 1.66629 10 1.66629C10.2322 1.66629 10.4568 1.74917 10.6333 1.9C12.0917 3.175 14.1667 4.16667 15.8333 4.16667C16.0543 4.16667 16.2663 4.25446 16.4226 4.41074C16.5789 4.56703 16.6667 4.77899 16.6667 5V10.8333Z'/%3E%3Cpath d='M7.5 10L9.16667 11.6667L12.5 8.33333'/%3E%3C/svg%3E"); --i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.6667 10.8333C16.6667 15 13.75 17.0833 10.2833 18.2917C10.1018 18.3532 9.90461 18.3502 9.725 18.2833C6.25 17.0833 3.33333 15 3.33333 10.8333V5C3.33333 4.77899 3.42113 4.56703 3.57741 4.41074C3.73369 4.25446 3.94565 4.16667 4.16667 4.16667C5.83333 4.16667 7.91667 3.16667 9.36667 1.9C9.54321 1.74917 9.76779 1.66629 10 1.66629C10.2322 1.66629 10.4568 1.74917 10.6333 1.9C12.0917 3.175 14.1667 4.16667 15.8333 4.16667C16.0543 4.16667 16.2663 4.25446 16.4226 4.41074C16.5789 4.56703 16.6667 4.77899 16.6667 5V10.8333Z'/%3E%3C/svg%3E"); --i-check20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z'/%3E%3Cpath d='M7.5 10L9.16667 11.6667L12.5 8.33333'/%3E%3C/svg%3E"); --i-wind: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.6667 16.3333C10.8779 16.4918 11.1238 16.5978 11.3841 16.6425C11.6444 16.6873 11.9115 16.6696 12.1636 16.5909C12.4157 16.5121 12.6454 16.3746 12.8339 16.1896C13.0224 16.0047 13.1643 15.7776 13.2478 15.527C13.3313 15.2765 13.3541 15.0097 13.3143 14.7487C13.2744 14.4876 13.1732 14.2397 13.0187 14.0255C12.8643 13.8112 12.6612 13.6368 12.4261 13.5164C12.1911 13.3961 11.9308 13.3333 11.6667 13.3333H1.66667'/%3E%3Cpath d='M14.5833 6.66667C14.7964 6.38257 15.0786 6.15766 15.403 6.01328C15.7274 5.86891 16.0834 5.80986 16.4371 5.84175C16.7908 5.87364 17.1304 5.99541 17.4238 6.1955C17.7172 6.39559 17.9546 6.66734 18.1134 6.98497C18.2722 7.3026 18.3472 7.65555 18.3312 8.01031C18.3153 8.36507 18.2089 8.70986 18.0222 9.01194C17.8355 9.31402 17.5747 9.56337 17.2645 9.7363C16.9543 9.90923 16.6051 10 16.25 10H1.66667'/%3E%3Cpath d='M8.16667 3.66667C8.37794 3.50822 8.62383 3.40224 8.8841 3.35746C9.14436 3.31269 9.41154 3.3304 9.66361 3.40914C9.91569 3.48789 10.1454 3.6254 10.3339 3.81036C10.5224 3.99532 10.6643 4.22242 10.7478 4.47295C10.8313 4.72349 10.8541 4.99028 10.8143 5.25135C10.7744 5.51241 10.6732 5.76028 10.5187 5.97452C10.3643 6.18876 10.1612 6.36323 9.92613 6.48357C9.69106 6.60391 9.43075 6.66667 9.16667 6.66667H1.66667'/%3E%3C/svg%3E"); --i-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.25 5.25C12.0973 5.40577 12.0118 5.61521 12.0118 5.83333C12.0118 6.05146 12.0973 6.26089 12.25 6.41667L13.5833 7.75C13.7391 7.90269 13.9485 7.98821 14.1667 7.98821C14.3848 7.98821 14.5942 7.90269 14.75 7.75L17.8917 4.60833C18.3107 5.53432 18.4376 6.56603 18.2554 7.56595C18.0732 8.56588 17.5906 9.48654 16.8719 10.2052C16.1532 10.9239 15.2325 11.4065 14.2326 11.5887C13.2327 11.7709 12.201 11.644 11.275 11.225L5.51667 16.9833C5.18515 17.3149 4.73551 17.5011 4.26667 17.5011C3.79783 17.5011 3.34819 17.3149 3.01667 16.9833C2.68515 16.6518 2.4989 16.2022 2.4989 15.7333C2.4989 15.2645 2.68515 14.8149 3.01667 14.4833L8.775 8.725C8.35597 7.79901 8.2291 6.76731 8.41129 5.76738C8.59347 4.76745 9.07607 3.8468 9.79477 3.1281C10.5135 2.40941 11.4341 1.92681 12.434 1.74462C13.434 1.56243 14.4657 1.6893 15.3917 2.10833L12.2583 5.24167L12.25 5.25Z'/%3E%3C/svg%3E"); --i-box20: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.16667 18.1083C9.42003 18.2546 9.70744 18.3316 10 18.3316C10.2926 18.3316 10.58 18.2546 10.8333 18.1083L16.6667 14.775C16.9198 14.6289 17.13 14.4187 17.2763 14.1657C17.4225 13.9127 17.4997 13.6256 17.5 13.3333V6.66667C17.4997 6.3744 17.4225 6.08734 17.2763 5.8343C17.13 5.58126 16.9198 5.37114 16.6667 5.225L10.8333 1.89167C10.58 1.74539 10.2926 1.66838 10 1.66838C9.70744 1.66838 9.42003 1.74539 9.16667 1.89167L3.33333 5.225C3.08022 5.37114 2.86998 5.58126 2.72372 5.8343C2.57745 6.08734 2.5003 6.3744 2.5 6.66667V13.3333C2.5003 13.6256 2.57745 13.9127 2.72372 14.1657C2.86998 14.4187 3.08022 14.6289 3.33333 14.775L9.16667 18.1083Z'/%3E%3Cpath d='M10 18.3333V10'/%3E%3Cpath d='M2.74167 5.83333L10 10L17.2583 5.83333'/%3E%3Cpath d='M6.25 3.55833L13.75 7.85'/%3E%3C/svg%3E"); --i-train: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2.5H5C4.07953 2.5 3.33333 3.24619 3.33333 4.16667V14.1667C3.33333 15.0871 4.07953 15.8333 5 15.8333H15C15.9205 15.8333 16.6667 15.0871 16.6667 14.1667V4.16667C16.6667 3.24619 15.9205 2.5 15 2.5Z'/%3E%3Cpath d='M3.33333 9.16667H16.6667'/%3E%3Cpath d='M10 2.5V9.16667'/%3E%3Cpath d='M6.66667 15.8333L5 18.3333'/%3E%3Cpath d='M15 18.3333L13.3333 15.8333'/%3E%3Cpath d='M6.66667 12.5H6.675'/%3E%3Cpath d='M13.3333 12.5H13.3417'/%3E%3C/svg%3E"); --i-food: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.3333 1.66667L11.4167 3.58333C10.9586 4.05066 10.702 4.67895 10.702 5.33333C10.702 5.98772 10.9586 6.61601 11.4167 7.08333L12.9167 8.58333C13.384 9.0414 14.0123 9.29798 14.6667 9.29798C15.321 9.29798 15.9493 9.0414 16.4167 8.58333L18.3333 6.66667'/%3E%3Cpath d='M12.5 12.5L2.75 2.75C2.4174 3.07588 2.15317 3.46485 1.97279 3.89413C1.7924 4.32341 1.69949 4.78436 1.69949 5.25C1.69949 5.71564 1.7924 6.1766 1.97279 6.60587C2.15317 7.03515 2.4174 7.42412 2.75 7.75L8.83333 13.8333C9.41667 14.4167 10.5 14.4167 11.1667 13.8333L12.5 12.5ZM12.5 12.5L18.3333 18.3333'/%3E%3Cpath d='M1.75 18.1667L7.08333 12.9167'/%3E%3Cpath d='M15.8333 4.16667L10 10'/%3E%3C/svg%3E"); --i-water: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.83333 13.5833C7.66667 13.5833 9.16667 12.0583 9.16667 10.2083C9.16667 9.24167 8.69167 8.325 7.74167 7.55C6.79167 6.775 6.075 5.625 5.83333 4.41667C5.59167 5.625 4.88333 6.78333 3.925 7.55C2.96667 8.31667 2.5 9.25 2.5 10.2083C2.5 12.0583 4 13.5833 5.83333 13.5833Z'/%3E%3Cpath d='M10.4667 5.5C11.0398 4.58427 11.4461 3.5742 11.6667 2.51667C12.0833 4.6 13.3333 6.6 15 7.93333C16.6667 9.26667 17.5 10.85 17.5 12.5167C17.5048 13.6686 17.1674 14.796 16.5307 15.7559C15.8939 16.7159 14.9865 17.4651 13.9234 17.9087C12.8604 18.3524 11.6895 18.4703 10.5593 18.2477C9.42911 18.0251 8.39044 17.4719 7.575 16.6583'/%3E%3C/svg%3E"); --i-ruler: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28.4 20.4C28.6983 20.6973 28.935 21.0505 29.0965 21.4395C29.2581 21.8285 29.3412 22.2455 29.3412 22.6667C29.3412 23.0878 29.2581 23.5049 29.0965 23.8938C28.935 24.2828 28.6983 24.636 28.4 24.9333L24.9333 28.4C24.636 28.6983 24.2828 28.935 23.8938 29.0965C23.5049 29.2581 23.0878 29.3412 22.6667 29.3412C22.2455 29.3412 21.8285 29.2581 21.4395 29.0965C21.0505 28.935 20.6973 28.6983 20.4 28.4L3.6 11.6C3.00074 10.9978 2.66433 10.1829 2.66433 9.33333C2.66433 8.4838 3.00074 7.66883 3.6 7.06667L7.06667 3.6C7.66883 3.00074 8.4838 2.66433 9.33333 2.66433C10.1829 2.66433 10.9978 3.00074 11.6 3.6L28.4 20.4Z'/%3E%3Cpath d='M19.3333 16.6667L22 14'/%3E%3Cpath d='M15.3333 12.6667L18 10'/%3E%3Cpath d='M11.3333 8.66667L14 6'/%3E%3Cpath d='M23.3333 20.6667L26 18'/%3E%3C/svg%3E"); --i-thermo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23.3333 6.66667V24.2333C24.6043 24.9671 25.5976 26.0998 26.1592 27.4556C26.7208 28.8115 26.8193 30.3147 26.4395 31.7323C26.0597 33.1499 25.2227 34.4025 24.0584 35.2959C22.8941 36.1893 21.4676 36.6735 20 36.6735C18.5324 36.6735 17.1059 36.1893 15.9416 35.2959C14.7773 34.4025 13.9403 33.1499 13.5605 31.7323C13.1807 30.3147 13.2792 28.8115 13.8408 27.4556C14.4024 26.0998 15.3957 24.9671 16.6667 24.2333V6.66667C16.6667 5.78261 17.0179 4.93477 17.643 4.30964C18.2681 3.68452 19.1159 3.33333 20 3.33333C20.8841 3.33333 21.7319 3.68452 22.357 4.30964C22.9821 4.93477 23.3333 5.78261 23.3333 6.66667Z'/%3E%3C/svg%3E"); --i-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23000' stroke-width='1.0208' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.08333 4.08333H9.91667V9.91667'/%3E%3Cpath d='M4.08333 9.91667L9.91667 4.08333'/%3E%3C/svg%3E"); --i-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.66667 2.66667H13.3333C14.0667 2.66667 14.6667 3.26667 14.6667 4V12C14.6667 12.7333 14.0667 13.3333 13.3333 13.3333H2.66667C1.93333 13.3333 1.33333 12.7333 1.33333 12V4C1.33333 3.26667 1.93333 2.66667 2.66667 2.66667Z'/%3E%3Cpath d='M14.6667 4L8 8.66667L1.33333 4'/%3E%3C/svg%3E"); --i-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.6667 11.28V13.28C14.6674 13.4657 14.6294 13.6494 14.5551 13.8195C14.4808 13.9897 14.3718 14.1424 14.2351 14.2679C14.0984 14.3934 13.937 14.489 13.7611 14.5485C13.5853 14.608 13.399 14.6301 13.214 14.6133C11.1626 14.3904 9.19199 13.6894 7.46066 12.5667C5.85009 11.5431 4.48449 10.1775 3.46066 8.56666C2.33399 6.82746 1.63286 4.84731 1.41399 2.78666C1.39733 2.60218 1.41924 2.41625 1.47836 2.2407C1.53747 2.06516 1.63249 1.90384 1.75733 1.76701C1.88217 1.63019 2.03414 1.52079 2.20355 1.44585C2.37297 1.37091 2.55613 1.33207 2.74133 1.33333H4.74133C5.06499 1.33014 5.37875 1.44476 5.62413 1.65582C5.86951 1.86689 6.02976 2.16001 6.07466 2.48C6.15839 3.1192 6.31366 3.74679 6.53733 4.35333C6.62621 4.58979 6.64545 4.84679 6.59279 5.09386C6.54012 5.34093 6.41772 5.56772 6.24 5.74666L5.39333 6.59333C6.34265 8.26256 7.72476 9.64467 9.39399 10.594L10.2407 9.74733C10.4196 9.56961 10.6464 9.44721 10.8935 9.39454C11.1405 9.34188 11.3975 9.36112 11.634 9.45C12.2405 9.67367 12.8681 9.82894 13.5073 9.91267C13.8308 9.95797 14.1266 10.1211 14.3381 10.3707C14.5497 10.6203 14.6621 10.939 14.6667 11.28Z'/%3E%3C/svg%3E"); --i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.1667' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6.66667C14 11.3333 8 15.3333 8 15.3333C8 15.3333 2 11.3333 2 6.66667C2 5.07537 2.63214 3.54925 3.75736 2.42403C4.88258 1.29881 6.4087 0.666667 8 0.666667C9.5913 0.666667 11.1174 1.29881 12.2426 2.42403C13.3679 3.54925 14 5.07537 14 6.66667Z'/%3E%3Cpath d='M8 8.66667C9.10457 8.66667 10 7.77124 10 6.66667C10 5.5621 9.10457 4.66667 8 4.66667C6.89543 4.66667 6 5.5621 6 6.66667C6 7.77124 6.89543 8.66667 8 8.66667Z'/%3E%3C/svg%3E"); --i-award: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12.5C12.3012 12.5 14.1667 10.6345 14.1667 8.33333C14.1667 6.03215 12.3012 4.16667 10 4.16667C7.69881 4.16667 5.83333 6.03215 5.83333 8.33333C5.83333 10.6345 7.69881 12.5 10 12.5Z'/%3E%3Cpath d='M7.74167 11.8417L6.66667 19.1667L10 17.5L13.3333 19.1667L12.2583 11.8333'/%3E%3C/svg%3E"); --i-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z'/%3E%3Cpath d='M10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15Z'/%3E%3Cpath d='M10 11.6667C10.9205 11.6667 11.6667 10.9205 11.6667 10C11.6667 9.07953 10.9205 8.33333 10 8.33333C9.07953 8.33333 8.33333 9.07953 8.33333 10C8.33333 10.9205 9.07953 11.6667 10 11.6667Z'/%3E%3C/svg%3E"); --i-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.33333 17.5V11.6667'/%3E%3Cpath d='M3.33333 8.33333V2.5'/%3E%3Cpath d='M10 17.5V10'/%3E%3Cpath d='M10 6.66667V2.5'/%3E%3Cpath d='M16.6667 17.5V13.3333'/%3E%3Cpath d='M16.6667 10V2.5'/%3E%3Cpath d='M0.833333 11.6667H5.83333'/%3E%3Cpath d='M7.5 6.66667H12.5'/%3E%3Cpath d='M14.1667 13.3333H19.1667'/%3E%3C/svg%3E"); --i-message: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.4583' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 12.5C17.5 12.942 17.3244 13.366 17.0118 13.6785C16.6993 13.9911 16.2754 14.1667 15.8333 14.1667H5.83333L2.5 17.5V4.16667C2.5 3.72464 2.6756 3.30072 2.98816 2.98816C3.30072 2.6756 3.72464 2.5 4.16667 2.5H15.8333C16.2754 2.5 16.6993 2.6756 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V12.5Z'/%3E%3C/svg%3E"); } .ico-box{--ico:var(--i-box)} .ico-sun{--ico:var(--i-sun)} .ico-layers{--ico:var(--i-layers)} .ico-check16{--ico:var(--i-check16)} .ico-truck{--ico:var(--i-truck)} .ico-cnc{--ico:var(--i-cnc)} .ico-refresh{--ico:var(--i-refresh)} .ico-table{--ico:var(--i-table)} .ico-squares{--ico:var(--i-squares)} .ico-file{--ico:var(--i-file)} .ico-wrench2{--ico:var(--i-wrench2)} .ico-shieldcheck{--ico:var(--i-shieldcheck)} .ico-shield{--ico:var(--i-shield)} .ico-check20{--ico:var(--i-check20)} .ico-wind{--ico:var(--i-wind)} .ico-wrench{--ico:var(--i-wrench)} .ico-box20{--ico:var(--i-box20)} .ico-train{--ico:var(--i-train)} .ico-food{--ico:var(--i-food)} .ico-water{--ico:var(--i-water)} .ico-ruler{--ico:var(--i-ruler)} .ico-thermo{--ico:var(--i-thermo)} .ico-arrow{--ico:var(--i-arrow)} .ico-mail{--ico:var(--i-mail)} .ico-phone{--ico:var(--i-phone)} .ico-pin{--ico:var(--i-pin)} .ico-award{--ico:var(--i-award)} .ico-target{--ico:var(--i-target)} .ico-sliders{--ico:var(--i-sliders)} .ico-message{--ico:var(--i-message)} /* ========================================================================== COMPATIBILIDAD CON EL MARCADO DE wp:group DE ESTE WORDPRESS -------------------------------------------------------------------------- Esta instalacion envuelve el contenido de cada grupo en
. Ese div sobra para el layout: con display:contents desaparece del calculo de cajas y los hijos reales vuelven a ser los items de la rejilla / del flex. Se excluyen los grupos con layout flex o grid (bloques Fila y Cuadricula) porque ahi el layout vive en el propio inner-container. ========================================================================== */ .alk-sec .wp-block-group__inner-container:not(.is-layout-flex):not(.is-layout-grid){display:contents;} /* ========================================================================== SISTEMA DE ICONOS -------------------------------------------------------------------------- .alk-ico -> círculo de color + glifo (usa ::before y ::after) .alk-inl -> glifo suelto, en línea (usa sólo ::before) .ico-XXX -> aporta el dibujo (ver lista arriba) Para cambiar un icono desde el editor: Bloque > Avanzado > Clases CSS adicionales, y sustituye ico-loquesea por otro de la lista. ========================================================================== */ .alk-ico, .bsector .wp-block-cover__inner-container{position:relative;} .alk-ico::before, .bsector .wp-block-cover__inner-container::before{ content:"";display:block;flex:none; width:var(--ico-size,44px);height:var(--ico-size,44px); border-radius:50%;background:var(--ico-bg,var(--color-main)); margin-bottom:var(--ico-mb,0); } .alk-ico::after, .bsector .wp-block-cover__inner-container::after{ content:"";position:absolute; width:var(--ico-glifo,20px);height:var(--ico-glifo,20px); top:calc(var(--ico-y,0px) + (var(--ico-size,44px) - var(--ico-glifo,20px)) / 2); left:calc(var(--ico-x,0px) + (var(--ico-size,44px) - var(--ico-glifo,20px)) / 2); background-color:var(--ico-color,#fff); -webkit-mask:var(--ico) no-repeat center/contain; mask:var(--ico) no-repeat center/contain; } /* variante con el círculo posicionado en absoluto (lista de proceso) */ .alk-ico--abs::before{position:absolute;top:var(--ico-y,0px);left:var(--ico-x,0px);margin:0;} /* glifo suelto, sin círculo */ .alk-inl::before{ content:"";display:block;flex:none; width:var(--ico-size,16px);height:var(--ico-size,16px); background-color:var(--color-main); -webkit-mask:var(--ico) no-repeat center/contain; mask:var(--ico) no-repeat center/contain; } /* ========================================================================== CONTENEDOR DE SECCIÓN Solo el ritmo vertical. El sangrado horizontal (el equivalente al max-width) está en style.css para que no aparezca en el editor. La doble clase es para ganar a `.pagecont > *` del style.css. ========================================================================== */ .alk-sec.alk-sec{ padding-block: var(--sec-y); box-sizing: border-box; margin-block: 0; } .alk-sec > *, .alk-sec > .wp-block-group__inner-container > *{margin-block-start:0;} /* En las secciones de fondo oscuro el debe heredar el color claro, si no se lo come la regla `p :is(b,strong){color:var(--color-dark)}` */ .sservppales :is(h2,h3,p) :is(b,strong), .scaptec :is(h2,h3,p) :is(b,strong), .scalidad__intro :is(b,strong), .scalidad h2 :is(b,strong), .bsector :is(h3,p) :is(b,strong){color:inherit;} /* Eyebrow / etiqueta pequeña reutilizable */ .seyebrow, .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-main);margin:0 0 8px !important;line-height:15px;} .seyebrow--onlight{color:#fff;opacity:.72;} /* ========================================================================== 1 · HERO ========================================================================== */ .shero.shero{padding-block:88px 48px;position:relative;overflow:hidden;} .shero::before{ /*content:"";position:absolute;right:0;top:0;width:61%;height:100%;z-index:0;pointer-events:none; background:linear-gradient(115deg, rgba(236,244,255,0) 0%, rgba(228,235,242,.75) 45%, rgba(208,218,228,.9) 100%);*/ } .shero > *, .shero > .wp-block-group__inner-container > *{position:relative;z-index:1;} .shero .wp-block-columns{gap:103px;align-items:flex-start;} .shero h1{margin-bottom:32px;} .shero__intro{max-width:576px;font-size:18px;line-height:28px;margin:0 0 16px;} .shero .wp-block-buttons{margin-top:48px;gap:12px;} /* Imagen decorada 1 (foto + esquinas + mini foto + chip) Base autocontenida para que el bloque funcione fuera del hero. */ .bimagendec1{position:relative;box-sizing:border-box;width:calc(100% - 18px);max-width:491px;margin-inline:auto;padding-bottom:24px;} /* Imagen decorada 1 (foto + esquinas + mini foto + chip). El ancho máximo evita que el componente se deforme al usarlo fuera de una columna. */ .bimagendec1{position:relative;width:100%;max-width:491px;margin-inline:auto;} .bimagendec1 > *, .bimagendec1 > .wp-block-group__inner-container > *{margin-block:0 !important;} .bimagendec1__foto{position:relative;margin:0 !important;padding:8px;border:1px solid var(--color-borde);background:#fff;} .bimagendec1__foto img{display:block;width:100%;aspect-ratio:453/521;object-fit:cover;} .bimagendec1__foto::after{ content:"";position:absolute;inset:-9px;pointer-events:none; background-image: linear-gradient(var(--color-main),var(--color-main)),linear-gradient(var(--color-main),var(--color-main)), linear-gradient(var(--color-main),var(--color-main)),linear-gradient(var(--color-main),var(--color-main)), linear-gradient(var(--color-main),var(--color-main)),linear-gradient(var(--color-main),var(--color-main)), linear-gradient(var(--color-main),var(--color-main)),linear-gradient(var(--color-main),var(--color-main)); background-repeat:no-repeat; background-size:24px 2px,2px 24px, 24px 2px,2px 24px, 24px 2px,2px 24px, 24px 2px,2px 24px; background-position:0 0,0 0, 100% 0,100% 0, 0 100%,0 100%, 100% 100%,100% 100%; } .bimagendec1__mini{position:absolute;left:16px;bottom:0;width:min(54.6%,256px);margin:0 !important;box-shadow:0 12px 28px rgba(24,32,53,.22);} .bimagendec1__mini{position:absolute;left:-20%;top:67%;width:54.6%;margin:0 !important;box-shadow:0 12px 28px rgba(24,32,53,.22);} .bimagendec1__mini img{display:block;width:100%;aspect-ratio:256/192;object-fit:cover;border:6px solid #fff;box-sizing:border-box;} .bimagendec1__chip{position:absolute;right:12px;top:-18px;background:var(--color-dark);padding:12px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;min-width:124px;box-sizing:border-box;} .bimagendec1__chip{position:absolute;right:-3.5%;top:-24px;background:var(--color-dark);padding:12px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;min-width:124px;box-sizing:border-box;} .bimagendec1__chip::before{content:"";width:8px;height:8px;background:var(--color-gris);grid-row:span 2;align-self:center;} .bimagendec1__chip > *, .bimagendec1__chip > .wp-block-group__inner-container > *{margin-block:0 !important;} .bimagendec1__label{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--color-gris);line-height:14px;margin:0 !important;} .bimagendec1__dato{font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#fff;margin:0 !important;} /* En el hero conservamos el solape amplio previsto en el diseño. */ .shero .bimagendec1{width:100%;max-width:none;margin-inline:0;padding-bottom:0;} .shero .bimagendec1__mini{left:-20%;top:67%;bottom:auto;width:54.6%;} .shero .bimagendec1__chip{right:-3.5%;top:-24px;} /* Fila de 4 ventajas del hero */ .bhero-feats{display:flex;justify-content:space-between;gap:32px 48px;flex-wrap:wrap;margin-top:56px;} .bhero-feats > *, .bhero-feats > .wp-block-group__inner-container > *{margin-block:0 !important;} .bhero-feat{display:flex;align-items:flex-start;gap:13px;--ico-size:44px;--ico-glifo:20px;--ico-bg:var(--color-main);} .bhero-feat p{margin:0 !important;padding-top:8px;font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;line-height:28px;color:var(--color-dark);} /* ========================================================================== 3 · QUIÉNES SOMOS ========================================================================== */ .sqsomos{background-color:var(--color-light);} .sqsomos .wp-block-columns{gap:80px;align-items:center;} .sqsomos h2{margin-bottom:32px;} .sqsomos p{margin-block:0 20px;} .sqsomos .wp-block-buttons{margin-top:40px;} /* Un Cover colocado directamente en una columna iguala la altura de la columna de texto. Se limita al layout horizontal para no forzar alturas cuando WordPress apila las columnas en móvil. */ @media (min-width: 782px){ .sqsomos .wp-block-columns > .wp-block-column:has(> .wp-block-cover){ align-self:stretch; display:flex; flex-direction:column; } .sqsomos .wp-block-columns > .wp-block-column:has(> .wp-block-cover) > .wp-block-cover{ flex:1 1 auto; width:100%; } } .bimagendec2{position:relative;} .bimagendec2 > *, .bimagendec2 > .wp-block-group__inner-container > *{margin-block:0 !important;} .bimagendec2 figure{margin:0;} .bimagendec2 figure img{width:100%;aspect-ratio:460/507;object-fit:cover;display:block;} .bimagendec2__card{position:absolute;right:-28px;bottom:-32px;width:320px;max-width:calc(100% - 16px);background:var(--color-white);border:1px solid var(--color-borde);padding:25px;box-sizing:border-box;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);} .bimagendec2__eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-main);margin:0 0 8px !important;line-height:15px;} .bimagendec2__titulo{font-family:'Poppins',sans-serif;font-size:16px;line-height:24px;color:var(--color-dark);margin:0 !important;} /* ========================================================================== 4 · SERVICIO INTEGRAL (lista de proceso con línea vertical) ========================================================================== */ .sservint .wp-block-columns{gap:clamp(48px,14vw,208px);align-items:center;} .sservint h2{margin-bottom:24px;} .sservint .wp-block-buttons{margin-top:32px;} .blistaproceso1{position:relative;border-left:1px solid var(--color-borde);padding-left:33px;display:flex;flex-direction:column;gap:32px;margin:0;} .blistaproceso1 > *, .blistaproceso1 > .wp-block-group__inner-container > *{margin-block:0 !important;} .blistaproceso1__item{position:relative;--ico-size:36px;--ico-glifo:16px;--ico-x:-51px;--ico-y:-4px;--ico-bg:var(--color-main);} .blistaproceso1__titulo{margin:0 !important;font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;line-height:28px;color:var(--color-dark);} .blistaproceso1__desc{margin:8px 0 0 !important;font-size:15px;line-height:23px;color:var(--color-text);} /* ========================================================================== 5 · SERVICIOS PRINCIPALES (cover + rejilla bento) ========================================================================== */ .sservppales.sservppales{padding-block:var(--sec-y);min-height:0;} .sservppales .wp-block-cover__inner-container{max-width:none;width:100%;} .sservppales h2{color:#fff;max-width:768px;margin:0;} .sservppales__intro{max-width:768px;font-size:18px;line-height:28px;color:#fff;margin:24px 0 0 !important;} /* Compatibilidad con el mosaico anterior. El listado y los procesos también usan bserv__item, pero sus layouts no deben heredar la rejilla bento. */ .bserv:has(.bserv__item):not(.bserv--listado):not(.bserv--procesos){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ECF4FFDB;border-radius:24px;overflow:hidden;margin-top:40px;} .bserv:has(.bserv__item):not(.bserv--listado):not(.bserv--procesos) > *, .bserv:has(.bserv__item):not(.bserv--listado):not(.bserv--procesos) > .wp-block-group__inner-container > *{margin-block:0 !important;} .bserv__item{ display:flex;flex-direction:column;padding:40px;box-sizing:border-box; background:rgba(236,244,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); --ico-size:44px;--ico-glifo:20px;--ico-x:40px;--ico-y:40px;--ico-bg:var(--color-dark);--ico-mb:24px; } .bserv__item--wide{grid-column:span 2;} .bserv__item h3{margin:0 0 12px;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;line-height:28px;color:var(--color-dark);} .bserv__item--wide h3{font-size:26px;line-height:34px;} .bserv__item p{margin:0;font-size:14px;line-height:22px;color:var(--color-text);flex:1;} .bserv__link{margin:24px 0 0 !important;flex:none !important;} .bserv__link a{display:inline-flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:var(--color-main);text-decoration:none;} .bserv__link a::after{content:"";width:14px;height:14px;flex:none;background-color:var(--color-main);-webkit-mask:var(--i-arrow) no-repeat center/contain;mask:var(--i-arrow) no-repeat center/contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1);} .bserv__link a:hover::after{transform:translate(3px,-3px);} /* Rejilla y tarjeta de servicios reutilizables. `bserv-grid` únicamente coloca las tarjetas; `bserv` es un patrón independiente que puede emplearse dentro de otra composición. Los hijos son bloques nativos (Icono SVG, encabezado, párrafo y botón), sin clases auxiliares. El selector :has mantiene compatibles las rejillas antiguas. */ .sservppales .wp-block-cover__inner-container > p:not([class]){max-width:768px;font-size:18px;line-height:28px;color:#fff;margin:24px 0 0 !important;} .bserv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:40px;background:#ECF4FFDB;border-radius:24px;overflow:hidden;} /* Gutenberg inserta este wrapper en el frontal; display:contents permite que las tarjetas sigan siendo celdas directas de la misma rejilla. */ .bserv-grid > .wp-block-group__inner-container{display:contents;} .bserv-grid > *,.bserv-grid > .wp-block-group__inner-container > *{margin-block:0 !important;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)){ display:flex;flex-direction:column;min-width:0;margin:0;padding:40px;box-sizing:border-box; border-radius:11px;overflow:hidden; background:rgba(236,244,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); } .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .wp-block-group__inner-container{display:flex;flex:1;min-height:0;flex-direction:column;} .bserv-grid .bserv:nth-child(6n + 1){grid-column:span 2;} /* La capa clara de la rejilla es el separador de 1 px. Las tarjetas no deben redondearse individualmente: el único radio pertenece al contenedor exterior, igual que en la rejilla bento original. */ .bserv-grid .bserv{border-radius:0 !important;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .igb-iconos, .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .wp-block-group__inner-container > .igb-iconos{flex:none;margin:0 0 24px !important;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .wp-block-heading, .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .wp-block-group__inner-container > .wp-block-heading{margin:0 0 12px;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;line-height:28px;color:var(--color-dark);} .bserv-grid .bserv:nth-child(6n + 1) > .wp-block-heading, .bserv-grid .bserv:nth-child(6n + 1) > .wp-block-group__inner-container > .wp-block-heading{font-size:26px;line-height:34px;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > p, .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .wp-block-group__inner-container > p{margin:0;font-size:14px;line-height:22px;color:var(--color-text);flex:1;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .wp-block-buttons, .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) > .wp-block-group__inner-container > .wp-block-buttons{margin:24px 0 0 !important;flex:none;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;padding:0 !important;background:transparent !important;color:var(--color-main) !important;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;text-decoration:none;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) .wp-block-button__link::after{content:"";width:14px;height:14px;flex:none;background-color:currentColor;-webkit-mask:var(--i-arrow) no-repeat center/contain;mask:var(--i-arrow) no-repeat center/contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1);} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)) .wp-block-button__link:hover::after{transform:translate(3px,-3px);} /* ========================================================================== 6 · CAPACIDAD TÉCNICA ========================================================================== */ .scaptec{background-color:#232d44;position:relative;overflow:hidden;} /*.scaptec::before{content:"";position:absolute;left:23%;top:-6%;width:55%;height:112%;border-radius:72px;background:rgba(255,255,255,.035);pointer-events:none;}*/ .scaptec > *, .scaptec > .wp-block-group__inner-container > *{position:relative;z-index:1;} .scaptec :is(h2,h3,p){color:#fff;} .scaptec .wp-block-columns{gap:48px;align-items:flex-start;} .scaptec .wp-block-columns p{margin:0;font-size:16px;line-height:26px;} /* Rejilla de capacidades reutilizable. `bcaptec` contiene únicamente grupos con un Icono SVG y un párrafo: no necesita clases en sus hijos. */ .bcaptec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;background:#232d44;border-top:1px solid #182035;border-left:1px solid #182035;} .scaptec .bcaptec{margin-top:47px;} .bcaptec > .wp-block-group__inner-container{display:contents;} .bcaptec > *, .bcaptec > .wp-block-group__inner-container > *{margin-block:0 !important;} .bcaptec > .wp-block-group:not(.bcaptec__cell), .bcaptec > .wp-block-group__inner-container > .wp-block-group:not(.bcaptec__cell){border-right:1px solid #182035;border-bottom:1px solid #182035;box-sizing:border-box;} .bcaptec > .wp-block-group:not(.bcaptec__cell) > .wp-block-group__inner-container, .bcaptec > .wp-block-group__inner-container > .wp-block-group:not(.bcaptec__cell) > .wp-block-group__inner-container{display:flex;align-items:center;gap:12px;min-width:0;padding:24px;box-sizing:border-box;} .bcaptec > .wp-block-group:not(.bcaptec__cell) .igb-iconos, .bcaptec > .wp-block-group__inner-container > .wp-block-group:not(.bcaptec__cell) .igb-iconos{flex:none;margin:0 !important;} .bcaptec > .wp-block-group:not(.bcaptec__cell) p, .bcaptec > .wp-block-group__inner-container > .wp-block-group:not(.bcaptec__cell) p{margin:0 !important;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;line-height:24px;color:#fff !important;} .bcaptec__cell{ display:flex;align-items:center;gap:12px;padding:24px;box-sizing:border-box; border-right:1px solid #182035;border-bottom:1px solid #182035; --ico-size:20px;--ico-color:var(--color-light); } .bcaptec__cell p{margin:0 !important;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;line-height:24px;color:#fff !important;} .scaptec .wp-block-buttons{margin-top:47px;} /* ========================================================================== 7 · MAQUINARIA (galería bento) ========================================================================== */ .smaquinaria .wp-block-columns{gap:46px;align-items:flex-start;} .smaquinaria .wp-block-columns p{margin:0 0 12px;} .smaquinaria .wp-block-buttons{margin:41px 0;} .bgaleria1{display:grid;grid-template-columns:600fr 292fr 292fr;grid-template-rows:1fr 1fr;gap:16px;aspect-ratio:1216/454;} /* La galería es un patrón autónomo: Gutenberg añade este wrapper cuando se usa fuera de una sección y, sin aplanarlo, las imágenes no son celdas del grid. */ .bgaleria1 > .wp-block-group__inner-container{display:contents;} .bgaleria1 > *, .bgaleria1 > .wp-block-group__inner-container > *{margin-block:0 !important;} .bgaleria1 figure{margin:0;height:100%;min-height:0;} .bgaleria1 img{width:100%;height:100%;object-fit:cover;display:block;} .bgaleria1__tall{grid-row:span 2;} /* ========================================================================== 8 · SECTORES ========================================================================== */ .ssectores{background-color:var(--color-light);} .ssectores .wp-block-columns{gap:48px;align-items:flex-start;} .ssectores .wp-block-columns p{margin:0;} .ssectores .wp-block-buttons{margin:38px 0 40px;} .bsectores{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 19px;} /* bsectores puede guardarse y usarse fuera de ssectores: el wrapper que Gutenberg añade al grupo no debe convertirse en una única celda del grid. */ .bsectores > .wp-block-group__inner-container{display:contents;} .bsectores > *, .bsectores > .wp-block-group__inner-container > *{margin-block:0 !important;} .bsector.bsector{border-radius:11px;overflow:hidden;min-height:263px;padding:0;align-items:stretch;} .bsector .wp-block-cover__inner-container{ width:100%;max-width:none;padding:28px;box-sizing:border-box;display:flex;flex-direction:column; --ico-size:44px;--ico-glifo:20px;--ico-x:28px;--ico-y:28px;--ico-bg:#fff;--ico-color:var(--color-main);--ico-mb:24px; } .bsector h3{margin:0 0 8px;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;line-height:28px;color:#fff;} .bsector p{margin:0;font-size:14px;line-height:22px;color:#fff;flex:1;} .bsector__link{margin:20px 0 0 !important;flex:none !important;} .bsector__link a{display:inline-flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#fff;text-decoration:none;} .bsector__link a::after{content:"";width:12px;height:12px;flex:none;background-color:#fff;-webkit-mask:var(--i-arrow) no-repeat center/contain;mask:var(--i-arrow) no-repeat center/contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1);} .bsector__link a:hover::after{transform:translate(3px,-3px);} /* Tarjetas enlazadas: el enlace nativo sigue siendo editable en Gutenberg. El enlace también cubre la caja cuando el destino provisional es #. Sin dependencia del padre, JS, enlaces anidados ni clases adicionales. */ .bsector:has(h3 a[href]:not([href=""])), :is(.bservicio,.bserv__item):has(.bserv__link a[href]:not([href=""])){position:relative;isolation:isolate;} .bsector:has(h3 a[href]:not([href=""])) .wp-block-cover__inner-container{position:relative;z-index:2;} .bsector:has(h3 a[href]:not([href=""])) h3, :is(.bservicio,.bserv__item):has(.bserv__link a[href]:not([href=""])) .bservicio__contenido, :is(.bservicio,.bserv__item):has(.bserv__link a[href]:not([href=""])) .bserv__link, .bserv__item:has(.bserv__link a[href]:not([href=""])) > .wp-block-group__inner-container{position:static;} .bsector h3 a{color:inherit;font:inherit;text-decoration:none;} .bsector h3 a[href]:not([href=""]), :is(.bservicio,.bserv__item) .bserv__link a[href]:not([href=""]){position:static;} .bsector h3 a[href]:not([href=""])::before, :is(.bservicio,.bserv__item) .bserv__link a[href]:not([href=""])::before{ content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;cursor:pointer; } /* Los controles adicionales conservan su interacción por encima del enlace. */ .bsector :is(button,input,select,textarea,.wp-block-button__link), :is(.bservicio,.bserv__item) :is(button,input,select,textarea,.wp-block-button__link), .bsector a:not(h3 a), :is(.bservicio,.bserv__item) a:not(.bserv__link a){position:relative;z-index:4;} .bsector:has(h3 a:focus-visible), :is(.bservicio,.bserv__item):has(.bserv__link a:focus-visible){outline:3px solid #f3ac56;outline-offset:3px;} .bsector:has(h3 a:hover) h3 a{text-decoration:underline;text-underline-offset:.18em;} :is(.bservicio,.bserv__item):has(.bserv__link a:hover) .bserv__link a::after{transform:translate(3px,-3px);} /* En el editor hay que poder seleccionar texto, imágenes y el bloque SVG. */ .editor-styles-wrapper .bsector h3 a[href]:not([href=""])::before, .editor-styles-wrapper :is(.bservicio,.bserv__item) .bserv__link a[href]:not([href=""])::before{content:none;} /* ========================================================================== 9 · CALIDAD (cover a ancho de contenido, no a sangre) ========================================================================== */ .scalidad.scalidad{min-height:0;} .scalidad .wp-block-cover__inner-container{max-width:none;width:100%;padding-block:clamp(28px,7vw,96px);box-sizing:border-box; } .scalidad .wp-block-columns{gap:44px !important;align-items:flex-start;margin-bottom:0;} .scalidad h2{color:#fff;margin:0 0 24px;} .scalidad__intro{color:#fff;font-size:16px;line-height:26px;margin:0 0 16px !important;} .scalidad .wp-block-buttons{margin-top:32px;} .scalidad__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;} /* Componentes reutilizables fuera de .scalidad: sus propios wrappers de Gutenberg deben aplanarse para conservar la rejilla y los layouts internos. */ .scalidad__stats > .wp-block-group__inner-container{display:contents;} .scalidad__stats > *, .scalidad__stats > .wp-block-group__inner-container > *{margin-block:0 !important;} .scalidad__iso{background:rgba(24,32,53,.72);padding:32px;box-sizing:border-box;} .scalidad__iso .eyebrow{color:#fff !important;margin-bottom:16px !important;} .scalidad__big{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(38px,4vw,96px);line-height:1.02;color:#fff;margin:0 !important;} .scalidad__pie{display:block;margin:33px 0 0 !important;font-size:12px;line-height:18px;color:rgba(255,255,255,.85);} .scalidad__metro{background:rgba(236,244,255,.93);padding:32px;box-sizing:border-box;display:flex;flex-direction:column;--ico-size:28px;--ico-color:var(--color-main);} .scalidad__metro > .wp-block-group__inner-container{display:flex;flex:1;min-height:0;flex-direction:column;} .scalidad__metro > .eyebrow{order:-1;margin-bottom:16px !important;} .scalidad__metro > .wp-block-group__inner-container > .eyebrow{order:-1;margin-bottom:16px !important;} .scalidad__metro::before{display: none;} .scalidad__big2{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(20px,1.9vw,26px);line-height:1.15;color:var(--color-main);margin:0 !important;font-weight: 700;font-size: 36px;line-height: 40px;letter-spacing: 0px; margin-top: auto !important;} .scalidad__metro .scalidad__pie{color:var(--color-text);margin:8px 0 0 !important;} .scalidad__sala{grid-column:span 2;background:rgba(236,244,255,.93);padding:20px 32px;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center;--ico-size:28px;--ico-color:var(--color-main);} .scalidad__sala > .wp-block-group__inner-container{display:contents;} .scalidad__sala::before{grid-row:span 2;align-self:center;} .scalidad__sala > *, .scalidad__sala > .wp-block-group__inner-container > *{margin-block:0 !important;} .scalidad__sala-h{grid-column:2;font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;line-height:24px;color:var(--color-dark);margin:0 !important;} .scalidad__sala-p{grid-column:2;font-size:14px;line-height:20px;color:var(--color-text);margin:4px 0 0 !important;} .scalidad__checks{grid-column:span 2;background:#fff;display:flex;gap:32px;padding:20px 24px;flex-wrap:wrap;box-sizing:border-box;} .scalidad__checks > .wp-block-group__inner-container{display:contents;} .scalidad__checks > *, .scalidad__checks > .wp-block-group__inner-container > *{margin-block:0 !important;} .scalidad__chk{display:grid;grid-template-columns:auto 1fr;column-gap:8px;--ico-size:14px;--ico-color:var(--color-main);} .scalidad__chk > .wp-block-group__inner-container{display:contents;} .scalidad__chk::before{grid-row:span 2;align-self:center;} .scalidad__chk > *, .scalidad__chk > .wp-block-group__inner-container > *{margin-block:0 !important;} .scalidad__chk .eyebrow{grid-column:2;font-size:9px;letter-spacing:1.5px;color:var(--color-gris) !important;margin:0 !important;} .scalidad__chk strong, .scalidad__chk-v{grid-column:2;display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;line-height:20px;color:var(--color-dark);margin:0 !important;} /* ========================================================================== 10 · MATERIALES ========================================================================== */ .smateriales{background-color:var(--color-light);} .smateriales .wp-block-columns{gap:57px;align-items:center;} .smateriales h2{margin-bottom:10px;} .smateriales .wp-block-columns > .wp-block-column > p{font-size:16px;line-height:29px;margin:0;} .smateriales .wp-block-buttons{margin-top:48px;} .bmateriales{display:flex;flex-direction:column;gap:24px;} /* La lista y cada tarjeta pueden vivir como patrones independientes: WordPress añade un contenedor interno a los grupos, que no debe interferir con el flex de la lista ni con la rejilla de contenido de cada material. */ .bmateriales > .wp-block-group__inner-container{display:contents;} .bmateriales > *, .bmateriales > .wp-block-group__inner-container > *{margin-block:0 !important;} .bmat__item{background:#fff;padding:9px 21px;display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center;box-sizing:border-box;} .bmat__item > .wp-block-group__inner-container{display:contents;} .bmat__item > *, .bmat__item > .wp-block-group__inner-container > *{margin-block:0 !important;} .bmat__num{grid-column:2;grid-row:1 / span 2;font-family:'Poppins',sans-serif;font-weight:900;font-size:60px;line-height:1;color:var(--color-gris-bg);margin:0 !important;} .bmat__titulo{grid-column:1;grid-row:1;margin:0 0 8px !important;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;line-height:25px;color:var(--color-dark);} .bmat__link{grid-column:1;grid-row:2;margin:0 !important;} .bmat__link a{font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--color-main);text-decoration:none;display:inline-flex;align-items:center;gap:8px;} .bmat__link a::after{content:"";width:10px;height:10px;flex:none;background-color:var(--color-main);-webkit-mask:var(--i-arrow) no-repeat center/contain;mask:var(--i-arrow) no-repeat center/contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1);} .bmat__link a:hover::after{transform:translate(3px,-3px);} /* ========================================================================== FRANJA DE IMAGEN A SANGRE ========================================================================== */ .sfranja img{display:block;width:100%;height:clamp(140px,15.14vw,218px) !important;object-fit:cover;} /* ========================================================================== 11 · CÓMO TRABAJAMOS ========================================================================== */ .scomotrabajamos h2{max-width:768px;margin-bottom: 46px;} .bpasos{display:grid;grid-template-columns:repeat(6,1fr);gap:26px;margin-top:46px;} /* El patrón de la rejilla y el patrón de cada paso deben conservar su estructura aunque Gutenberg inserte su contenedor interno automático. */ .bpasos > .wp-block-group__inner-container{display:contents;} .bpasos > *, .bpasos > .wp-block-group__inner-container > *{margin-block:0 !important;} .bpaso > .wp-block-group__inner-container{display:contents;} .bpaso > *, .bpaso > .wp-block-group__inner-container > *{margin-block:0 !important;} .bpaso__num{width:64px;height:64px;border:1px solid var(--color-borde2);border-radius:50%;display:grid;place-items:center;font-family:'Poppins',sans-serif;font-weight:900;font-size:18px;line-height:1;color:var(--color-dark);margin:0 !important;box-sizing:border-box;} body .bpaso * > .bpaso__num{margin-bottom: 8px !important;} .bpaso__titulo{margin:16px 0 0 !important;font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;line-height:20px;color:var(--color-dark);} .bpaso__desc{margin:8px 0 0 !important;font-size:13px;line-height:19.5px;color:var(--color-text);} /* ========================================================================== 12A · POR QUÉ ELEGIR ALKAIN ========================================================================== */ .sporque{background-color: var(--color-light);} .sporque h2{max-width:768px;} .bporque{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:56px;} /* Rejilla y tarjeta reutilizables fuera de .sporque: se elimina el nivel estructural que Gutenberg incorpora a los grupos de forma automática. */ .bporque > .wp-block-group__inner-container{display:contents;} .bporque > *, .bporque > .wp-block-group__inner-container > *{margin-block:0 !important;} .bporque__item{ background:#fff;border:1px solid var(--color-borde);padding:19px 17px;box-sizing:border-box; --ico-size:48px;--ico-glifo:20px;--ico-x:17px;--ico-y:19px;--ico-bg:var(--color-main);--ico-mb:16px; } .bporque__item > .wp-block-group__inner-container{display:contents;} .bporque__item > *, .bporque__item > .wp-block-group__inner-container > *{margin-block:0 !important;} .bporque__h{margin:0 !important;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;line-height:25px;color:var(--color-dark);} .bporque__d{margin:8px 0 0 !important;font-size:14px;line-height:19px;color:var(--color-text);} /* ========================================================================== 12B · CLIENTES (marquesina infinita a sangre, como en Figma) ========================================================================== */ .sclientes{text-align:center;overflow-x:hidden;} .sclientes h2{margin:0 0 24px;font-size:40px;line-height:40px;} .sclientes__intro{max-width:768px;margin:0 auto !important;font-size:14px;line-height:20px;} /* El espaciador de Gutenberg conserva sus 3em (48px). Estos 33px completan los 81px de separación de Figma sin ocultar ni bloquear el espaciador. */ .bclientes{ display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:41px; margin-top:33px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; } .bclientes > *, .bclientes > .wp-block-group__inner-container > *{margin-block:0 !important;} .bcliente{flex:0 0 189px;margin:0 !important;} .bcliente img{ width:189px; height:96px; object-fit:contain; border-radius:8px; background:var(--color-gris-bg); padding:16px; box-sizing:border-box; display:block; } /* El script conserva los bloques de imagen originales y genera solo la copia visual necesaria para el bucle. El cliente nunca tiene que editar duplicados. */ .bclientes[data-marquee-ready="true"]{ --bclientes-gap:41px; --bclientes-duration:38s; display:block; width:100vw; max-width:none; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow:hidden; scrollbar-width:none; } .bclientes[data-marquee-ready="true"]::-webkit-scrollbar{display:none;} .bclientes__track{ display:flex; width:max-content; will-change:transform; animation:bclientes-scroll var(--bclientes-duration) linear infinite; } .bclientes__set{ display:flex; flex:none; align-items:center; gap:var(--bclientes-gap); padding-right:var(--bclientes-gap); } .bclientes__set > *{margin-block:0 !important;} .bclientes[data-marquee-ready="true"]:is(:hover,:focus-within) .bclientes__track{animation-play-state:paused;} @keyframes bclientes-scroll{ to{transform:translate3d(-50%,0,0);} } @media (prefers-reduced-motion:reduce){ .bclientes[data-marquee-ready="true"]{overflow-x:auto;} .bclientes__track{animation:none;transform:none;will-change:auto;} .bclientes__set{padding-right:0;} .bclientes__set--clone{display:none;} } /* ========================================================================== 13 · CTA FINAL ========================================================================== */ .sctafinal{background: linear-gradient(90deg, #56648A 0%, #1C2B44 100%);position:relative;overflow:hidden;} .sctafinal .alk-inl::before{background: var(--color-white)} .sctafinal > *, .sctafinal > .wp-block-group__inner-container > *{position:relative;z-index:1;} .sctafinal .wp-block-columns{gap:clamp(48px,11vw,162px);align-items:center;} .sctafinal h2{margin:0 0 16px;color: var(--color-white)} .sctafinal .wp-block-column > p{margin:0;font-size:18px;line-height:29px;color: #EFF6FFE5;} .sctafinal .wp-block-buttons{margin:0 0 25px;width: 100%;} .sctafinal .wp-block-buttons > *{width: 100%;} .bctacontacto{display:flex;flex-direction:column;gap:16px;} .bctacontacto > *, .bctacontacto > .wp-block-group__inner-container > *{margin-block:0 !important;} .bcta__linea{display:flex;align-items:center;gap:12px;margin:0 !important;--ico-size:16px;--ico-color:var(--color-white); border-bottom: 1px solid white;padding-bottom: 12px;} .bcta__linea{color: var(--color-white);} .bcta__linea a{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;line-height:20px;color:var(--color-dark);text-decoration:none;color: #FFFFFFE5;} .bcta__linea a:hover{color:var(--color-main);} /* ========================================================================== PÁGINA CAPACIDADES TÉCNICAS ========================================================================== */ .scaphero{background:#fff;} .scaphero__cabecera{padding-block:58px 42px !important;} .scaphero__cabecera h1{max-width:720px;margin:0 0 28px;font-size:clamp(42px,4vw,58px);line-height:1.05;} .scaphero__cabecera .wp-block-buttons{margin:0;} .scaphero__imagen{min-height:330px;margin:0 !important;} .scaphero__imagen img{object-position:center 55%;} .scaphero__intro{padding-block:44px 52px !important;} .scaphero__intro p{max-width:900px;margin:0 auto 18px;} .scaphero__intro p:last-child{margin-bottom:0;} .scappiezas{background:var(--color-light);} .scappiezas .wp-block-columns, .scapmateriales .wp-block-columns, .scappresupuesto .wp-block-columns{gap:clamp(48px,7vw,96px);align-items:center;} .scappiezas figure, .scapmateriales figure, .scappresupuesto figure{margin:0;} .scappiezas figure img{display:block;width:100%;aspect-ratio:460/510;object-fit:cover;} .scappiezas h2, .scapmateriales h2, .scappresupuesto h2{margin:0 0 20px;} .scappiezas p, .scapmateriales p, .scappresupuesto p{margin:0 0 16px;} .scappiezas ul, .scapmateriales ul, .scappresupuesto ul{margin:0 0 18px;padding-left:1.15em;} .scappiezas li, .scapmateriales li, .scappresupuesto li{margin-bottom:5px;} .scapmateriales{background:#fff;} .scapmateriales figure img{display:block;width:100%;aspect-ratio:460/360;object-fit:cover;} .scapprocesos{background:var(--color-light);} .bcapprocesos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 40px;} .bcapdetalle{align-self:start;margin:0 !important;padding:34px 36px;background:#fff;box-sizing:border-box;transition:padding .52s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;} .bcapdetalle:not(.is-open){padding-bottom:27px;} .bcapdetalle__cabecera, .bcapdetalle__cabecera > .wp-block-group__inner-container{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;cursor:pointer;user-select:none;} .bcapdetalle__cabecera:focus-visible{outline:2px solid var(--color-main);outline-offset:8px;} .bcapdetalle__cabecera h2{flex:1 1 auto;margin:0;font-size:25px;line-height:1.18;color:var(--color-dark);} .bcapdetalle__icono{flex:0 0 auto;margin:1px 0 0 !important;transition:transform .52s cubic-bezier(.22,1,.36,1);transform-origin:center;} .bcapdetalle.is-open .bcapdetalle__icono{transform:rotate(180deg);} .bcapdetalle__contenido{height:auto;overflow:hidden;opacity:1;margin-top:22px;transform:translateY(0);transition:height .52s cubic-bezier(.22,1,.36,1),opacity .3s ease .08s,margin-top .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);will-change:height,opacity,transform;} .bcapdetalle:not(.is-open) .bcapdetalle__contenido{height:0;opacity:0;margin-top:0;transform:translateY(-8px);pointer-events:none;transition-delay:0s;} .bcapdetalle__contenido p{margin:0;color:#596174;} @media (prefers-reduced-motion:reduce){ .bcapdetalle,.bcapdetalle__icono,.bcapdetalle__contenido{transition:none;} } .scappresupuesto{background:#fff;} .scappresupuesto figure img{display:block;width:100%;aspect-ratio:460/400;object-fit:cover;filter:grayscale(.15);} .scaprazones{background:var(--color-light);} .scaprazones > h2, .scaprazones > .wp-block-group__inner-container > h2{max-width:720px;margin:0 0 42px;} .bcaprazones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;} /* La rejilla puede guardarse y colocarse fuera de scaprazones sin que el wrapper automático de Gutenberg se convierta en una única celda. */ .bcaprazones > .wp-block-group__inner-container{display:contents;} .bcaprazones > *, .bcaprazones > .wp-block-group__inner-container > *{margin-block:0 !important;} .bcaprazon{position:relative;min-height:168px;padding:26px 24px 24px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:18px;align-items:start;background:#fff;box-sizing:border-box;} .bcaprazon > .wp-block-group__inner-container{display:contents;} .bcaprazon__icono{grid-column:1;grid-row:1 / span 2;width:40px;height:40px;margin:1px 0 0 !important;align-items:center;justify-content:center;background:transparent;} .bcaprazon__icono .igb-iconos__shape{width:40px;height:40px;background-color:transparent;background-image:var(--igb-icon-url);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-mask-image:none;mask-image:none;} .bcaprazon h3{grid-column:2;font-size:17px;line-height:1.25;margin:0 0 10px;} .bcaprazon p{grid-column:2;font-size:13px;line-height:1.55;margin:0;color:#596174;} .scapcta__eyebrow{margin:0 0 18px !important;font-family:'IBM Plex Mono',monospace;font-size:10px !important;font-weight:600;letter-spacing:2.3px;color:#fff !important;} .sctafinal .btnblancog .wp-block-button__link{font-size:13px;white-space:nowrap;} /* ========================================================================== PÁGINA CALIDAD ========================================================================== */ .scalidadsticky, .scalidadsticky > .wp-block-group__inner-container{position:relative;display:grid;grid-template-columns:minmax(0,1fr);} .scalidadhero{grid-column:1;grid-row:1;position:relative;background:var(--color-dark);padding-top:64px !important;padding-bottom:48px !important;overflow:hidden;} .scalidadhero::before{content:"";position:absolute;inset:0 0 auto;height:250px;background:#fff;} .scalidadhero > *, .scalidadhero > .wp-block-group__inner-container > *{position:relative;z-index:1;} .scalidadhero h1{max-width:650px;margin:0 0 32px;} .scalidadhero{--calidad-hero-gutter:max(20px,calc((100vw - var(--ancho,1300px)) / 2));} .bcalidadhero__media{width:calc(100% + var(--calidad-hero-gutter) + var(--calidad-hero-gutter));margin-inline:calc(-1 * var(--calidad-hero-gutter)) !important;min-height:310px;} .bcalidadhero__media img{object-position:center;} .bcalidadhero__copy{max-width:660px;padding-top:40px;color:rgba(255,255,255,.88);} .bcalidadhero__copy > *, .bcalidadhero__copy > .wp-block-group__inner-container > *{margin-block:0 18px !important;} .bcalidadhero__copy .wp-block-buttons{margin-top:30px !important;} .bcalidadhero__form{grid-column:1;grid-row:1 / span 2;position:sticky;z-index:3;top:108px;align-self:start;justify-self:end;width:min(386px,calc(100% - 40px));margin-top:62px;margin-right:max(20px,calc((100% - var(--ancho,1300px))/2 + 32px));padding:30px;background:#f4f4f5;box-sizing:border-box;box-shadow:0 18px 45px rgba(24,32,53,.16);} .bcalidadhero__form > .wp-block-group__inner-container{width:100%;} .bcalidadhero__form h2{font-size:29px;line-height:1.12;margin:0 0 22px;} .bcalidadhero__form .wp-block-shortcode{margin:0;} .cf7-calidad{display:flex;flex-direction:column;gap:12px;} .cf7-calidad__fila{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .cf7-calidad p{min-width:0;margin:0 !important;padding:0;} .cf7-calidad label{display:block;margin:0;font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;line-height:1.35;color:var(--color-dark);} .cf7-calidad label > br{display:none;} .cf7-calidad .wpcf7-form-control-wrap{display:block;margin-top:6px;} .cf7-calidad input:not([type="submit"]),.cf7-calidad textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--color-borde2);border-radius:0;background:#fff;padding:9px 10px;font:400 13px/1.35 'Poppins',sans-serif;color:var(--color-dark);} .cf7-calidad input:not([type="submit"]):not([type="checkbox"]):not([type="file"]){height:40px;} .cf7-calidad input:focus,.cf7-calidad textarea:focus{outline:2px solid color-mix(in srgb,var(--color-main) 28%,transparent);border-color:var(--color-main);} .cf7-calidad textarea{resize:vertical;min-height:78px;max-height:150px;} .cf7-calidad__archivo{font-size:0 !important;} .cf7-calidad__archivo .wpcf7-form-control-wrap{position:relative;margin-top:0;} .cf7-calidad__archivo .wpcf7-form-control-wrap::before{content:"Adjuntar plano";position:absolute;z-index:1;left:0;top:0;display:flex;align-items:center;height:32px;box-sizing:border-box;padding:0 15px 0 32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23182035' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center;font:500 10px/1 'Poppins',sans-serif;color:var(--color-dark);pointer-events:none;} .cf7-calidad input[type="file"]{min-height:32px;border:0;background:transparent;padding:0;overflow:hidden;font-size:9px;line-height:32px;color:#73798a;cursor:pointer;} .cf7-calidad input[type="file"]::file-selector-button{width:126px;height:32px;margin:0 10px 0 0;border:1px solid var(--color-dark);border-radius:999px;background:transparent;padding:0;font-size:0;color:transparent;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;} .cf7-calidad input[type="file"]::-webkit-file-upload-button{width:126px;height:32px;margin:0 10px 0 0;border:1px solid var(--color-dark);border-radius:999px;background:transparent;padding:0;font-size:0;color:transparent;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;} .cf7-calidad input[type="file"]:hover::file-selector-button, .cf7-calidad input[type="file"]:hover::-webkit-file-upload-button{border-color:var(--color-main);background:#fff;} .cf7-calidad__archivo .wpcf7-form-control-wrap{--archivo-ancho:140px;--archivo-alto:34px;--archivo-borde:1px solid var(--color-dark);--archivo-radio:999px;position:relative;margin-top:0;} .cf7-calidad__archivo .wpcf7-form-control-wrap::before{content:"Adjuntar plano";position:absolute;z-index:1;left:0;top:0;display:flex;align-items:center;width:var(--archivo-ancho);height:var(--archivo-alto);box-sizing:border-box;border:var(--archivo-borde);border-radius:var(--archivo-radio);padding:0 16px 0 36px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23182035' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center;font:500 10px/1 'Poppins',sans-serif;color:var(--color-dark);pointer-events:none;transition:border-color .2s ease,outline-color .2s ease;} .cf7-calidad input[type="file"]{min-height:var(--archivo-alto);border:0;background:transparent;padding:0;overflow:hidden;font-size:0;line-height:var(--archivo-alto);color:transparent;cursor:pointer;} .cf7-calidad input[type="file"]:focus{outline:0;} .cf7-calidad input[type="file"]::file-selector-button{width:var(--archivo-ancho);height:var(--archivo-alto);margin:0 10px 0 0;border:0;border-radius:var(--archivo-radio);background:transparent;padding:0;font-size:0;color:transparent;cursor:pointer;} .cf7-calidad input[type="file"]::-webkit-file-upload-button{width:var(--archivo-ancho);height:var(--archivo-alto);margin:0 10px 0 0;border:0;border-radius:var(--archivo-radio);background:transparent;padding:0;font-size:0;color:transparent;cursor:pointer;} .cf7-calidad__archivo-nombre{position:absolute;z-index:2;left:calc(var(--archivo-ancho) + 12px);right:56px;top:0;display:flex;align-items:center;height:var(--archivo-alto);overflow:hidden;color:#73798a;font:400 9px/1.2 'Poppins',sans-serif;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;} .cf7-calidad__archivo-borrar{position:absolute;z-index:3;right:0;top:50%;display:none;align-items:center;min-height:var(--archivo-alto);border:0;background:transparent;padding:0;color:var(--color-dark);font:600 9px/1 'Poppins',sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer;} .cf7-calidad__archivo-borrar:hover{color:var(--color-main);} .cf7-calidad__archivo .wpcf7-form-control-wrap.is-file-selected .cf7-calidad__archivo-borrar{display:inline-flex;} .cf7-calidad__archivo .wpcf7-form-control-wrap:hover::before{border-color:var(--color-main);} .cf7-calidad__archivo .wpcf7-form-control-wrap:focus-within::before{border-color:var(--color-main);outline:2px solid color-mix(in srgb,var(--color-main) 28%,transparent);outline-offset:2px;} .cf7-calidad .wpcf7-acceptance .wpcf7-list-item{margin:0;} .cf7-calidad .wpcf7-acceptance .wpcf7-form-control-wrap{margin:0;} .cf7-calidad .wpcf7-acceptance label{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start;font-weight:400;line-height:1.4;} .cf7-calidad .wpcf7-acceptance input{appearance:none;-webkit-appearance:none;position:relative;width:14px;height:14px;margin:1px 0 0;padding:0;border:1px solid #c8ccd5;border-radius:0;background:#fff;cursor:pointer;} .cf7-calidad .wpcf7-acceptance input:checked{border-color:var(--color-dark);background:var(--color-dark);} .cf7-calidad .wpcf7-acceptance input:checked::after{content:"";position:absolute;left:4px;top:1px;width:3px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);} .cf7-calidad .wpcf7-acceptance input:focus-visible{outline:2px solid color-mix(in srgb,var(--color-main) 32%,transparent);outline-offset:2px;} .cf7-calidad .wpcf7-acceptance a{color:inherit;text-decoration:underline;text-underline-offset:2px;} .cf7-calidad input[type="submit"]{display:block;width:100%;min-height:44px;border:0;border-radius:999px;background:var(--color-dark);padding:12px 18px;font:600 12px/18px 'Poppins',sans-serif;color:#fff;cursor:pointer;white-space:normal;} .cf7-calidad input[type="submit"]:disabled{cursor:not-allowed;opacity:.55;} .cf7-calidad input[type="submit"]:hover{background:var(--color-main);} .cf7-calidad .wpcf7-not-valid-tip{font-size:11px;margin-top:4px;} .cf7-calidad .wpcf7-spinner{display:block;margin:8px auto 0;} .bcalidadhero__form .wpcf7-response-output{margin:14px 0 0 !important;padding:9px 10px !important;font-size:11px;line-height:1.4;} .scalidadproceso{grid-column:1;grid-row:2;background:#fff;} .bcalidadproceso{max-width:760px;margin-left:0;margin-right:auto;padding-right:410px;box-sizing:content-box;} .bcalidadproceso > *, .bcalidadproceso > .wp-block-group__inner-container > *{margin-top:0;} .bcalidadproceso > .wp-block-group__inner-container > h2{margin-top: 30px;} .bcalidadproceso h2{margin-bottom:24px;} .bcalidadproceso h3{font-size:28px;line-height:1.2;margin:54px 0 12px;} .bcalidadproceso p{margin:0 0 16px;} .bcalidadproceso figure{margin:24px 0 0;} .bcalidadproceso figure img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;} .scalidadbeneficios{background:var(--color-dark);color:rgba(255,255,255,.82);} .scalidadbeneficios h2{color:#fff;margin:0;} .scalidadbeneficios__cabecera{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:72px;align-items:start;margin-bottom:38px;} .scalidadbeneficios__cabecera p{margin:0;} .bcalidadbeneficios{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.13);} .bcalidadbeneficio{padding:22px 20px 22px 0;border-bottom:1px solid rgba(255,255,255,.13);font-weight:600;color:#fff;} .scalidadcompromiso{background:#fff;} .scalidadcompromiso .wp-block-columns{gap:80px;align-items:center;} .scalidadcompromiso h2{margin:0 0 24px;} .scalidadcompromiso p{margin:0 0 16px;} .scalidadcompromiso figure{margin:0;} .scalidadcompromiso figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1);} .scalidadfaq{background:var(--color-light);text-align:center;} .scalidadfaq h2{max-width:760px;margin:0 auto 36px;} .bcalidadfaq{max-width:900px;margin-inline:auto;text-align:left;} .bcalidadfaq details{margin:0;border-bottom:1px solid var(--color-borde2);background:#fff;padding:0 22px;} .bcalidadfaq summary{cursor:pointer;padding:18px 28px 18px 0;font-weight:600;color:var(--color-dark);position:relative;list-style:none;} .bcalidadfaq summary::-webkit-details-marker{display:none;} .bcalidadfaq summary::after{content:"+";position:absolute;right:0;top:18px;color:var(--color-main);} .bcalidadfaq details[open] summary::after{content:"−";} .bcalidadfaq details > :not(summary){margin:0 0 18px;} .scalidadfaq .wp-block-buttons{justify-content:center;margin-top:32px;} /* ========================================================================== RESPONSIVE ========================================================================== */ @media (max-width: 1280px){ .shero .wp-block-columns{gap:56px;} .bhero-feats{gap:24px 32px;} .bhero-feat p{font-size:16px;} } @media (max-width: 1100px){ :root{--sec-y:80px;} .bserv:has(.bserv__item):not(.bserv--listado):not(.bserv--procesos),.bserv-grid{grid-template-columns:repeat(2,1fr);} .bserv__item--wide{grid-column:span 2;} .bcaptec{grid-template-columns:repeat(2,1fr);} .bsectores{grid-template-columns:repeat(2,1fr);} .bpasos{grid-template-columns:repeat(3,1fr);} .bporque{grid-template-columns:repeat(3,1fr);} .bclientes{gap:24px;} .bclientes[data-marquee-ready="true"]{--bclientes-gap:24px;} .bcalidadhero__form{width:340px;} .bcalidadhero__copy{max-width:56%;} .bcalidadproceso{max-width:650px;padding-right:360px;} .bcalidadbeneficios{grid-template-columns:repeat(2,1fr);} .bcaprazones{grid-template-columns:repeat(2,minmax(0,1fr));} .bcapdetalle__cabecera h2{font-size:22px;} } @media (max-width: 940px){ body{margin:65px 0 0 0 !important;} .shero.shero{padding-block:56px 40px;} .shero::before{display:none;} .bgaleria1{grid-template-columns:1fr 1fr;aspect-ratio:auto;grid-template-rows:auto;} .bgaleria1 figure{height:auto;} .bgaleria1 img{aspect-ratio:292/219;height:auto;} .bgaleria1__tall{grid-column:span 2;grid-row:auto;} .bgaleria1__tall img{aspect-ratio:600/340;} .scalidad .wp-block-columns{gap:32px !important;} .scalidadhero{padding-top:48px !important;} .scalidadhero::before{height:220px;} .scalidadhero{grid-row:1;} .bcalidadhero__form{grid-row:2;position:relative;top:auto;right:auto;width:calc(100% - 40px);max-width:620px;margin:36px auto;padding:32px;justify-self:center;} .scalidadproceso{grid-row:3;} .bcalidadhero__copy{max-width:none;} .bcalidadproceso{max-width:760px;padding-right:0;} } /* A partir de aquí WordPress apila las columnas (781px) */ @media (max-width: 781px){ :root{--sec-y:64px;} .shero .wp-block-columns, .sqsomos .wp-block-columns, .sservint .wp-block-columns, .scaptec .wp-block-columns, .smaquinaria .wp-block-columns, .ssectores .wp-block-columns, .scalidad .wp-block-columns, .smateriales .wp-block-columns, .sctafinal .wp-block-columns{gap:40px !important;} .scappiezas .wp-block-columns, .scapmateriales .wp-block-columns, .scappresupuesto .wp-block-columns{gap:36px !important;} .bcapprocesos{grid-template-columns:1fr;gap:18px;} .bcapdetalle{min-height:0;padding:28px;} .bcaprazones{grid-template-columns:1fr;} .scappiezas figure img, .scapmateriales figure img, .scappresupuesto figure img{aspect-ratio:16/10;} .scalidadbeneficios__cabecera{grid-template-columns:1fr;gap:20px;} .scalidadcompromiso .wp-block-columns{gap:36px !important;} .shero .bimagendec1{margin-top:40px;} .shero .bimagendec1__mini{left:-4%;top:72%;bottom:auto;width:44%;} .shero .bimagendec1__chip{right:0;top:-18px;} .bimagendec1{margin-top:40px;} .bimagendec1__mini{left:-4%;top:72%;width:44%;} .bimagendec1__chip{right:0;top:-18px;} .bhero-feats{margin-top:40px;} .bhero-feat{flex:1 1 220px;} .bimagendec2__card{position:static;margin:-40px 20px 0;width:auto;right:auto;bottom:auto;} .bserv:has(.bserv__item):not(.bserv--listado):not(.bserv--procesos),.bserv-grid{grid-template-columns:1fr;} .bserv__item,.bserv__item--wide,.bserv-grid .bserv:nth-child(6n + 1){grid-column:span 1;} .bserv__item{padding:28px;--ico-x:28px;--ico-y:28px;} .bserv:not(.bserv--procesos):not(.bserv--listado):not(:has(.bserv__item)){padding:28px;} .bserv__item--wide h3, .bserv-grid .bserv:nth-child(6n + 1) > .wp-block-heading, .bserv-grid .bserv:nth-child(6n + 1) > .wp-block-group__inner-container > .wp-block-heading{font-size:22px;line-height:30px;} .bsectores{grid-template-columns:1fr;gap:16px;} .bporque{grid-template-columns:repeat(2,1fr);} .bpasos{grid-template-columns:repeat(2,1fr);} .scalidad__stats{grid-template-columns:1fr;} .scalidad__sala,.scalidad__checks{grid-column:span 1;} .scalidad__sala{padding:20px;} .scalidad__checks{gap:20px;} .bclientes{gap:16px;} .bclientes[data-marquee-ready="true"]{--bclientes-gap:16px;--bclientes-duration:32s;} .bcliente{flex:0 0 auto;} .bcliente img{width:140px;height:72px;} .sclientes h2{font-size:32px;line-height:36px;} } @media (max-width: 600px){ .bimagendec1{padding-bottom:0;} .bimagendec1{width:calc(100% - 18px);} .bcaptec{grid-template-columns:1fr;} .bporque{grid-template-columns:1fr;} .bpasos{grid-template-columns:1fr;gap:20px;} .bgaleria1{grid-template-columns:1fr;} .bgaleria1__tall{grid-column:span 1;} .bimagendec1__mini{display:none;} .bcalidadhero__media{min-height:230px;} .bcalidadhero__form{padding:24px;} .cf7-calidad__fila{grid-template-columns:1fr;} .bcalidadbeneficios{grid-template-columns:1fr;} .bcalidadproceso h3{font-size:24px;} .scaphero__cabecera h1{font-size:40px;} .scaphero__imagen{min-height:240px;} .bcapdetalle{padding:24px;} .bcapdetalle__cabecera h2{font-size:20px;} .bcaprazon{padding:24px 22px 22px;} .sctafinal .btnblancog .wp-block-button__link{white-space:normal;} .bserv__item{padding:24px;--ico-x:24px;--ico-y:24px;} .scalidad__big{font-size:40px;} } /* ========================================================================== 14 · FOOTER Va como bloque (grupo) para que puedas convertirlo en patrón sincronizado. Si prefieres tenerlo en footer.php, copia el HTML resultante tal cual. ========================================================================== */ .sfooter{background:var(--color-dark);color:rgba(255,255,255,.72);} .sfooter.sfooter{padding-block:46px;} .sfooter .wp-block-columns{gap:40px;align-items:flex-start;margin-bottom:0;} .sfooter .eyebrow{color:rgba(255,255,255,.55) !important;margin:0 0 25px !important;} .sfooter__logo{margin:0 0 26px !important;} .sfooter__logo img{max-width:224px;height:auto;display:block;} .sfooter__claim{max-width:448px;font-size:15px;line-height:23px;color:rgba(255,255,255,.72);margin:0 !important;} .sfooter__nav{list-style:none;margin:0 !important;padding:0;display:flex;flex-direction:column;gap:4px;} .sfooter__nav li{margin:0;} .sfooter__nav a{display:block;padding:2px 0;font-size:15px;line-height:20px;color:rgba(255,255,255,.82);text-decoration:none;} .sfooter__nav a:hover{color:#fff;} .sfooter__contacto{display:flex;flex-direction:column;gap:4px;} .sfooter__contacto > *, .sfooter__contacto > .wp-block-group__inner-container > *{margin-block:0 !important;} .sfooter__linea{display:flex;align-items:center;gap:8px;margin:0 !important;font-size:15px;line-height:20px;color:rgba(255,255,255,.82);--ico-size:16px;--ico-color:rgba(255,255,255,.82);} .sfooter__linea a{color:inherit;text-decoration:none;} .sfooter__linea a:hover{color:#fff;} .sfooter__bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:42px !important;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);} .sfooter__bottom > *, .sfooter__bottom > .wp-block-group__inner-container > *{margin-block:0 !important;} .sfooter__bottom p{font-size:13px;line-height:16px;color:rgba(255,255,255,.55);margin:0 !important;} .sfooter__legal{display:flex;gap:24px;} .sfooter__legal a{color:rgba(255,255,255,.55);text-decoration:none;} .sfooter__legal a:hover{color:#fff;} @media (max-width:781px){ .sfooter__bottom{margin-top:32px !important;} } /* ========================================================================== 15 · PÁGINA CONTACTO El fondo del hero es un bloque Cover: se puede sustituir desde Gutenberg. ========================================================================== */ .scontactohero .wp-block-cover__inner-container{width:100%;max-width:none;padding:0;} .bcontactohero__contenido{max-width:1256px;margin:0 auto;padding:0 20px;box-sizing:border-box;} .bcontactohero__contenido > *, .bcontactohero__contenido > .wp-block-group__inner-container > *{margin-block:0 !important;} .bcontactohero__contenido h1{max-width:520px;margin:0 0 14px !important;font-size:50px;line-height:1.2;letter-spacing:-1.44px;color:var(--color-main);} .bcontactohero__contenido p{max-width:535px;font-size:16px;line-height:28px;color:var(--color-main);} .bcontacto__contenido{max-width:1216px;margin:0 auto;} .bcontacto__columns{display:flex;gap:61px;align-items:flex-start;margin:0 !important;} .bcontacto__columns > .wp-block-column{min-width:0;} .bcontacto__copy{display:flex;flex-direction:column;gap:35px;} .bcontacto__copy > *, .bcontacto__copy > .wp-block-group__inner-container > *{margin-block:0 !important;} .bcontacto__intro h2, .bcontacto__datos h2{margin:0 0 16px;font-size:45px;line-height:48px;letter-spacing:-1.2px;} .bcontacto__intro p{margin:0;font-size:16px;line-height:26px;color:var(--color-text);} .bcontacto__datos{display:flex;flex-direction:column;gap:10px;} .bcontacto__datos > *, .bcontacto__datos > .wp-block-group__inner-container > *{margin-block:0 !important;} .bcontacto__dato{display:flex;align-items:center;gap:12px;min-height:39px;margin:0 !important;padding:0 0 12px;font-size:16px;line-height:26px;color:var(--color-text);--ico-size:16px;--ico-color:var(--color-text);box-sizing:border-box;} .bcontacto__dato::before{background-color:var(--ico-color);} .bcontacto__dato a{color:inherit;text-decoration:none;} .bcontacto__dato a:hover{text-decoration:underline;text-underline-offset:3px;} .bcontacto__mapa{margin:0 !important;overflow:hidden;background:#d9e4db;} .bcontacto__mapa iframe{display:block;width:100%;height:auto;min-height:308px;aspect-ratio:507/308;border:0;} .bcontactoform{margin:0 !important;padding:59px 40px 28px;background:#fff;box-sizing:border-box;} .bcontactoform > .wp-block-group__inner-container{width:100%;} .bcontactoform .wp-block-shortcode{margin:0;} .cf7-contacto{display:flex;flex-direction:column;gap:20px;} .cf7-contacto p{min-width:0;margin:0 !important;padding:0;} .cf7-contacto label{display:block;margin:0;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;line-height:15px;color:var(--color-main);} .cf7-contacto label > br{display:none;} .cf7-contacto .wpcf7-form-control-wrap{display:block;margin-top:8px;} .cf7-contacto__grid,.cf7-contacto__two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;} .cf7-contacto__file-row{display:grid;grid-template-columns:234px minmax(0,1fr);gap:20px;align-items:end;} .cf7-contacto input:not([type="submit"]),.cf7-contacto select,.cf7-contacto textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #e6e6e6;border-radius:0;background:#fff;padding:10px 12px;font:400 14px/1.35 'Poppins',sans-serif;color:var(--color-dark);box-shadow:none;} .cf7-contacto input:not([type="submit"]):not([type="checkbox"]):not([type="file"]),.cf7-contacto select{height:46px;} .cf7-contacto select{appearance:auto;cursor:pointer;} .cf7-contacto textarea{min-height:132px;resize:vertical;} .cf7-contacto :is(input,select,textarea):focus{outline:2px solid color-mix(in srgb,var(--color-main) 24%,transparent);outline-offset:0;border-color:var(--color-main);} .cf7-contacto__archivo{position:relative;min-height:48px;font-size:0 !important;} .cf7-contacto__archivo .wpcf7-form-control-wrap{position:relative;margin:0;} .cf7-contacto__archivo .wpcf7-form-control-wrap::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:25px;width:16px;background-color:var(--color-dark);-webkit-mask:var(--i-file) no-repeat center/contain;mask:var(--i-file) no-repeat center/contain;pointer-events:none;} .cf7-contacto__archivo .wpcf7-form-control-wrap::after{content:"Adjuntar plano o archivo técnico";position:absolute;z-index:1;top:0;bottom:0;left:50px;display:flex;align-items:center;font:600 14px/20px 'Poppins',sans-serif;color:var(--color-dark);pointer-events:none;white-space:nowrap;} .cf7-contacto input[type="file"]{height:48px;border:1px solid var(--color-dark);border-radius:999px;background:transparent;padding:0;color:transparent;cursor:pointer;} .cf7-contacto input[type="file"]::file-selector-button{width:100%;height:46px;margin:0;border:0;background:transparent;color:transparent;cursor:pointer;} .cf7-contacto input[type="file"]::-webkit-file-upload-button{width:100%;height:46px;margin:0;border:0;background:transparent;color:transparent;cursor:pointer;} .cf7-contacto__archivo:hover input[type="file"]{border-color:var(--color-main);background:var(--color-light);} .cf7-contacto__mensaje{margin-top:0 !important;} .cf7-contacto__legal .wpcf7-form-control-wrap{margin:0;} .cf7-contacto__legal .wpcf7-list-item{margin:0;} .cf7-contacto__legal label{display:grid;grid-template-columns:23px minmax(0,1fr);gap:8px;align-items:center;font-size:14px;font-weight:400;line-height:15px;color:var(--color-main);} .cf7-contacto__legal input{appearance:none;-webkit-appearance:none;position:relative;width:23px;height:23px;margin:0;padding:0;border:1px solid #e6e6e6;border-radius:0;background:#fff;cursor:pointer;} .cf7-contacto__legal input:checked{border-color:var(--color-dark);background:var(--color-dark);} .cf7-contacto__legal input:checked::after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);} .cf7-contacto__legal a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;} .cf7-contacto input[type="submit"]{min-height:48px;border:0;border-radius:999px;background:var(--color-dark);padding:14px 48px 14px 24px;font:600 14px/20px 'Poppins',sans-serif;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .15s ease;} .cf7-contacto__submit{position:relative;align-self:flex-start;} .cf7-contacto__submit::after{content:"↗";position:absolute;right:22px;top:50%;z-index:1;transform:translateY(-50%);font-size:16px;line-height:1;color:#fff;pointer-events:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1);} .cf7-contacto__submit:hover::after{transform:translate(3px,-8px);} .cf7-contacto input[type="submit"]:hover{background:var(--color-main);transform:translateY(-1px);} .cf7-contacto .wpcf7-not-valid-tip{margin-top:5px;font-size:12px;line-height:1.35;} .cf7-contacto .wpcf7-response-output{margin:0 !important;padding:10px 12px !important;font-size:13px;line-height:1.45;} @media (max-width:940px){ .bcontactohero__contenido,.bcontacto__contenido{max-width:none;} .bcontacto__columns{display:grid;grid-template-columns:1fr;gap:42px !important;} .bcontacto__copy{gap:30px;max-width:620px;} .bcontacto__mapa iframe{min-height:280px;} .bcontactoform{max-width:720px;padding:40px;margin:0 auto !important;} } @media (max-width:600px){ .bcontactohero__contenido h1{font-size:40px;line-height:1.12;} .bcontactohero__contenido p{font-size:15px;line-height:24px;} .bcontacto__intro h2,.bcontacto__datos h2{font-size:32px;line-height:36px;letter-spacing:-.7px;} .bcontacto__dato{font-size:14px;line-height:21px;} .bcontactoform{padding:28px 20px;} .cf7-contacto{gap:16px;} .cf7-contacto__grid,.cf7-contacto__two-cols,.cf7-contacto__file-row{grid-template-columns:1fr;gap:16px;} .cf7-contacto__file-row{align-items:stretch;} .cf7-contacto__archivo .wpcf7-form-control-wrap::after{font-size:13px;} .cf7-contacto__legal label{font-size:13px;line-height:17px;} .cf7-contacto input[type="submit"]{width:100%;font-size:13px;white-space:normal;} .cf7-contacto__submit{align-self:stretch;} } /* ========================================================================== PARQUE DE MAQUINARIA CNC Bloques nativos editables; el JS solo crea la navegación en el frontal. ========================================================================== */ .smaqpage{background:#fff;} .smaqpage .wp-block-button__link{text-decoration:none;} .smaqpage .smaqhero__top{max-width:1256px;margin-inline:auto;padding:54px 20px 45px;box-sizing:border-box;} .smaqhero__top h1{max-width:800px;margin:0 0 22px;font-size:clamp(36px,3.48vw,50px);line-height:1.12;} .smaqhero__top p{max-width:720px;margin:0;line-height:1.75;color:var(--color-text);} .smaqpage .smaqhero__banner{margin:0;} .smaqhero__banner img{display:block;width:100%;height:326px;object-fit:cover;object-position:center;} .smaqintro{background:var(--color-light);padding:47px max(20px,calc((100% - 1216px)/2)) 48px;box-sizing:border-box;} .smaqintro .wp-block-columns{gap:clamp(30px,6vw,95px);align-items:center;margin:0;} .smaqintro h2{max-width:560px;margin:0;font-size:clamp(32px,3.13vw,45px);line-height:1.08;} .smaqintro p{max-width:590px;margin:0;color:var(--color-text);line-height:1.65;} .smaq-tabs-section{max-width:1256px;margin:0 auto;padding:48px 20px 62px;box-sizing:border-box;} .bmaq-tabs{margin:0;} .bmaq-tablist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;border-radius:3px 3px 0 0;} .bmaq-tablist__heading{margin:0;padding:0;font:inherit;line-height:inherit;} .bmaq-tablist__heading > .bmaq-tablist__button{display:block;width:100%;box-sizing:border-box; overflow-x: auto; scrollbar-width: thin; white-space: nowrap;} .bmaq-tablist__button{min-height:55px;padding:12px 15px;border:0;border-bottom:1px solid var(--color-borde2);background:var(--color-borde);color:var(--color-main);font:600 15px/1.35 'Poppins',sans-serif;text-align:center;cursor:pointer;transition:background-color .2s ease,color .2s ease;} .bmaq-tablist__button:hover{background:var(--color-borde2);} .bmaq-tablist__button[aria-selected="true"]{background:var(--color-main);color:#fff;border-bottom-color:var(--color-main);} .bmaq-tablist__button:focus-visible{outline:3px solid #f3ac56;outline-offset:-4px;position:relative;z-index:1;} .bmaq-tabs[data-tabs-ready] .bmaquina-tab[hidden]{display:none;} .bmaquina-tab{background:var(--color-light);padding:41px 49px 47px;margin:0;box-sizing:border-box;} .bmaq-tabs[data-tabs-ready] .bmaquina-tab__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .bmaquina-tab__title{margin:0 0 18px;color:var(--color-main);} .bmaquina-tab__intro{margin:0 0 28px;} .bmaquina-tab__intro.wp-block-columns{gap:clamp(35px,7vw,115px);align-items:center;} .bmaquina-tab__intro p{max-width:490px;margin:0;color:var(--color-text);line-height:1.7;} .bmaquina-tab__intro strong{margin:0 0 17px;color:var(--color-main);font-size:clamp(21px,2vw,26px);line-height:1.25; display: block;} .bmaquina-tab__intro .wp-block-buttons{margin:0;} .bmaq-cards{display:flex;gap:35px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:none;padding:0 0 14px;scrollbar-color:#a9bacd transparent;scrollbar-width:thin;} .bmaq-cards > .wp-block-group__inner-container{display:flex;gap:35px;} .bmaq-cards:focus-visible{outline:2px solid var(--color-main);outline-offset:3px;} .bmaq-card{flex:0 0 315px;min-width:0;background:#fff;margin:0;} .bmaq-card .wp-block-image{margin:0;} .bmaq-card .wp-block-image img{display:block;width:100%;height:239px;object-fit:cover;} .bmaq-card__image-pending{height:239px;background:#d9d9d9;} .bmaq-card__body{padding:20px 20px 23px;} .bmaq-card__body h3{margin:0 0 14px;color:var(--color-main);font-size:18px;font-weight:700;line-height:1.3;text-transform:uppercase;} .bmaq-card__body p{margin:0;color:var(--color-text);font-size:14px;line-height:1.55;} .bmaq-card__body p + p{margin-top:7px;} .bmaquina-tab__subheading{margin:44px 0 22px;color:var(--color-main);font-size:clamp(23px,2.1vw,30px);line-height:1.25;} .bmaq-table{margin:0;overflow-x:auto;} .bmaq-table table{width:100%;border:1px solid var(--color-main);border-collapse:collapse;background:transparent;font-size:16px;line-height:1.4;} .bmaq-table thead{border:0;} .bmaq-table th,.bmaq-table td{padding:8px 7px;border:0;border-bottom:1px solid var(--color-main);text-align:left;vertical-align:top;} .bmaq-table th{padding-block:10px;background:var(--color-main);color:var(--color-white);font-weight:600;} .bmaq-table td:first-child{font-weight:600;color:var(--color-main);} .bmaq-table tbody tr:last-child td{border-bottom:0;} .smaqpage .sctafinal .wp-block-columns{max-width:1216px;margin-inline:auto;} .smaqpage .sctafinal .wp-block-column > p + p{margin-top:15px;} /* En Gutenberg todos los paneles y fichas quedan visibles para editarlos. */ .editor-styles-wrapper .bmaq-tabs .bmaquina-tab{margin-bottom:24px;outline:1px solid #bdccdb;} .editor-styles-wrapper .bmaq-cards, .editor-styles-wrapper .bmaq-cards > .wp-block-group__inner-container{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;} @media (max-width:781px){ .smaqpage .smaqhero__top{padding-block:40px;} .smaqhero__banner img{height:250px;} .smaqintro{padding-block:45px;} .smaqintro .wp-block-columns{gap:20px !important;} .smaq-tabs-section{padding-block:38px 50px;} .bmaq-tablist{grid-template-columns:repeat(2,minmax(0,1fr));} .bmaquina-tab{padding:30px 25px 36px;} .bmaquina-tab__intro.wp-block-columns{gap:24px;} .bmaq-card{flex-basis:285px;} .bmaq-card .wp-block-image img{height:210px;} .bmaq-card__image-pending{height:210px;} .blistaproceso1{ margin-left: auto; width: calc(100% - 20px);} } @media (max-width:500px){ .smaqhero__banner img{height:190px;} .bmaq-tablist__button{font-size:13px;padding:11px 8px;} .bmaquina-tab{padding:26px 17px 31px;} .bmaq-cards,.bmaq-cards > .wp-block-group__inner-container{gap:16px;} .bmaq-card{flex-basis:min(275px,85vw);} .bmaq-card .wp-block-image img,.bmaq-card__image-pending{height:195px;} .bmaq-table table{min-width:590px;} } /* ========================================================================== SECCIONES REUTILIZABLES · MECANIZADO DE ACERO AL CARBONO Reutiliza scaphero, bcaprazones, sctafinal y bcalidadfaq. No necesitan un grupo de página que las englobe. ========================================================================== */ .sacerohero{width:100%;margin:0;background:#fff;} .sacerohero .scaphero__cabecera{padding-block:54px 34px !important;} .sacerohero .scaphero__cabecera h1{max-width:520px;margin-bottom:30px;font-size:clamp(40px,3.5vw,50px);line-height:1.2;letter-spacing:-.03em;} .sacerohero .scaphero__cabecera .wp-block-button__link{font-size:14px;} .sacerohero__media{min-height:326px;margin:0 !important;padding:0;background:#eef1f5;overflow:hidden;} .sacerohero__media > .wp-block-group__inner-container{width:100%;} .sacerohero__media .wp-block-image{margin:0;} .sacerohero__media .wp-block-image img{display:block;width:100%;height:326px;object-fit:cover;} .sacerohero .scaphero__intro{padding-block:30px 42px !important;} .sacerohero .scaphero__intro p{max-width:1080px;margin-inline:auto;font-size:16px;line-height:28px;color:var(--color-dark);} .sacerohero .scaphero__intro p + p{margin-top:20px;} .sacero-ventajas{background:var(--color-light);} .sacero-ventajas > h2,.sacero-ventajas > .wp-block-group__inner-container > h2{max-width:800px;margin:0 0 54px;font-size:clamp(32px,3.1vw,45px);} .sacero-ventajas .bcaprazones{gap:16px;} .sacero-ventajas .bcaprazon{min-height:190px;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:30px 24px;} .sacero-ventajas .bcaprazon__icono{width:48px;height:48px;margin:0 !important;display:flex;align-items:center;justify-content:center;} .sacero-ventajas .bcaprazon__icono .igb-iconos__shape{width:48px;height:48px;background-color:transparent;background-image:var(--igb-icon-url);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-mask-image:none;mask-image:none;} .sacero-ventajas .bcaprazon h3{margin:0 0 8px;font-size:19px;line-height:1.25;} .sacero-ventajas .bcaprazon p{font-size:13px;line-height:1.45;} .sacero-calidades{background:var(--color-dark);color:#fff;} .sacero-calidades > h2,.sacero-calidades > .wp-block-group__inner-container > h2{max-width:850px;margin:0 auto 50px;text-align:center;color:#fff;font-size:clamp(32px,3.3vw,48px);line-height:1.08;} .sacero-calidades__tabla{margin:0;overflow-x:auto;scrollbar-color:#8993a8 transparent;} .sacero-calidades__tabla table{min-width:840px;width:100%;border:1px solid rgba(255,255,255,.7);border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.35;} .sacero-calidades__tabla th,.sacero-calidades__tabla td{padding:20px 24px;border:0;border-bottom:1px solid rgba(255,255,255,.34);text-align:left;vertical-align:middle;} .sacero-calidades__tabla th{padding-block:10px;background:#fff;color:var(--color-main);font-weight:700;} .sacero-calidades__tabla td{color:#fff;} .sacero-calidades__tabla td:first-child{font-weight:700;} .sacero-calidades__tabla tr:last-child td{border-bottom:0;} .sacero-calidades__tabla th:first-child,.sacero-calidades__tabla td:first-child{width:30%;} .sacero-calidades__tabla th:nth-child(2),.sacero-calidades__tabla td:nth-child(2){width:33%;} .sacero-tratamientos{background:#fff;} .sacero-tratamientos .wp-block-columns{gap:80px;align-items:center;margin:0;} .sacero-tratamientos h2{max-width:560px;margin:0;font-size:clamp(30px,3vw,45px);} .sacero-tratamientos p{max-width:570px;margin:0;font-size:16px;line-height:26px;} .sacero-cta .wp-block-columns{max-width:1216px;margin-inline:auto;} .sacero-cta .wp-block-column > p + p{margin-top:16px;} .sacero-cta .bctacontacto{gap:12px;} .sacero-faq h2{max-width:920px;margin-inline:auto;} .sacero-faq .bcalidadfaq{margin-bottom:34px;} @media (max-width:1000px){ .sacero-ventajas .bcaprazones{grid-template-columns:repeat(2,minmax(0,1fr));} .sacero-tratamientos .wp-block-columns{gap:40px;} .sacero-calidades__tabla table{font-size:14px;} } @media (max-width:781px){ .sacerohero .scaphero__cabecera{padding-block:45px 32px !important;} .sacerohero__media{min-height:240px;} .sacerohero__media .wp-block-image img{height:240px;} .sacerohero .scaphero__intro{padding-block:32px 40px !important;} .sacero-ventajas .bcaprazones{grid-template-columns:1fr;} .sacero-ventajas .bcaprazon{min-height:0;} .sacero-tratamientos .wp-block-columns{gap:22px;} .sacero-calidades__tabla th,.sacero-calidades__tabla td{padding:14px 16px;} } @media (max-width:600px){ .sacerohero .scaphero__cabecera h1{font-size:40px;} .sacerohero__media{min-height:190px;} .sacerohero__media .wp-block-image img{height:190px;} .sacero-ventajas > h2,.sacero-ventajas > .wp-block-group__inner-container > h2{margin-bottom:32px;} .sacero-ventajas .bcaprazon{padding:24px 20px;} .sacero-calidades > h2,.sacero-calidades > .wp-block-group__inner-container > h2{margin-bottom:32px;} } /* ========================================================================== SECCIONES REUTILIZABLES · SECTOR EÓLICO Cada sección puede guardarse por separado como patrón no sincronizado. La galería usa el patrón existente bgaleria1 y el hueco posterior lo aporta el bloque espaciador responsive. ========================================================================== */ .sseolhero{width:100%;margin:0;background:#fff;} .sseolhero .scaphero__cabecera{padding-block:54px 34px !important;} .sseolhero .scaphero__cabecera h1{max-width:560px;margin-bottom:30px;font-size:clamp(40px,3.5vw,50px);line-height:1.2;letter-spacing:-.03em;} .sseolhero__media{min-height:330px;margin:0 !important;padding:0;background:#e9eef2;overflow:hidden;} .sseolhero__media .wp-block-image{margin:0;} .sseolhero__media .wp-block-image img{display:block;width:100%;height:330px;object-fit:cover;} .sseolhero .scaphero__intro{padding-block:32px 44px !important;} .sseolhero .scaphero__intro p{max-width:790px;margin-inline:auto;font-size:16px;line-height:1.65;color:var(--color-dark);} .sseolhero .scaphero__intro p + p{margin-top:20px;} .sseolperfiles{background:var(--color-light);} .sseolperfiles > h2,.sseolperfiles > .wp-block-group__inner-container > h2{max-width:710px;margin:0 0 56px;font-size:clamp(34px,3.2vw,48px);line-height:1.1;} .bseolperfiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 56px;} .bseolperfil{min-height:285px;padding:34px 40px;background:#fff;box-sizing:border-box;} .bseolperfil h3{max-width:490px;margin:0 0 24px;font-size:clamp(24px,2.2vw,32px);line-height:1.2;color:var(--color-dark);} .bseolperfil p{margin:0;font-size:16px;line-height:1.6;color:#596174;} .bseolperfil strong{color:var(--color-dark);font-weight:600;} .sseolpiezas{background:#fff;} .sseolpiezas__intro{gap:70px;margin:0 0 64px;} .sseolpiezas__intro .wp-block-column{flex:1 1 0;} .sseolpiezas__intro h2{max-width:620px;margin:0;font-size:clamp(34px,3.2vw,48px);line-height:1.08;} .sseolpiezas__intro p{margin:0 0 16px;font-size:16px;line-height:1.55;} .sseolpiezas__llamada{display:flex;align-items:center;justify-content:space-between;gap:28px;} .sseolpiezas__llamada > .wp-block-group__inner-container{display:contents;} .sseolpiezas__llamada h3{max-width:740px;margin:0;font-size:clamp(22px,2vw,28px);line-height:1.15;} .sseolpiezas__llamada .wp-block-buttons{flex:none;margin:0;} .sseolintegral{background:#202a43;color:#fff;} .sseolintegral .wp-block-columns{gap:80px;margin:0 0 42px;} .sseolintegral .wp-block-column{flex:1 1 0;} .sseolintegral h2{max-width:570px;margin:0;font-size:clamp(38px,3.4vw,52px);line-height:1.08;color:#fff;} .sseolintegral p{margin:0 0 22px;font-size:16px;line-height:1.6;color:#fff;} .sseolintegral p:last-child{margin-bottom:0;} .sseolintegral .wp-block-buttons{margin:0;} .sseolintegral .btnblancog .wp-block-button__link{white-space:normal;} .sseolporque{background:#fff;} .sseolporque .wp-block-columns{gap:80px;align-items:center;margin:0;} .sseolporque__media{min-height:530px;background:#e9eef2;overflow:hidden;} .sseolporque__media .wp-block-image{height:100%;margin:0;} .sseolporque__media .wp-block-image img{display:block;width:100%;height:530px;object-fit:cover;} .sseolporque h2{max-width:630px;margin:0 0 30px;font-size:clamp(36px,3.2vw,48px);line-height:1.1;} .sseolporque p,.sseolporque li{font-size:16px;line-height:1.6;color:#596174;} .sseolporque p{margin:0 0 22px;} .sseolporque ul{margin:30px 0 0;padding-left:22px;} .sseolfaq h2{max-width:920px;margin-inline:auto;} .sseolfaq .bcalidadfaq{max-width:930px;} .sseolfaq .bcalidadfaq details{border-bottom-color:#e7ebf0;} .sseolcta .wp-block-columns{max-width:1216px;gap:clamp(48px,8vw,110px);margin-inline:auto;} .sseolcta h2{max-width:770px;font-size:clamp(38px,3.3vw,50px);line-height:1.14;} .sseolcta .wp-block-column > p{max-width:680px;margin:0 0 22px;font-size:17px;line-height:1.6;} .sseolcta .wp-block-column > .scapcta__eyebrow{margin-bottom:18px !important;font-size:11px !important;line-height:1.2;letter-spacing:2px;} .sseolcta .wp-block-buttons{display:flex;flex-direction:column;gap:12px;margin:0 0 18px;} .sseolcta .wp-block-buttons > *{margin:0;} .sseolcta__contacto{gap:0;} .sseolcta__linea{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.25);box-sizing:border-box;} .sseolcta__linea > .wp-block-group__inner-container{display:contents;} .sseolcta__linea p{margin:0;} .sseolcta__linea a{color:rgba(255,255,255,.9);font-size:14px;text-decoration:none;} .sseolcta__icono{flex:none;width:16px;height:16px;margin:0 !important;} .sseolcta__icono .igb-iconos__shape{display:block;width:16px;height:16px;background-color:transparent;background-image:var(--igb-icon-url);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-mask-image:none;mask-image:none;} @media (max-width:1000px){ .bseolperfiles{gap:22px;} .bseolperfil{min-height:260px;padding:28px;} .sseolpiezas__intro,.sseolintegral .wp-block-columns,.sseolporque .wp-block-columns{gap:40px;} } @media (max-width:781px){ .sseolhero .scaphero__cabecera{padding-block:44px 32px !important;} .sseolhero__media{min-height:240px;} .sseolhero__media .wp-block-image img{height:240px;} .bseolperfiles{grid-template-columns:1fr;gap:18px;} .bseolperfil{min-height:0;} .sseolpiezas__intro{gap:20px;margin-bottom:36px;} .sseolpiezas__llamada{align-items:flex-start;flex-direction:column;} .sseolintegral .wp-block-columns{gap:20px;} .sseolporque .wp-block-columns{gap:28px;} .sseolporque__media{min-height:360px;} .sseolporque__media .wp-block-image img{height:360px;} .sseolcta .wp-block-columns{gap:34px;} } @media (max-width:600px){ .sseolhero .scaphero__cabecera h1{font-size:40px;} .sseolhero__media{min-height:190px;} .sseolhero__media .wp-block-image img{height:190px;} .sseolperfiles > h2,.sseolperfiles > .wp-block-group__inner-container > h2{margin-bottom:32px;} .bseolperfil{padding:26px 24px;} .bseolperfil h3{font-size:24px;margin-bottom:16px;} .sseolporque__media{min-height:290px;} .sseolporque__media .wp-block-image img{height:290px;} .sseolcta h2{font-size:36px;} } /* ========================================================================== SERVICIO GENERAL · secciones autónomas para patrones no sincronizados. Reutiliza bserv, scaptec, bgaleria1, ssectores y sctafinal. ========================================================================== */ .sservhero{width:100%;margin:0;background:#fff;} /* El style.css publicado aún aplica padding a cada hijo de .pagecont. El texto conserva su ancho de lectura, pero la foto debe ir a sangre. */ .pagecont > .sservhero{padding:0;} .sservhero .alk-sec.alk-sec, .sservhero__cabecera{gap:clamp(40px,6vw,90px);padding-block:70px 68px !important;margin:0;} .sservhero__cabecera h1{max-width:690px;margin:0;font-size:clamp(40px,3.6vw,52px);line-height:1.13;letter-spacing:-.025em;} .sservhero__cabecera p{max-width:480px;margin:0;color:var(--color-dark);font-size:17px;line-height:1.68;} .sservhero :is(.sservhero__media,.sdethero__media){height:276px;margin:0 !important;background:#dce6ef;overflow:hidden;} .sservhero :is(.sservhero__media,.sdethero__media) .wp-block-image{height:100%;margin:0;} .sservhero :is(.sservhero__media,.sdethero__media) .wp-block-image img{display:block;width:100%;height:276px;object-fit:cover;} .sservlistado.sservlistado{padding-block:74px 104px;background:var(--color-light);} .bserv.bserv--listado{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;background:transparent;border-radius:0;overflow:visible;} /* Compatibilidad con el wrapper del tema también fuera de .alk-sec. */ .bserv--listado > .wp-block-group__inner-container, .bserv--listado .bservicio > .wp-block-group__inner-container, .bserv--listado .bservicio__contenido > .wp-block-group__inner-container, .bserv--listado .bservicio__media > .wp-block-group__inner-container{display:contents;} .bserv--listado > .bservicio, .bserv--listado > .wp-block-group__inner-container > .bservicio{margin-block:0;} .bserv--listado .bservicio{display:grid;grid-template-columns:62.5% 37.5%;min-height:380px;padding:0;background:#fff;backdrop-filter:none;border-radius:0;overflow:hidden;} .bserv--listado .bservicio--invertido{grid-template-columns:37.5% 62.5%;} .bserv--listado .bservicio--invertido .bservicio__media{order:-1;} .bservicio__contenido{display:flex;flex-direction:column;align-items:flex-start;padding:38px 40px 32px;box-sizing:border-box;min-width:0;} .bservicio__icono{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 0 20px !important;} .bservicio__icono .igb-iconos__shape{display:block;width:48px;height:48px;background:transparent url('images/capacidad-cnc.svg') center/contain no-repeat;background-image:var(--igb-icon-url);-webkit-mask-image:none;mask-image:none;} /* Respaldo para los patrones ya publicados con rutas SVG del tema que no existen en producción. Los bloques revisados usan estas URLs directamente. */ :is(.sservlistado,.sservsectores) .igb-iconos[style*="capacidad-cnc.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/torneado.svg');} :is(.sservlistado,.sservsectores) .igb-iconos[style*="capacidad-flexibilidad.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/flexibilidad.svg');} :is(.sservlistado,.sservsectores) .igb-iconos[style*="capacidad-control.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/control-resultado.svg');} :is(.sservlistado,.sservsectores) .igb-iconos[style*="capacidad-valoracion.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/valoracion-tecnica.svg');} .bservicio h2{max-width:560px;margin:0 0 12px;font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.02em;} .bservicio__contenido > p:not(.bservicio__etiquetas):not(.bserv__link), .bservicio__contenido > .wp-block-group__inner-container > p:not(.bservicio__etiquetas):not(.bserv__link){margin:0;color:var(--color-text);font-size:15px;line-height:1.6;} .bservicio .bservicio__etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0 !important;flex:none;} .bservicio__etiquetas span{display:inline-block;padding:3px 10px;border:1px solid #d6dbe4;border-radius:999px;color:#555f6e;font:500 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.02em;} .bservicio .bserv__link{margin:auto 0 0 !important;padding-top:22px;} .bservicio .bserv__link a{font-size:13px;} .bservicio__media{min-height:380px;background:#dce6ef;overflow:hidden;} .bservicio__media .wp-block-image{height:100%;margin:0;} .bservicio__media img{display:block;width:100%;height:380px;object-fit:cover;} /* La fotografía rellena su mitad incluso si el texto hace crecer la fila. Se conserva intacto el bloque Imagen y su URL, ID, alt y srcset. */ .bserv--listado .bservicio__media{position:relative;min-width:0;} .bserv--listado .bservicio__media .wp-block-image{position:absolute;inset:0;width:100%;height:100%;margin:0;} .bserv--listado .bservicio__media img{width:100%;height:100%;object-fit:cover;} .sservintegral.sservintegral{padding-block:96px;background:#202a43;} .sservintegral .wp-block-columns{gap:70px;margin:0 0 56px;} .sservintegral h2{max-width:610px;margin:0;color:#fff;font-size:clamp(37px,3.5vw,50px);line-height:1.12;} .sservintegral p{margin:0 0 18px;color:#fff;font-size:16px;line-height:1.6;} .sservintegral p:last-child{margin-bottom:0;} .bgaleria1--trio{grid-template-columns:2fr 1fr 1fr;grid-template-rows:none;aspect-ratio:auto;gap:16px;} .bgaleria1--trio .bgaleria1__hueco{height:260px;background:#34415d;overflow:hidden;} .bgaleria1--trio .wp-block-image{height:100%;margin:0;} .bgaleria1--trio img{width:100%;height:260px;object-fit:cover;} .sservsectores.sservsectores{padding-block:100px 110px;background:var(--color-light);} .sservsectores .wp-block-columns{gap:60px;margin:0;} .sservsectores h2{max-width:650px;margin:0;font-size:clamp(36px,3.4vw,49px);line-height:1.12;} .sservsectores .wp-block-columns p{max-width:530px;font-size:16px;line-height:1.6;} .sservsectores .wp-block-buttons{margin:42px 0 40px;} .bsectores--servicios{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;} .bsectores--servicios .bsector.bsector{min-height:140px;background:#354b5e;border-radius:10px;} .bsectores--servicios .bsector .wp-block-cover__inner-container{justify-content:flex-end;row-gap:12px;padding:20px;--ico-size:0;--ico-mb:0;} .bsectores--servicios .bsector .wp-block-cover__inner-container::before, .bsectores--servicios .bsector .wp-block-cover__inner-container::after{display:none;} /* El tamaño, relleno, radio y colores del icono los controla su bloque SVG. */ .bsectores--servicios .bsector h3{margin:0;font-size:17px;line-height:1.25;color:#fff;} .sservcta.sservcta{padding-block:84px;} .sservcta .wp-block-columns{max-width:1216px;margin-inline:auto;gap:clamp(55px,9vw,130px);} .sservcta h2{max-width:740px;margin:0 0 26px;font-size:clamp(36px,3.35vw,48px);line-height:1.12;} .sservcta .wp-block-column > p{max-width:710px;font-size:17px;line-height:1.65;} .sservcta .wp-block-buttons{margin:0 0 16px;} .sservcta__contacto{gap:0;} @media (max-width:1000px){ .bserv--listado .bservicio{min-height:330px;} .bservicio__contenido{padding:30px;} .bservicio__media{min-height:330px;} .bservicio__media img{height:330px;} .bsectores--servicios{grid-template-columns:repeat(3,minmax(0,1fr));} } @media (max-width:781px){ .sservhero__cabecera{gap:20px;padding-block:48px !important;} .sservhero :is(.sservhero__media,.sdethero__media),.sservhero :is(.sservhero__media,.sdethero__media) .wp-block-image img{height:240px;} .sservlistado.sservlistado{padding-block:60px 72px;} .bserv--listado .bservicio,.bserv--listado .bservicio--invertido{grid-template-columns:1fr 38%;} .bserv--listado .bservicio--invertido{grid-template-columns:38% 1fr;} .sservintegral.sservintegral,.sservsectores.sservsectores{padding-block:68px;} .sservintegral .wp-block-columns{gap:24px !important;margin-bottom:36px;} .bgaleria1--trio{grid-template-columns:repeat(3,minmax(0,1fr));} .bgaleria1--trio .bgaleria1__hueco,.bgaleria1--trio img{height:180px;} .sservsectores .wp-block-columns{gap:20px !important;} .bsectores--servicios{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:600px){ .sservhero__cabecera h1{font-size:38px;} .sservhero__cabecera p{font-size:15px;} .sservhero :is(.sservhero__media,.sdethero__media),.sservhero :is(.sservhero__media,.sdethero__media) .wp-block-image img{height:200px;} .bserv.bserv--listado{gap:18px;} .bserv--listado .bservicio,.bserv--listado .bservicio--invertido{display:flex;flex-direction:column;min-height:0;} .bserv--listado .bservicio--invertido .bservicio__media{order:0;} .bservicio__contenido{padding:26px 24px;} .bservicio h2{font-size:29px;} .bservicio__media,.bservicio__media img{height:220px;min-height:220px;} .bgaleria1--trio{grid-template-columns:1fr;} .bgaleria1--trio .bgaleria1__hueco,.bgaleria1--trio img{height:190px;} .bsectores--servicios{gap:12px;} .bsectores--servicios .bsector.bsector{min-height:150px;} .bsectores--servicios .bsector .wp-block-cover__inner-container{padding:16px;} .bsectores--servicios .bsector h3{font-size:15px;} .sservcta.sservcta{padding-block:64px;} .sservcta h2{font-size:36px;} } /* ========================================================================== FICHA DE SERVICIO · Mecanizado CNC Ocho secciones autónomas para patrones no sincronizados. Las variantes conservan los bloques compartidos scaphero, scappiezas, bcaprazones, bserv, scaptec, sctafinal y bcalidadfaq. ========================================================================== */ .sdethero{width:100%;margin:0;background:#fff;} /* El style.css publicado puede conservar el padding genérico de pagecont: el hero necesita sangrar hasta ambos bordes también en esa versión. */ .pagecont > .sdethero{padding:0;} .sdethero .scaphero__cabecera{padding-block:72px 55px !important;} .sdethero__fila{gap:clamp(45px,8vw,115px);margin:0;} .sdethero .scaphero__cabecera h1{max-width:760px;margin:0;font-size:clamp(40px,3.5vw,50px);line-height:1.14;letter-spacing:-.03em;} .sdethero__acciones{display:flex;flex-direction:column;align-items:stretch;gap:10px !important;max-width:344px;margin-left:auto !important;} .sdethero__acciones .wp-block-button,.sdethero__acciones .wp-block-button__link{width:100%;box-sizing:border-box;text-align:center;} .sdethero__acciones .wp-block-button__link{white-space:normal;} .sdethero__media{height:326px;margin:0 !important;padding:0;background:#dce6ef;overflow:hidden;} .sdethero__media .wp-block-image{height:100%;margin:0;} .sdethero__media .wp-block-image img{display:block;width:100%;height:326px;object-fit:cover;} .sdethero .scaphero__intro{padding-block:44px 48px !important;} .sdethero .scaphero__intro p{max-width:920px;margin-inline:auto;font-size:16px;line-height:1.65;color:var(--color-dark);} .sdethero .scaphero__intro p + p{margin-top:18px;} .sdetintro.sdetintro,.sdetzona.sdetzona{padding-block:86px;background:var(--color-light);} .sdetintro .wp-block-columns,.sdetzona .wp-block-columns{gap:80px;margin:0;} .sdetintro h2,.sdetzona h2{max-width:690px;margin:0 0 24px;font-size:clamp(36px,3.2vw,45px);line-height:1.12;letter-spacing:-.025em;} .sdetintro p,.sdetzona p{margin:0 0 18px;font-size:16px;line-height:1.65;color:#596174;} .sdetintro p:last-child,.sdetzona p:last-child{margin-bottom:0;} .sdetintro__media,.sdetzona__media{height:535px;background:#dce6ef;overflow:hidden;} .sdetintro__media .wp-block-image,.sdetzona__media .wp-block-image{height:100%;margin:0;} .sdetintro__media img,.sdetzona__media img{display:block;width:100%;height:535px;object-fit:cover;} .sdetpiezas.sdetpiezas{padding-block:104px 100px;background:#fff;} .sdetpiezas__cabecera,.sdetprocesos__cabecera,.sdetintegral__cabecera{gap:70px;margin:0 0 48px;} .sdetpiezas h2,.sdetprocesos h2,.sdetintegral h2{max-width:630px;margin:0;font-size:clamp(36px,3.2vw,45px);line-height:1.12;letter-spacing:-.025em;} .sdetpiezas__cabecera p,.sdetprocesos__cabecera p,.sdetintegral__cabecera p{margin:0 0 18px;font-size:16px;line-height:1.6;} .sdetpiezas__cabecera p:last-child,.sdetprocesos__cabecera p:last-child,.sdetintegral__cabecera p:last-child{margin-bottom:0;} .bcaprazones--servicio,.bcaprazones--integral{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;} .bcaprazones--servicio .bcaprazon,.bcaprazones--integral .bcaprazon{display:flex;flex-direction:column;align-items:flex-start;min-width:0;} .bcaprazones--servicio .bcaprazon{min-height:345px;padding:28px;background:var(--color-light);border-radius:11px;} .bcaprazones--servicio .bcaprazon__icono,.bcaprazones--integral .bcaprazon__icono{display:flex;width:44px;height:44px;margin:0 0 22px !important;} .bcaprazones--servicio .bcaprazon__icono .igb-iconos__shape,.bcaprazones--integral .bcaprazon__icono .igb-iconos__shape{width:44px;height:44px;} /* En estas tarjetas el color del plugin corresponde al círculo, no al trazo del SVG. Los iconos nuevos se enmascaran en blanco dentro del círculo. */ .sdetpiezas .bcaprazones--servicio .bcaprazon__icono{ width:var(--igb-icon-size,44px); height:var(--igb-icon-size,44px); background-color:var(--igb-icon-color,#294761); border-radius:50%; } .sdetpiezas .bcaprazones--servicio .bcaprazon__icono .igb-iconos__shape{ width:calc(var(--igb-icon-size,44px) * .5); height:calc(var(--igb-icon-size,44px) * .5); background-color:#fff; background-image:none; -webkit-mask-image:var(--igb-icon-url); mask-image:var(--igb-icon-url); -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; } .bcaprazones--servicio .bcaprazon h3,.bcaprazones--integral .bcaprazon h3{margin:0 0 12px;font-size:20px;line-height:1.28;} .bcaprazones--servicio .bcaprazon p,.bcaprazones--integral .bcaprazon p{margin:0;font-size:14px;line-height:1.55;} .bcaprazones--servicio .bcaprazon .bcaprazon__ejemplo{margin-top:auto;padding-top:17px;font-size:12px;line-height:1.5;font-style:italic;} /* WordPress inserta wp-block-group__inner-container en el front, pero la previsualización y algunos patrones pueden venir sin él. */ .sdetpiezas > .wp-block-buttons, .sdetpiezas > .wp-block-group__inner-container > .wp-block-buttons, .sdetintegral > .wp-block-buttons, .sdetintegral > .wp-block-group__inner-container > .wp-block-buttons{ justify-content:center; margin-top:34px; } .sdetprocesos.sdetprocesos{padding-block:108px 112px;background:var(--color-light);} .sdetprocesos__cabecera{margin-bottom:40px;} .bserv.bserv--procesos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;background:transparent;border-radius:0;overflow:visible;} /* La rejilla funciona como patrón independiente, con o sin wrapper de WP. */ .bserv--procesos > .wp-block-group__inner-container{display:contents;} .bserv--procesos > *, .bserv--procesos > .wp-block-group__inner-container > *{margin-block:0 !important;} .bserv--procesos .bserv__item{min-height:325px;padding:30px;background:#fff;border-radius:11px;backdrop-filter:none;} .bserv--procesos .bserv__icono{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:0 0 22px !important;} .bserv--procesos .bserv__icono .igb-iconos__shape{display:block;width:44px;height:44px;background:transparent url('images/capacidad-cnc.svg') center/contain no-repeat;background-image:var(--igb-icon-url);-webkit-mask-image:none;mask-image:none;} .bserv--procesos .bserv__item h3{margin-bottom:13px;font-size:20px;} .bserv--procesos .bserv__item p{font-size:14px;line-height:1.55;} .bserv--procesos .bserv__item .bserv__link{margin-top:22px !important;} .sdetintegral.sdetintegral{padding-block:106px 104px;background:#222b43;} .sdetintegral__cabecera{margin-bottom:46px;} .sdetintegral h2,.sdetintegral__cabecera p{color:#fff;} .bcaprazones--integral .bcaprazon{min-height:272px;padding:27px;background:rgba(255,255,255,.08);border-radius:11px;} .bcaprazones--integral .bcaprazon h3,.bcaprazones--integral .bcaprazon p{color:#fff;} .bcaprazones--integral .bcaprazon p{color:rgba(255,255,255,.86);} .sdetintegral > .wp-block-buttons, .sdetintegral > .wp-block-group__inner-container > .wp-block-buttons{margin-top:40px;} /* Estos cuatro SVG se publicaron en la biblioteca multimedia, no en la carpeta images del tema. El respaldo también arregla patrones ya pegados. */ :is(.sdetpiezas,.sdetprocesos,.sdetintegral) .igb-iconos[style*="capacidad-cnc.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/torneado.svg');} :is(.sdetpiezas,.sdetprocesos,.sdetintegral) .igb-iconos[style*="capacidad-flexibilidad.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/flexibilidad.svg');} :is(.sdetpiezas,.sdetprocesos,.sdetintegral) .igb-iconos[style*="capacidad-control.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/control-resultado.svg');} :is(.sdetpiezas,.sdetprocesos,.sdetintegral) .igb-iconos[style*="capacidad-valoracion.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/valoracion-tecnica.svg');} /* Los SVG antiguos llevan el círculo dentro del propio archivo, por lo que aquí se conservan como imagen hasta sustituirlos en Gutenberg. */ .sdetpiezas .bcaprazones--servicio .igb-iconos:is( [style*="/images/capacidad-"], [style*="/2026/09/torneado.svg"], [style*="/2026/09/flexibilidad.svg"], [style*="/2026/09/control-resultado.svg"] ) .igb-iconos__shape{ width:var(--igb-icon-size,44px); height:var(--igb-icon-size,44px); background-color:transparent; background-image:var(--igb-icon-url); -webkit-mask-image:none; mask-image:none; } .sdetpiezas .bcaprazones--servicio .igb-iconos:is( [style*="/images/capacidad-"], [style*="/2026/09/torneado.svg"], [style*="/2026/09/flexibilidad.svg"], [style*="/2026/09/control-resultado.svg"] ){background-color:transparent;border-radius:0;} /* Las rutas de tema antiguas ya no existen: el respaldo anterior aporta el archivo publicado en la biblioteca multimedia. */ .sdetpiezas .bcaprazones--servicio .igb-iconos[style*="capacidad-cnc.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/torneado.svg');} .sdetpiezas .bcaprazones--servicio .igb-iconos[style*="capacidad-flexibilidad.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/flexibilidad.svg');} .sdetpiezas .bcaprazones--servicio .igb-iconos[style*="capacidad-control.svg"] .igb-iconos__shape{background-image:url('/wp-content/uploads/2026/09/control-resultado.svg');} .sdetcta.sdetcta{padding-block:86px;} .sdetcta .wp-block-column > p + p{margin-top:16px;} .sdetcta .wp-block-column > .wp-block-buttons{margin-bottom:17px;} .sdetfaq.sdetfaq{padding-block:100px 104px;} .sdetfaq h2{max-width:900px;margin-bottom:38px;font-size:clamp(36px,3.1vw,45px);line-height:1.15;} .sdetfaq .bcalidadfaq{max-width:930px;} .sdetfaq .bcalidadfaq details{border-bottom-color:#e7ebf0;} @media (max-width:1100px){ .bserv.bserv--procesos{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width:1000px){ .sdetintro .wp-block-columns,.sdetzona .wp-block-columns{gap:44px;} .sdetpiezas__cabecera,.sdetprocesos__cabecera,.sdetintegral__cabecera{gap:36px;} .bcaprazones--servicio,.bcaprazones--integral{grid-template-columns:repeat(2,minmax(0,1fr));} .bcaprazones--servicio .bcaprazon,.bcaprazones--integral .bcaprazon{min-height:275px;} .bserv--procesos .bserv__item{padding:24px;} } @media (max-width:781px){ .sdethero .scaphero__cabecera{padding-block:48px 40px !important;} .sdethero__fila{gap:24px;} .sdethero__acciones{max-width:none;margin-left:0 !important;} .sdethero__media,.sdethero__media .wp-block-image img{height:240px;} .sdethero .scaphero__intro{padding-block:34px 42px !important;} .sdetintro.sdetintro,.sdetzona.sdetzona,.sdetpiezas.sdetpiezas,.sdetprocesos.sdetprocesos,.sdetintegral.sdetintegral,.sdetfaq.sdetfaq{padding-block:66px;} .sdetintro .wp-block-columns,.sdetzona .wp-block-columns{gap:30px;} .sdetintro__media,.sdetzona__media,.sdetintro__media img,.sdetzona__media img{height:360px;} .sdetpiezas__cabecera,.sdetprocesos__cabecera,.sdetintegral__cabecera{gap:18px;margin-bottom:34px;} .bserv.bserv--procesos{grid-template-columns:1fr;} .bserv--procesos .bserv__item{min-height:0;} .sdetcta.sdetcta{padding-block:68px;} } @media (max-width:600px){ .sdethero .scaphero__cabecera h1{font-size:39px;} .sdethero__media,.sdethero__media .wp-block-image img{height:195px;} .sdetintro h2,.sdetzona h2,.sdetpiezas h2,.sdetprocesos h2,.sdetintegral h2,.sdetfaq h2{font-size:35px;} .sdetintro__media,.sdetzona__media,.sdetintro__media img,.sdetzona__media img{height:300px;} .bcaprazones--servicio,.bcaprazones--integral{grid-template-columns:1fr;gap:14px;} .bcaprazones--servicio .bcaprazon,.bcaprazones--integral .bcaprazon{min-height:0;padding:26px;} .bcaprazones--servicio .bcaprazon .bcaprazon__ejemplo{margin-top:0;} .sdetcta .wp-block-columns{gap:34px !important;} } /* ========================================================================== CASO DE ÉXITO · cuatro patrones independientes Reutiliza el bloque Cover, la galería bgaleria1 y el CTA sctafinal. ========================================================================== */ .pagecont > .scasohero{padding:0;} :is(.scasoproyecto,.scasogaleria,.scasocta).alk-sec{ padding-inline:max(20px,calc((100% - 1216px) / 2)); } .scasohero.scasohero{position:relative;isolation:isolate;min-height:432px;display:flex;align-items:end;box-sizing:border-box;padding-block:clamp(56px,5vw,76px);margin:0;overflow:hidden;background:#294761;} .scasohero .wp-block-cover__image-background{position:absolute;z-index:0;inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;} .scasohero .wp-block-cover__background{position:absolute;z-index:1;inset:0;opacity:.72;} .scasohero .wp-block-cover__inner-container{width:min(1216px,calc(100% - 40px));margin-inline:auto;position:relative;z-index:2;} .scasohero h1{max-width:830px;margin:0;color:#fff;font-size:clamp(43px,4.17vw,60px);line-height:1.2;letter-spacing:-.025em;} .scasoproyecto.scasoproyecto{padding-block:64px 74px;background:var(--color-light);} .scasoproyecto .wp-block-columns{display:grid;grid-template-columns:minmax(0,742fr) minmax(320px,428fr);gap:46px;align-items:start;margin:0;} .scasoproyecto .wp-block-column{min-width:0;flex-basis:auto !important;margin:0;} .scasoproyecto__texto h2{margin:0 0 34px;font-size:clamp(37px,3.13vw,45px);line-height:1.1;} .scasoproyecto__texto h3{margin:0 0 16px;font-size:clamp(29px,2.5vw,36px);line-height:1.14;} .scasoproyecto__texto p{margin:0 0 18px;max-width:742px;color:var(--color-text);font-size:16px;line-height:1.65;} .scasoproyecto__texto .scasoproyecto__resultado{margin-top:50px;} .scasoficha{padding:24px 22px 30px;background:#fff;box-sizing:border-box;} .scasoficha h2{margin:0 0 26px;font-size:clamp(28px,2.5vw,36px);line-height:1.18;} .scasoficha .bcasodato{margin:0 0 19px;} .scasoficha .bcasodato:last-child{margin-bottom:0;} .bcasodato h3{margin:0 0 4px;color:var(--color-dark);font-size:15px;line-height:1.35;font-weight:700;} .bcasodato p{margin:0;color:var(--color-text);font-size:15px;line-height:1.55;} .scasogaleria.scasogaleria{padding-inline:0;padding-block:0 112px;background:var(--color-light);} .scasogaleria h2{margin:0 0 38px;padding-inline:max(20px,calc((100% - 1216px) / 2));font-size:clamp(32px,2.5vw,36px);line-height:1.15;} /* El carrusel ocupa el viewport: solo su posición inicial respeta el margen de contenido. Al desplazarlo, las imágenes llegan hasta el borde derecho. */ .bgaleria1--caso.bgaleria1--caso{display:flex;width:100%;max-width:none;box-sizing:border-box;grid-template-columns:none;grid-template-rows:none;gap:40px;aspect-ratio:auto;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:none;scroll-behavior:auto;scroll-padding-left:max(20px,calc((100% - 1216px) / 2));scrollbar-width:thin;scrollbar-color:#294761 #d4e0ed;padding:0 0 12px max(20px,calc((100% - 1216px) / 2));} .bgaleria1--caso.is-draggable{cursor:grab;} .bgaleria1--caso.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;} .bgaleria1--caso .bgaleria1__hueco{flex:0 0 min(994px,calc(100% - 120px));aspect-ratio:994/611;min-width:0;min-height:0;margin:0;overflow:hidden;background:#d9d9d9;scroll-snap-align:none;} .bgaleria1--caso .bgaleria1__hueco:has(.wp-block-image){background:transparent;} .bgaleria1--caso .wp-block-image{width:100%;height:100%;margin:0;} .bgaleria1--caso .wp-block-image img{display:block;width:100%;height:100%;object-fit:cover;} .scasocta.scasocta{padding-block:90px 94px;} .scasocta .wp-block-columns{max-width:1216px;margin:0 auto;gap:clamp(58px,9vw,132px);} .scasocta h2{max-width:700px;margin:0 0 26px;font-size:clamp(36px,3.15vw,45px);line-height:1.13;} .scasocta .wp-block-column > p:not(.scapcta__eyebrow){max-width:700px;margin:0 0 18px;font-size:17px;line-height:1.65;} .scasocta .wp-block-column > p:last-child{margin-bottom:0;} .scasocta .wp-block-buttons{margin-bottom:20px;} .scasocta .wp-block-buttons .wp-block-button__link{white-space:normal;} .scasocta__contacto{gap:0;} .scasocta__linea{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.25);box-sizing:border-box;} .scasocta__linea > .wp-block-group__inner-container{display:contents;} .scasocta__linea p{margin:0;} .scasocta__linea a{color:rgba(255,255,255,.9);font-size:14px;text-decoration:none;} .scasocta__icono{flex:none;margin:0 !important;} @media (max-width:1000px){ .scasoproyecto .wp-block-columns{grid-template-columns:minmax(0,1.45fr) minmax(285px,1fr);gap:30px;} .bgaleria1--caso .bgaleria1__hueco{flex-basis:min(760px,calc(100% - 80px));} } @media (max-width:781px){ .scasohero.scasohero{min-height:340px;} .scasoproyecto.scasoproyecto{padding-block:58px 65px;} .scasoproyecto .wp-block-columns{display:block;} .scasoproyecto .wp-block-column + .wp-block-column{margin-top:46px;} .scasoproyecto__texto .scasoproyecto__resultado{margin-top:38px;} .scasogaleria.scasogaleria{padding-bottom:70px;} .scasocta.scasocta{padding-block:70px;} .scasocta .wp-block-columns{gap:36px !important;} } @media (max-width:600px){ .scasohero.scasohero{min-height:290px;} .scasohero h1{font-size:clamp(36px,9vw,44px);} .scasoproyecto__texto h2{font-size:36px;} .scasoproyecto__texto h3,.scasogaleria h2{font-size:30px;} .scasoficha{padding:22px 20px 26px;} .scasoficha h2{font-size:30px;} .bgaleria1--caso.bgaleria1--caso{gap:16px;} .bgaleria1--caso .bgaleria1__hueco{flex-basis:calc(100% - 40px);} .scasocta h2{font-size:35px;} } /* ========================================================================== LISTADO DE CASOS DE ÉXITO · hero editable + filtros y tarjetas del CPT ========================================================================== */ .pagecont > .scasolistado__hero{padding:0;} .scasolistado__hero.scasolistado__hero{min-height:316px;padding-block:0;align-items:end;} .scasolistado__hero .wp-block-cover__inner-container, .scasolistado__hero-contenido{width:min(1216px,calc(100% - 40px));margin:0 auto 48px;position:relative;z-index:2;} .scasolistado__hero h1{max-width:750px;margin:0;color:#fff;font-size:clamp(42px,4.17vw,60px);line-height:1.12;letter-spacing:-.025em;} .scasolistado__hero--respaldo{box-sizing:border-box;} .pagecont > .scasolistado__filtros{padding:0 max(20px,calc((100% - 1216px) / 2));background:#d7dee6;} .scasolistado__formulario{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px;margin:0;} .scasolistado__opciones{display:flex;align-items:center;flex-wrap:wrap;gap:16px;} .scasolistado__limpiar{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 22px;border-radius:999px;background:var(--color-main);color:#fff !important;text-decoration:none;font:600 13px/1 'Poppins',sans-serif;white-space:nowrap;transition:background .2s ease;} .scasolistado__limpiar:hover{background:var(--color-dark);} .scasolistado__selector{position:relative;display:inline-flex;align-items:center;} .scasolistado__selector::after{content:"";position:absolute;right:15px;top:calc(50% - 4px);width:7px;height:7px;border-right:1.5px solid var(--color-dark);border-bottom:1.5px solid var(--color-dark);transform:rotate(45deg);pointer-events:none;} .scasolistado__selector select{appearance:none;min-width:112px;max-width:230px;height:38px;padding:0 33px 0 19px;border:1px solid #8393a5;border-radius:999px;background:transparent;color:var(--color-dark);font:500 13px/1 'Poppins',sans-serif;cursor:pointer;} .scasolistado__selector select:focus-visible,.scasolistado__buscador:focus-within{outline:2px solid var(--color-main);outline-offset:2px;} .scasolistado__buscador{display:flex;align-items:center;flex:0 0 310px;height:38px;border-radius:999px;background:#fff;overflow:hidden;} .scasolistado__buscador input{width:100%;min-width:0;height:100%;padding:0 12px 0 19px;border:0;outline:0;background:transparent;color:var(--color-dark);font:400 13px/1 'Poppins',sans-serif;} .scasolistado__buscador input::placeholder{color:#464d58;opacity:1;} .scasolistado__buscador button{display:grid;place-items:center;flex:0 0 42px;height:38px;padding:0;border:0;background:transparent;cursor:pointer;} .scasolistado__buscador button span{position:relative;display:block;width:17px;height:17px;} .scasolistado__buscador button span::before{content:"";position:absolute;left:0;top:0;width:10px;height:10px;border:1.7px solid var(--color-dark);border-radius:50%;} .scasolistado__buscador button span::after{content:"";position:absolute;left:11px;top:11px;width:7px;height:1.7px;background:var(--color-dark);transform:rotate(45deg);transform-origin:left center;} .pagecont > .scasolistado__resultados{padding:72px max(20px,calc((100% - 1216px) / 2)) 110px;background:var(--color-light);} .scasolistado__rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px;} .scasotarjeta{min-width:0;margin:0;background:#fff;} .scasotarjeta__enlace{display:flex;flex-direction:column;height:100%;color:inherit !important;text-decoration:none;} .scasotarjeta__media{display:block;aspect-ratio:392/240;overflow:hidden;background:#d9d9d9;} .scasotarjeta__media img,.scasotarjeta__sin-imagen{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;} .scasotarjeta__enlace:hover img{transform:scale(1.035);} .scasotarjeta__contenido{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:19px 22px 24px;box-sizing:border-box;} .scasotarjeta__titulo{margin:0 0 9px;color:var(--color-dark);font:700 17px/1.24 'Poppins',sans-serif;} .scasotarjeta__subtitulo{margin:0 0 4px;color:var(--color-dark);font:600 12px/1.4 'Poppins',sans-serif;} .scasotarjeta__resumen{margin:0;color:var(--color-text);font:400 13px/1.5 'Poppins',sans-serif;} .blogtarjeta__meta{margin:0 0 8px;color:var(--color-main);font:600 10px/1.25 'IBM Plex Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;} .scasotarjeta__enlace:focus-visible,.scasolistado__limpiar:focus-visible,.scasolistado__pagina:focus-visible{outline:3px solid var(--color-main);outline-offset:3px;} .scasolistado__vacio{max-width:680px;margin:0 auto;padding:60px 30px;background:#fff;text-align:center;} .scasolistado__vacio h2{margin:0 0 12px;font-size:32px;} .scasolistado__vacio p{margin:0 0 22px;} .scasolistado__vacio a{color:var(--color-main);font-weight:600;} .scasolistado__paginacion{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin-top:64px;} .scasolistado__pagina{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 9px;border:1px solid #9cacbd;border-radius:999px;color:var(--color-dark) !important;text-decoration:none;font:600 13px/1 'Poppins',sans-serif;box-sizing:border-box;} .scasolistado__pagina:hover,.scasolistado__pagina.is-current{border-color:var(--color-main);background:var(--color-main);color:#fff !important;} .scasolistado__pagina--flecha{padding-inline:17px;} .scasolistado__separador{padding-inline:4px;color:var(--color-text);} .bloglistado__paginacion :is(a.page-numbers,span.page-numbers){display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 9px;border:1px solid #9cacbd;border-radius:999px;color:var(--color-dark) !important;text-decoration:none;font:600 13px/1 'Poppins',sans-serif;box-sizing:border-box;} .bloglistado__paginacion :is(.page-numbers.current,a.page-numbers:hover){border-color:var(--color-main);background:var(--color-main);color:#fff !important;} .bloglistado__paginacion .page-numbers.dots{border:0;background:transparent;color:var(--color-text) !important;} .bloglistado__paginacion :is(.page-numbers.prev,.page-numbers.next){padding-inline:17px;} .bloglistado__paginacion ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;} .bloglistado__paginacion li{margin:0;} @media (max-width:1000px){ .scasolistado__rejilla{grid-template-columns:repeat(2,minmax(0,1fr));} .scasolistado__formulario{gap:15px;} .scasolistado__opciones{gap:9px;} .scasolistado__buscador{flex-basis:230px;} } @media (max-width:700px){ .scasolistado__hero.scasolistado__hero{min-height:260px;} .scasolistado__hero .wp-block-cover__inner-container,.scasolistado__hero-contenido{margin-bottom:34px;} .scasolistado__hero h1{font-size:clamp(36px,8vw,46px);} .pagecont > .scasolistado__filtros{padding-block:18px;} .scasolistado__formulario{align-items:stretch;flex-direction:column;gap:14px;} .scasolistado__opciones{gap:9px;} .scasolistado__buscador{flex-basis:auto;width:100%;} .pagecont > .scasolistado__resultados{padding-block:50px 75px;} } @media (max-width:600px){ .scasolistado__rejilla{grid-template-columns:1fr;gap:22px;} .scasolistado__selector select{min-width:0;max-width:calc(100vw - 40px);} .scasolistado__limpiar{padding-inline:17px;} .scasotarjeta__titulo{font-size:18px;} .scasolistado__paginacion{margin-top:46px;} } /* ========================================================================== ENTRADA DEL BLOG · hero automático y CTA lateral configurable ========================================================================== */ .pagecont > .blogsingle__cuerpo{padding:76px max(20px,calc((100% - 1216px) / 2)) 112px;background:var(--color-light);} .blogsingle__rejilla{display:grid;grid-template-columns:minmax(0,742px) minmax(300px,404px);justify-content:space-between;gap:70px;align-items:start;max-width:1216px;margin:0 auto;} .blogsingle__rejilla--sin-cta{grid-template-columns:minmax(0,760px);justify-content:center;} .blogsingle__lateral{grid-column:2;grid-row:1;min-width:0;align-self:stretch;} .bblogcta{position:sticky;top:108px;padding:34px 30px 38px;background:#fff;color:var(--color-dark);box-sizing:border-box;} .bblogcta__antetitulo{margin:0 0 16px;font:600 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:2.3px;color:var(--color-main);} .bblogcta h2{margin:0 0 16px;color:var(--color-dark);font-size:clamp(27px,2.05vw,33px);line-height:1.15;letter-spacing:-.025em;} .bblogcta__texto{margin:0 0 25px;color:var(--color-text);font-size:15px;line-height:1.62;} .bblogcta__boton{position:relative;display:block;padding:14px 43px 14px 20px;border-radius:999px;background:var(--color-main);color:#fff !important;text-decoration:none;font:600 13px/20px 'Poppins',sans-serif;transition:background-color .2s ease,color .2s ease,transform .15s ease;width: fit-content;} .bblogcta__boton::after{content:"";position:absolute;top:0;right:18px;bottom:0;width:15px;height:15px;margin:auto;background:#fff;-webkit-mask:var(--i-arrow) no-repeat center/contain;mask:var(--i-arrow) no-repeat center/contain;transition:transform .25s ease;} .bblogcta__boton:hover{background:var(--color-dark);color:#fff !important;} .bblogcta__boton:hover::after{transform:translate(3px,-3px);} .bblogcta__boton:focus-visible{outline:3px solid var(--color-main);outline-offset:3px;} .blogsingle__contenido{grid-column:1;grid-row:1;min-width:0;color:var(--color-text);} .blogsingle__contenido > :first-child{margin-top:0;} .blogsingle__contenido > :last-child{margin-bottom:0;} .blogsingle__contenido h2{margin:0 0 18px;font-size:clamp(31px,2.6vw,38px);line-height:1.17;letter-spacing:-.02em;} .blogsingle__contenido h3{margin:42px 0 14px;font-size:clamp(24px,2vw,30px);line-height:1.2;} .blogsingle__contenido p{margin:0 0 20px;font-size:16px;line-height:1.72;} .blogsingle__contenido :is(ul,ol){margin:0 0 22px;padding-left:1.35em;} .blogsingle__contenido li{margin-bottom:8px;} .blogsingle__contenido figure{margin:32px 0;} .blogsingle__contenido figure img{display:block;width:100%;height:auto;} .blogsingle__contenido .bblogimagen{aspect-ratio:16/9;min-height:220px;margin:32px 0;background:#d9d9d9;overflow:hidden;} .blogsingle__contenido .bblogimagen .wp-block-image,.blogsingle__contenido .bblogimagen img{width:100%;height:100%;margin:0;} .blogsingle__contenido .bblogimagen img{display:block;object-fit:cover;} .blogsingle__contenido .wp-block-quote{margin:34px 0;padding:20px 24px;border-left:3px solid var(--color-main);background:#fff;color:var(--color-dark);} .blogsingle__contenido .wp-block-quote p{margin:0;font-size:20px;line-height:1.5;} @media (max-width:900px){ .pagecont > .blogsingle__cuerpo{padding-block:62px 80px;} .blogsingle__rejilla{grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:32px;} .bblogcta{top:92px;padding:26px 24px 30px;} .bblogcta h2{font-size:27px;} .bblogcta__texto{font-size:14px;} } @media (max-width:700px){ .pagecont > .blogsingle__cuerpo{padding-block:50px 68px;} .blogsingle__rejilla{display:flex;flex-direction:column;gap:42px;} .blogsingle__lateral{width:100%;order:2;} .blogsingle__contenido{order:1;width:100%;} .bblogcta{position:static;padding:28px 24px;} } /* ========================================================================== MECANIZADO EN EL PAÍS VASCO · Figma 152:2384 Secciones independientes. Reutiliza scaphero__cabecera, sacerohero__media, bcaptec, sctafinal y bcalidadfaq; no hay un contenedor de página obligatorio. Los iconos los dibuja exclusivamente Icono SVG: aquí no se fijan su tamaño, color, fondo, padding ni radio. ========================================================================== */ .slocalhero.alk-sec{padding-block:44px 45px !important;} .slocalhero h1{max-width:510px;margin:0 0 17.5px;font-size:clamp(36px,3.48vw,50px);line-height:1.2;letter-spacing:-.0288em;} .slocalhero p{max-width:646px;margin:0;font-size:16px;line-height:28px;color:var(--color-dark);} .slocalbanner{margin:0 !important;} .slocalventajas{background:var(--color-light);} .slocalventajas.alk-sec{padding-block:96px;} .slocalventajas .wp-block-column + .wp-block-column{padding-top:20px;} :is(.slocalventajas,.slocalsectores) .wp-block-columns{gap:48px;margin:0;align-items:flex-start;} :is(.slocalventajas,.slocalsectores) h2{margin:0;font-size:clamp(30px,3.125vw,45px);line-height:48px;letter-spacing:-.02em;} .slocalventajas h2{max-width:584px;font-size:clamp(30px,3.34vw,48px);} :is(.slocalventajas,.slocalsectores) .wp-block-column > p{margin:0;font-size:16px;line-height:26px;color:var(--color-text);} .slocalsectores{background:#fff;} .slocalsectores.alk-sec{display:grid;align-content:center;min-height:224px;padding-block:40px;} .slocalsectores h2{max-width:608px;} .slocalsectores .wp-block-columns{align-items:center;} .slocalsectores .wp-block-column > p + p{margin-top:26px;} /* Variante clara de la rejilla existente, reutilizable fuera de la sección. Los hijos son grupos normales con Icono SVG + párrafo, sin clases propias. Los bordes pertenecen a las celdas: la sexta posición vacía queda vacía. */ .bcaptec.bcaptec--local{grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border:0;gap:0;} .bcaptec--local > .wp-block-group, .bcaptec--local > .wp-block-group__inner-container > .wp-block-group{ display:flex;align-items:flex-start;gap:12px;min-width:0;padding:24px; border:1px solid var(--color-dark);margin:0;box-sizing:border-box; } .bcaptec--local > .wp-block-group:nth-child(n+4), .bcaptec--local > .wp-block-group__inner-container > .wp-block-group:nth-child(n+4){border-top:0;} .bcaptec--local > .wp-block-group:not(:nth-child(3n+1)), .bcaptec--local > .wp-block-group__inner-container > .wp-block-group:not(:nth-child(3n+1)){border-left:0;} .bcaptec.bcaptec--local > .wp-block-group > .wp-block-group__inner-container, .bcaptec.bcaptec--local > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container{display:contents;padding:0;} .bcaptec.bcaptec--local > .wp-block-group .igb-iconos, .bcaptec.bcaptec--local > .wp-block-group__inner-container > .wp-block-group .igb-iconos{flex:none;align-self:flex-start;margin:2px 0 0 !important;} .bcaptec.bcaptec--local > .wp-block-group p, .bcaptec.bcaptec--local > .wp-block-group__inner-container > .wp-block-group p{margin:0 !important;min-width:0;font-size:14px;line-height:24px;letter-spacing:-.02em;color:var(--color-text) !important;} .slocalcta.alk-sec{min-height:505px;padding-block:92px 112px;} .slocalcta .wp-block-columns{margin:0;gap:clamp(32px,11.25vw,162px);} .slocalcta h2{margin:0 0 32px;font-size:clamp(32px,3.125vw,45px);line-height:1.1;letter-spacing:-.032em;} .slocalcta .wp-block-column > p{max-width:672px;font-size:18px;line-height:29.25px;} .slocalcta .wp-block-column > p + p{margin-top:29px;} .slocalcta .wp-block-buttons{gap:16px;margin:0 0 16px;} .slocalcta .wp-block-button__link{display:block;box-sizing:border-box;font-size:14px;white-space:normal;} .slocalcta .btnblancog .wp-block-button__link{font-size:14px;} /* Variante SVG del contacto reutilizado. Las filas no necesitan clases. No depende de sctafinal: también puede guardarse como patrón independiente. */ .bctacontacto.bctacontacto--svg{color:#fff;} .bctacontacto--svg > .wp-block-group__inner-container{display:contents;} .bctacontacto--svg > .wp-block-group, .bctacontacto--svg > .wp-block-group__inner-container > .wp-block-group{ display:flex;align-items:center;gap:12px;min-width:0;padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.2); } .bctacontacto--svg > .wp-block-group > .wp-block-group__inner-container, .bctacontacto--svg > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container{display:contents;} .bctacontacto--svg .igb-iconos{flex:none;margin:0 !important;} .bctacontacto--svg p{min-width:0;margin:0;font-size:14px;line-height:20px;overflow-wrap:anywhere;} .bctacontacto--svg a{color:inherit;text-decoration:none;} .bctacontacto--svg a:hover{text-decoration:underline;text-underline-offset:3px;} .bctacontacto--svg a:focus-visible{outline:2px solid currentColor;outline-offset:4px;} .bcalidadfaq.bcalidadfaq--local{max-width:934px;border:1px solid #e6e6e6;box-sizing:border-box;} .bcalidadfaq--local > .wp-block-group__inner-container{display:contents;} .bcalidadfaq--local details{padding:0 28px;border-bottom-color:#e6e6e6;} .bcalidadfaq--local details:last-child{border-bottom:0;} .bcalidadfaq--local summary{padding:20px 32px 20px 0;color:var(--color-main);font-size:18px;line-height:28px;letter-spacing:-.02em;} .bcalidadfaq--local summary::after{content:"";width:16px;height:16px;top:26px;background:currentColor;-webkit-mask:url('/wp-content/uploads/2026/09/chevron-down.svg') center/contain no-repeat;mask:url('/wp-content/uploads/2026/09/chevron-down.svg') center/contain no-repeat;} .bcalidadfaq--local details[open] summary::after{content:"";transform:rotate(180deg);} .bcalidadfaq--local summary:focus-visible{outline:2px solid var(--color-main);outline-offset:2px;} .bcalidadfaq--local details > p{font-size:16px;line-height:26px;} .slocalfaq h2{margin-bottom:24px;} .slocalfaq .wp-block-buttons{margin-top:0;} @media (max-width:1024px){ .bcaptec.bcaptec--local{grid-template-columns:repeat(2,minmax(0,1fr));} .bcaptec--local > .wp-block-group, .bcaptec--local > .wp-block-group__inner-container > .wp-block-group{border:1px solid var(--color-dark);} .bcaptec--local > .wp-block-group:nth-child(n+3), .bcaptec--local > .wp-block-group__inner-container > .wp-block-group:nth-child(n+3){border-top:0;} .bcaptec--local > .wp-block-group:nth-child(even), .bcaptec--local > .wp-block-group__inner-container > .wp-block-group:nth-child(even){border-left:0;} .bcaptec--local > .wp-block-group:nth-child(odd), .bcaptec--local > .wp-block-group__inner-container > .wp-block-group:nth-child(odd){border-left:1px solid var(--color-dark);} } @media (max-width:781px){ .slocalhero.alk-sec{padding-block:40px 44px !important;} :is(.slocalventajas,.slocalsectores) .wp-block-columns{gap:24px;} .slocalventajas.alk-sec{padding-block:64px;} .slocalventajas .wp-block-column + .wp-block-column{padding-top:0;} :is(.slocalventajas,.slocalsectores) h2{line-height:1.15;} .slocalsectores.alk-sec{padding-block:48px;} .slocalcta.alk-sec{min-height:0;padding-block:64px;} .slocalcta .wp-block-columns{gap:40px;} .slocalcta .wp-block-column > p{font-size:16px;line-height:26px;} .slocalcta .wp-block-column > p + p{margin-top:20px;} } @media (max-width:600px){ .bcaptec.bcaptec--local{grid-template-columns:minmax(0,1fr);} .bcaptec--local > .wp-block-group, .bcaptec--local > .wp-block-group__inner-container > .wp-block-group{padding:22px;border-left:1px solid var(--color-dark) !important;} .bcaptec--local > .wp-block-group:nth-child(n+2), .bcaptec--local > .wp-block-group__inner-container > .wp-block-group:nth-child(n+2){border-top:0;} .bcalidadfaq--local details{padding-inline:20px;} .bcalidadfaq--local summary{font-size:16px;line-height:24px;} }