.elementor-254 .elementor-element.elementor-element-5ebcc099{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:-115px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:81px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-254 .elementor-element.elementor-element-5ebcc099:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-5ebcc099 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://astibia.com/wp-content/uploads/2026/09/astibia.com60420180601_132339-01_upscaled-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-254 .elementor-element.elementor-element-5ebcc099::before, .elementor-254 .elementor-element.elementor-element-5ebcc099 > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-5ebcc099 > .e-con-inner > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-5ebcc099 > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-5ebcc099 > .e-con-inner > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-5ebcc099 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-254 .elementor-element.elementor-element-68bdcec4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-254 .elementor-element.elementor-element-3b98db87{text-align:center;}.elementor-254 .elementor-element.elementor-element-3b98db87 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;text-transform:none;line-height:1.1em;letter-spacing:-1.3px;color:var( --e-global-color-5bd60dc );}.elementor-254 .elementor-element.elementor-element-9f0a437 .elementor-icon-wrapper{text-align:center;}.elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b70a650 );}.elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-framed .elementor-icon, .elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-default .elementor-icon{color:var( --e-global-color-b70a650 );border-color:var( --e-global-color-b70a650 );}.elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-framed .elementor-icon, .elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b70a650 );}.elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-1e38924 );}.elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-framed .elementor-icon:hover, .elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-1e38924 );border-color:var( --e-global-color-1e38924 );}.elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-framed .elementor-icon:hover, .elementor-254 .elementor-element.elementor-element-9f0a437.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-1e38924 );}.elementor-254 .elementor-element.elementor-element-9f0a437 .elementor-icon{font-size:35px;}.elementor-254 .elementor-element.elementor-element-9f0a437 .elementor-icon svg{height:35px;}.elementor-254 .elementor-element.elementor-element-ae72ce0{--display:flex;}.elementor-254 .elementor-element.elementor-element-78180d0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-254 .elementor-element.elementor-element-78180d0.elementor-element{--align-self:center;}.elementor-254 .elementor-element.elementor-element-78180d0 .elementor-heading-title{font-weight:700;}.elementor-254 .elementor-element.elementor-element-c7185d5{--divider-border-style:solid;--divider-color:var( --e-global-color-b70a650 );--divider-border-width:3px;}.elementor-254 .elementor-element.elementor-element-c7185d5 .elementor-divider-separator{width:20%;margin:0 auto;margin-center:0;}.elementor-254 .elementor-element.elementor-element-c7185d5 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-254 .elementor-element.elementor-element-c91ad4a{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;text-align:center;}.elementor-254 .elementor-element.elementor-element-c91ad4a.elementor-element{--align-self:center;}.elementor-254 .elementor-element.elementor-element-c91ad4a p{margin-block-end:0px;}.elementor-254 .elementor-element.elementor-element-0ca8468{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-254 .elementor-element.elementor-element-0ca8468.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-254 .elementor-element.elementor-element-87515dd{--display:flex;}.elementor-254 .elementor-element.elementor-element-87515dd:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-87515dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://astibia.com/wp-content/uploads/2026/09/52090003.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-39038f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-254 .elementor-element.elementor-element-9888c02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-254 .elementor-element.elementor-element-c9206e6 .elementor-heading-title{font-size:31px;font-weight:600;}.elementor-254 .elementor-element.elementor-element-ac73ed9{--divider-border-style:solid;--divider-color:#1F85CE;--divider-border-width:2.5px;margin:-4% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-254 .elementor-element.elementor-element-ac73ed9 .elementor-divider-separator{width:17%;}.elementor-254 .elementor-element.elementor-element-ac73ed9 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-254 .elementor-element.elementor-element-e9311e2{margin:-5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-254 .elementor-element.elementor-element-4b78bc2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-254 .elementor-element.elementor-element-4b78bc2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-254 .elementor-element.elementor-element-373acc1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-254 .elementor-element.elementor-element-d7fb5bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-254 .elementor-element.elementor-element-c432ba8 .elementor-heading-title{font-size:30px;font-weight:600;}.elementor-254 .elementor-element.elementor-element-7de7d12{--divider-border-style:solid;--divider-color:var( --e-global-color-b70a650 );--divider-border-width:2.5px;margin:-4% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-254 .elementor-element.elementor-element-7de7d12 .elementor-divider-separator{width:17%;}.elementor-254 .elementor-element.elementor-element-7de7d12 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-254 .elementor-element.elementor-element-641fa8f{margin:-5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-254 .elementor-element.elementor-element-7ffa21b{--display:flex;}.elementor-254 .elementor-element.elementor-element-7ffa21b:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-7ffa21b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://astibia.com/wp-content/uploads/2026/08/ChatGPT-Image-24-ago-2026-12_30_16.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body.elementor-page-254:not(.elementor-motion-effects-element-type-background), body.elementor-page-254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bf890a9 );}@media(min-width:768px){.elementor-254 .elementor-element.elementor-element-68bdcec4{--width:75%;}.elementor-254 .elementor-element.elementor-element-0ca8468{--width:86%;}.elementor-254 .elementor-element.elementor-element-87515dd{--width:48%;}.elementor-254 .elementor-element.elementor-element-39038f4{--width:45%;}.elementor-254 .elementor-element.elementor-element-4b78bc2{--width:86%;}.elementor-254 .elementor-element.elementor-element-373acc1{--width:45%;}.elementor-254 .elementor-element.elementor-element-7ffa21b{--width:48%;}}@media(max-width:1024px){.elementor-254 .elementor-element.elementor-element-5ebcc099{--min-height:400px;--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:85px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-254 .elementor-element.elementor-element-3b98db87 .elementor-heading-title{font-size:56px;line-height:1.1em;}}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-5ebcc099{--min-height:350px;--padding-top:85px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-254 .elementor-element.elementor-element-3b98db87 .elementor-heading-title{font-size:40px;}}/* Start custom CSS for container, class: .elementor-element-87515dd */.elementor-254 .elementor-element.elementor-element-87515dd{
    position: relative;
    overflow: hidden;
    clip-path: polygon(
        0 0,
        100% 0,
        88% 100%,
        0 100%
    );
}

/* Línea azul */
.elementor-254 .elementor-element.elementor-element-87515dd::after{
    content: "";
    position: absolute;
    inset: 0;
    background: #1F85CE;

    clip-path: polygon(
        99.3% 0,
        100% 0,
        88% 100%,
        87.3% 100%
    );

    z-index: 10;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ffa21b */.elementor-254 .elementor-element.elementor-element-7ffa21b{
    position: relative;
    overflow: hidden;

    /* diagonal invertida */
    clip-path: polygon(
        0 0,
        100% 0,
        100% 100%,
        12% 100%
    );
}

/* línea azul diagonal */
.elementor-254 .elementor-element.elementor-element-7ffa21b::after{
    content: "";
    position: absolute;
    inset: 0;
    background: #1F85CE;

    clip-path: polygon(
        0 0,
        0.7% 0,
        12.7% 100%,
        12% 100%
    );

    z-index: 10;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;700&display=swap');

/* ============================================================
   CSS UNICO - Bloques de tecnica Carlos Astibia
   Incluir UNA sola vez en la pagina (o en el CSS global del tema).

   Estructura de cada bloque:
   div.astibia-tecnica > div.container > div.tec-row            (normal: foto izq / tarjeta der)
   div.astibia-tecnica > div.container > div.tec-row.tec-row--invertida  (invertido: tarjeta izq / foto der)

   Para invertir un bloque, SOLO hay que anadir la clase
   "tec-row--invertida" al div.tec-row. No hace falta tocar nada mas.
   ============================================================ */

.astibia-tecnica{
  --azul:#0b1f3a;
  --naranja:#ff5a2f;
  --icono:#1F85CE;
  --texto:#5c6778;
  --fondo-icono:#f5f8fb;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  padding:40px 0;
}
.astibia-tecnica *,.astibia-tecnica *::before,.astibia-tecnica *::after{box-sizing:border-box;}
.astibia-tecnica .container{max-width:1180px;margin:0 auto;padding:0 28px;}

.astibia-tecnica .tec-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;}

.astibia-tecnica .tec-photo{aspect-ratio:4/3;border-radius:14px;overflow:hidden;box-shadow:0 16px 38px rgba(11,31,58,.14);background:linear-gradient(135deg,#c9d2da,#8f9aa6);}
.astibia-tecnica .tec-photo img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---- animación de entrada: SOLO se activa si el JS ha cargado (añade "astibia-js" al body) ----
   Si el script astibia-tecnica.js no está incluido en la página, estas reglas no se aplican
   y el bloque se ve siempre visible, sin animación, en vez de desaparecer. ---- */
body.astibia-js .astibia-tecnica .tec-photo{opacity:0;transform:translateX(-60px);transition:opacity .7s ease, transform .7s ease;}
body.astibia-js .astibia-tecnica .tec-card{opacity:0;transform:translateX(60px);transition:opacity .7s ease .1s, transform .7s ease .1s;}
body.astibia-js .astibia-tecnica .tec-row.in .tec-photo,
body.astibia-js .astibia-tecnica .tec-row.in .tec-card{opacity:1;transform:translateX(0);}

.astibia-tecnica .tec-card{
  position:relative;z-index:2;background:#fff;border-radius:14px;
  box-shadow:0 16px 40px rgba(11,31,58,.10);
  padding:44px 40px 34px;margin-left:-20px;
}
.astibia-tecnica .tec-icon{
  position:absolute;top:-32px;left:36px;width:66px;height:66px;border-radius:50%;
  background:#fff;border:1px solid #eef0f3;box-shadow:0 10px 24px rgba(11,31,58,.20), 0 2px 6px rgba(11,31,58,.10);
  display:flex;align-items:center;justify-content:center;
}

/* ============================================================
   VARIANTE INVERTIDA: añadir class="tec-row tec-row--invertida"
   Foto a la derecha, tarjeta a la izquierda.
   ============================================================ */
.astibia-tecnica .tec-row--invertida .tec-photo{order:2;transform:translateX(60px);}
.astibia-tecnica .tec-row--invertida .tec-card{order:1;margin-left:0;margin-right:-20px;transform:translateX(-60px);}
.astibia-tecnica .tec-row--invertida .tec-icon{left:auto;right:36px;}

/* ---- ICONO: un <span> con máscara, sin <img>, sin src roto ---- */
.astibia-tecnica .icon-mask{
  display:block;
  background-color:#1F85CE;
  -webkit-mask-image:var(--icon-url);
  mask-image:var(--icon-url);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.astibia-tecnica .tec-icon .icon-mask{width:38px;height:38px;}
.astibia-tecnica .tec-chip .chip-icon .icon-mask{width:24px;height:24px;}

.astibia-tecnica .tec-card h3{
  font-family:inherit;font-weight:900;font-size:32px;line-height:1.2;
  color:rgb(31,133,206);
  margin:0 0 6px;padding-bottom:12px;border-bottom:2px solid var(--naranja);display:inline-block;
}

/* descripción: Segoe UI 400 / 16px / 24px / negro */
.astibia-tecnica .tec-card p{
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:400;font-size:16px;line-height:24px;
  color:rgb(0,0,0);
  margin:16px 0 20px;
}

/* texto del chip: Be Vietnam Pro 700 / 20px / 24px / negro */
.astibia-tecnica .tec-chip{display:inline-flex;align-items:center;gap:12px;}
.astibia-tecnica .tec-chip span.chip-text{
  font-family:'Be Vietnam Pro', sans-serif;font-weight:700;font-size:20px;line-height:24px;
  color:rgb(0,0,0);
}
.astibia-tecnica .tec-chip .chip-icon{width:44px;height:44px;border-radius:50%;background:var(--fondo-icono);box-shadow:0 4px 12px rgba(11,31,58,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ============================================================
   EXTRA: subtítulo tipo "kicker" (para bloques con lista de proceso,
   ej. "Túnel de Pintado Industrial"). Opcional, no afecta a los
   bloques que no lo usen.
   ============================================================ */
.astibia-tecnica .tec-kicker{
  font-family:'Be Vietnam Pro', sans-serif;font-weight:700;font-size:15px;
  text-transform:uppercase;letter-spacing:.03em;
  color:var(--naranja);
  margin:2px 0 18px;padding-bottom:12px;position:relative;
}
.astibia-tecnica .tec-kicker::after{
  content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:2px;
  background:var(--icono);
}

/* ============================================================
   EXTRA: lista de proceso, alternativa al párrafo simple.
   Topo en forma de rombo naranja en vez de bullet redondo.
   ============================================================ */
.astibia-tecnica .tec-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:11px;}
.astibia-tecnica .tec-list li{
  position:relative;padding-left:24px;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:400;font-size:16px;line-height:24px;color:rgb(0,0,0);text-align:left;
}
.astibia-tecnica .tec-list li::before{
  content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;
  background:var(--naranja);transform:rotate(45deg);border-radius:2px;
}

/* ---------- MÓVIL: todo se apila igual, sea o no invertido ---------- */
@media(max-width:840px){
  .astibia-tecnica .tec-row{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .astibia-tecnica .tec-row .tec-photo{order:0;width:100%;transform:translateX(0) !important;}
  .astibia-tecnica .tec-row .tec-card{
    order:0;margin:-40px 18px 0;margin-left:0;margin-right:0;padding:52px 26px 30px;
    display:flex;flex-direction:column;align-items:center;
    transform:translateX(0) !important;
  }
  .astibia-tecnica .tec-row .tec-icon{left:50%;right:auto;transform:translateX(-50%);}
  .astibia-tecnica .tec-card h3{margin-left:auto;margin-right:auto;}
  .astibia-tecnica .tec-chip{flex-direction:column;gap:10px;}
  .astibia-tecnica .tec-kicker{margin-left:auto;margin-right:auto;}
  .astibia-tecnica .tec-list{max-width:440px;margin-left:auto;margin-right:auto;}
}/* End custom CSS */