/* ===========================================
   _aplicaciones.css
   Estilos exclusivos para APLICACIONES-GASEX
   Estructura y secciones asociadas al producto individual.
=========================================== */

/* > APLICACIONES-GASEX
  ° ESTRUCTURA HEADER
   * SECCION: TENEMOS-TODO
   * SECCIÓN: CABECERA-APLICACIONES
   * SECCION: COMPARADOR
   * SECCIÓN: CONTENIDO-1
   * SECCIÓN: GASEX-UTILIZADOS
   * SECCIÓN: SEPARADOR
   * SECCIÓN: EQUIPOS-TAMAÑOS
   * SECCION: OPINIONES
   * SECCIÓN: SECCION-IMAGENES-APLICACIONES
   * SECCIÓN: EMPLEO-OXICORTE
   * SECCIÓN: CARRUSEL-BANNER
   * SECCIÓN: APLICACIONES
   * SECCIÓN: SERVICIOS-GASEX
   * SECCIÓN: IMAGEN-APLICACIONES
   * SECCIÓN: PRODUCTOS-RELACIONADOS
  ° SECCION: FOOTER */


/* ================================
SECCION: TENEMOS-TODO
================================== */

/* ================================
SECCIÓN: CABECERA-APLICACIONES
================================== */
/* .cabecera-aplicaciones {
  height: 28.313rem;
  width: auto;
  background-image: url('img/argon-en-soldadura-min 1.png');
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.cabecera-contenido-aplicaciones {
  color: #ffffff;
  padding: 0 2rem;
}

.cabecera-titulo-aplicaciones {
  font-size: 7.1875rem; 
  font-weight: 800;
  margin: 0;
}

.cabecera-subtitulo-aplicaciones {
  font-size: 2.0625rem;
  font-weight: 400;
  margin-top: 1rem;
} */

/* ================================
SECCION: COMPARADOR
================================== */

/* ================================
SECCIÓN: CONTENIDO-1
================================== */
/* .contenido-1 {
  padding: 0rem 2rem;
}

.contenido-1-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.contenido-1-texto {
flex: 1 1;
padding-left: 2rem;
}

.strong-azul {
  color: #396AFD;
}

.contenido-1 .titulo {
  font-size: 24px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  text-underline-offset: 10px;
}

.contenido-1 .titulo2 {
  font-size: 24px;
  font-weight: 700;
padding-top: 4rem;
  margin-bottom: 20px;
  text-align: center;
  text-underline-offset: 10px;
}

.contenido-1 h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: justify;
}

.contenido-1-texto p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
  list-style-type: disc;
}

.contenido-1-imagenes {
  flex: 1 1;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 4rem;
}

.contenido-1-imagenes img {
  max-width: 100%;
  height: 24rem;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  object-fit: cover;

} */

/* ================================
SECCIÓN: GASEX-UTILIZADOS
================================== */
/* .gases-utilizados {
  padding: 1rem 2rem;
  text-align: center;
}

.titulo-principal {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 2rem;
  color: #333333;
}

.gases-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;

}

.gas-card {
  position: relative;
  background-size: cover;
  background-position: center;
  border: 3px solid #BCC1C3;
  border-radius: 1rem;
  overflow: hidden; 
  min-height: 24rem;
  margin: 0px;
  display: flex;
  align-items: flex-end;
}

.gas-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.803); 
  z-index: 1;
}

.gas-contenido-1, .gas-contenido-2 {
  position: relative;
  z-index: 2;
  width: 100%;
  background: none !important;
  border: none !important;
  box-shadow: none;
  padding: 2rem;
  text-align: left;
}

.gas-titulo {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.gas-subtitulo {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1rem;
}

.gas-texto {
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 0.25rem;

}

.nota-inferior {
  font-size: 1.25rem;
  font-style: italic;
  margin-top: 2rem;
  color: #333333;
  padding: 0rem 10rem;
}

@media (max-width: 768px) {
  .gases-grid {
    grid-template-columns: 1fr;
  }
} */

/* ================================
SECCIÓN: SEPARADOR
================================== */

/* ================================
SECCIÓN: EQUIPOS-TAMAÑOS
================================== */
/* .equipos-tamanos {
  padding: 0rem 2rem;
}

.equipos-tamanos__titulo {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
  color: #2a2a2a;
}

.equipos-tamanos__fondo {
  background-image: url('img/9019796.jpg');
  background-size: cover;
  height: 21.125rem;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
}

.equipos-tamanos__fondo {
  position: relative;
  min-height: 340px;
  overflow: hidden;
}

.equipos-tamanos__imagenes-custom {
  position: relative;
  width: 100%;
  height: 340px;
}

.equipos-tamanos__imagenes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 0;
}

.equipos-tamanos__imagenes img {
  max-width: 7rem;
  height: auto;
}

.equipos-tamanos__img {
  position: absolute;
  max-width: 120px;
  border-radius: 0.5rem;
  transition: transform .25s;
  box-shadow: 0 2px 18px rgba(0,0,0,.07);
}

.eqpos-1 { top: 15px;   left: 3%;  z-index: 2; }
.eqpos-2 { top: 55px;   left: 18%; z-index: 2; }
.eqpos-3 { top: 35px;   left: 37%; z-index: 3; }
.eqpos-4 { top: 10px;   right: 31%; z-index: 2; }
.eqpos-5 { top: 80px;   right: 15%; z-index: 2; }
.eqpos-6 { bottom: 18px; left: 47%; z-index: 1; }
.eqpos-7 { bottom: 22px; right: 12%; z-index: 1; }

.equipos-tamanos__texto {
  margin-top: 3rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.6;
  color: #2b2b2b;
}

.equipos-tamanos__texto p {
  margin-bottom: 1rem;
}

.equipos-tamanos img {
    max-width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.block-editor-block-list__block .equipos-tamanos img {
    max-width: 150px;
    height: auto;
}

@media (max-width: 900px) {
  .equipos-tamanos__fondo,
  .equipos-tamanos__imagenes-custom { height: 210px; min-height: 210px;}
  .equipos-tamanos__img { max-width: 72px;}
  .eqpos-1 { top: 7px; left: 2%; }
  .eqpos-2 { top: 35px; left: 17%; }
  .eqpos-3 { top: 18px; left: 36%; }
  .eqpos-4 { top: 2px; right: 30%; }
  .eqpos-5 { top: 52px; right: 10%; }
  .eqpos-6 { bottom: 9px; left: 23%; }
  .eqpos-7 { bottom: 7px; right: 10%; }
} */

/* ================================
SECCION: OPINIONES
================================== */

/* ================================
SECCIÓN: IMAGENES-APLICACIONES
================================== */

/* .titulo-seccion {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
}

.grid-imagenes {
  display: grid;
  grid-template-columns: 50% 25% 25%;
  grid-template-rows: 50% 50%;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  position: relative;
}

.imagen {
  position: relative;
  overflow: hidden;
}

.imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.etiqueta {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
  color: white;
  padding: 1rem ;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
}

.imagen-electricas {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.imagen-napoleon {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}

.imagen-chicharra {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.imagen-caiman {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

@media (max-width: 960px) {
  .grid-imagenes {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-auto-rows: minmax(150px, auto);
    height: auto;
  }

  .imagen-electricas {
    grid-column: 1 / 3;
    grid-row: auto;
  }

  .imagen-napoleon {
    grid-column: 1 / 3;
    grid-row: auto;
  }

  .imagen-chicharra,
  .imagen-caiman {
    grid-column: span 1;
    grid-row: auto;
  }
}

@media (max-width: 600px) {
  .grid-imagenes {
    grid-template-columns: 1fr;
  }

  .imagen-electricas,
  .imagen-napoleon,
  .imagen-chicharra,
  .imagen-caiman {
    grid-column: 1 / 2;
  }
} */

/* ================================
SECCIÓN: EMPLEO-OXICORTE
================================== */
/* .empleo-oxicorte {
  padding: 2rem 0rem;
  max-width: 50rem;
  margin: auto;
  color: #333;
}

.empleo-oxicorte h2,
.empleo-oxicorte h3 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.metales {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin-bottom: 2rem;
}

.metales-texto,
.imagenes-metales {
  flex: 1 1 50%;
}

.metales-texto {
  font-size: 1rem;
  line-height: 1.6;
}

.metales ul {
  margin-top: 1rem;
  padding-left: 1.2rem;
}

.imagenes-metales {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.imagenes-metales figure {
  margin: 0;
  position: relative;
}

.imagenes-metales img {
  width: 100%;
  border-radius: 0.5rem;
  display: block;
}

.imagenes-metales figcaption {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 1rem;
  font-size: 0.9rem;
  border-radius: 0.3rem;
}

.imagenes-metales figure img {
  height: 149px;
  object-fit: cover;
}


.seguridad {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}

.imagen-seguridad img {
  width: 18.625rem;
  height: 38.875rem;
  object-fit: cover; 
  object-position: center;
  border-radius: 0.8rem;
}

.texto-seguridad {
  flex: 1 1 50%;
  font-size: 1rem;
}

.precauciones {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .metales {
    flex-direction: column;
  }
} */

/* ================================
SECCION: SEPARADOR
================================== */

/* ================================
SECCIÓN: CARRUSEL-BANNER
================================== */

/* ================================
SECCIÓN: APLICACIONES-APLICACIONES
================================== */
/* .aplicaciones {
  padding: 2rem;
  max-width: 1140px;
  margin: auto;
}

.titulo-aplicaciones {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.grid-aplicaciones {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.card-aplicacion {
  width: 12.188rem;
}

.imagen-banderin {
  width: 100%;
  height: 15.625rem;
  clip-path: polygon(
    0 0,
    100% 0,
    100% 90%,
    50% 100%,
    0 90%
  );
  overflow: hidden;
}

.imagen-banderin::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid white;
  z-index: 2;  
}

.imagen-banderin img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;  
}

.contenido-aplicacion {
  padding: 1rem;
  text-align: center;
}

.contenido-aplicacion h3 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.5rem;
  font-family: 'Montserrat', sans-serif;
}

.contenido-aplicacion p {
  font-size: 1rem;
  color: #333333;
  font-family: 'Montserrat', sans-serif;
}

.grid-aplicaciones {
  display: flex;
  justify-content: space-evenly;
  gap: 2rem;
}

.card-aplicacion {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.card-aplicacion .imagen-banderin {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-aplicacion .imagen-banderin img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-aplicacion .contenido-aplicacion {
  margin-top: 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
} */


/* ================================
SECCIÓN: SERVICIOS-GASEX
================================== */
/* .servicios-gasex {
  padding: 3rem 6rem;
  text-align: center;
  margin: 0 auto;
}

.servicios-gasex h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
  color: #333333;
  display: flex;
  justify-content: center;
}

.servicios-lista {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2rem; 
}

.servicio {
  width: 10.875rem;
}

.icono-servicio {
  width: 10.875rem;
  height: 10.875rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 0.75rem auto;
  border: 2px solid;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.icono-servicio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.servicio p {
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  margin: 0;
}

.texto-inferior {
  font-size: 1.25rem;
  margin-top: 0.75rem;
  color: #444;
  font-weight: 400;
} */

/* ================================
SECCIÓN: IMAGEN-APLICACIONES
================================== */
/* .imagenes-cabecera-aplicaciones {
  height: auto;
  background-image: url('img/SOLDADURA-TIG-CUADRADO 1.png'); 
  background-size: cover;
  background-position: center;
  position: relative;
  margin: 2rem 0rem;
}

.imagenes-cabecera-contenido {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  padding: 1.688rem 6.938rem;
}

.imagenes-cabecera-contenido img{
width: 9.063rem;
align-items: start;
}

.imagenes-cabecera-titulo {
  font-size: 7.1875rem;
  font-weight: 800;
  margin: 0;
}

.imagenes-cabecera-subtitulo {
  font-size: 1.125rem;
  font-style: italic;
  margin-top: 1rem;
}

.imagenes-cabecera-aplicaciones {
  min-height: 487px;
} */

/* ================================
SECCIÓN: PRODUCTOS-RELACIONADOS
================================== */



















































.aplicaciones-cabecera-archive {
  text-align: center;
  margin-bottom: 2rem;
}
.aplicaciones-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}
.aplicacion-card {
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 8px 32px rgba(20,30,65,0.08);
  overflow: hidden;
  transition: box-shadow .2s;
  display: flex;
  flex-direction: column;
}
.aplicacion-card:hover {
  box-shadow: 0 12px 36px rgba(30,54,106,0.14);
}
.aplicacion-card-thumb img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}
.aplicacion-card-body {
  padding: 1.2rem 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .7rem;
}
.aplicacion-card-title {
  font-size: 1.3rem;
  color: #003966;
  margin: 0;
  font-weight: 700;
}
.aplicacion-card-excerpt {
  color: #555;
  font-size: 1rem;
  margin: 0 0 .5rem 0;
}
.aplicacion-card-link {
  color: #046BD2;
  font-weight: 600;
  text-decoration: underline;
  font-size: .98rem;
  margin-top: auto;
}

/* ================================
SECCIÓN: CARDS GUTENBERG — grid-servicios-moderno
Hace que el botón siempre quede pegado abajo
sin importar el largo del texto de cada columna.
Aplica a todas las páginas de aplicaciones
(alinear-botones, contenedor-padre, etc.)
================================== */

.grid-servicios-moderno.wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
}

.grid-servicios-moderno.wp-block-columns .wp-block-column .wp-block-buttons {
  margin-top: auto;
}