/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* ============================= */
/*          MENU PC             */
/* ============================= */
/*Barra superior o visible*/
/*Bloque que contiene icono hamburguesa + texo "MENU"*/
.abrir-menu:hover, .cerrar-menu:hover {
  opacity: 	0.7;
  transition:	all 0.2s;
  cursor: pointer;
}
.menu-productos #menu-prod_eng {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1em;

  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Primeros 6 items: 3 columnas */
.menu-productos #menu-prod_eng > li:nth-child(-n+6) {
  grid-column: span 2;
}

/* Últimos 4 items: 2 columnas */
.menu-productos #menu-prod_eng > li:nth-child(n+7) {
  grid-column: span 3;
}

.menu-productos #menu-prod_eng > li {
  min-height: 90px;
  display: flex;
}

.menu-productos #menu-prod_eng > li > a {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 90px;
  padding: 14px 18px;

  text-align: center;
  line-height: 1.35;
}

.menu-superior #menu-princ_eng {
  row-gap: 1.5em;
}

/* =========================
   MENU PC
========================= */

.cont-gen-menu-pc {
  position: sticky;
  top: 0;
  z-index: 999999;

  width: 100%;
  height: auto;

  pointer-events: none;
}

/* =========================
   MENU FULLSCREEN ABIERTO
========================= */

.cont-gen-menu-pc.is-open {
  position: fixed;
  inset: 0;

  width: 100vw;
  height: 100dvh;

  pointer-events: auto;
}

/* =========================
   BARRA SUPERIOR
========================= */

.cont-barra-sup {
  pointer-events: auto;
}

/* =========================
   BARRA INFERIOR
========================= */

.cont-barra-inf {
  width: 100%;
  height: 100%;
}

#menu-princ_eng li {
  width: fit-content !important;
}

/* =========================
   ITEM PRODUCTS ACTIVO
========================= */

.prod-item-menu.is-active > a {
  color: #fff !important;
  text-shadow: 0 0 3px #f4f4f4 !important;
}

/* =========================
   BLOQUEAR SCROLL
========================= */

body.menu-pc-open {
  overflow: hidden;
}


.cont-gen-menu-resp {
    display: none !important;
}
@media screen and (max-width: 767px) {
  .cont-gen-menu-pc {
    display: none !important;
  }
  .cont-gen-menu-resp {
    display: grid !important;
  }
}

/*PRODUCTOS*/
/* ============================= */
/* TABLAS DIMENSIONES (PEQUEÑAS) */
/* ============================= */
.roll-spool{
  --blue:#152E4E;
  --line:#D6D6D6;
  font-family:'Poppins',sans-serif;
}

.roll-spool-wrap{
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
}

.roll-spool .wrap{
  width:100%;
  padding:20px 0;
  box-sizing:border-box;
}

.roll-spool .title{
  font-size:31px;
  font-weight:600;
  color:#152E4E;
  margin:0 0 18px 0;
}

.roll-spool .box{
  background:#FFFFFF;
  border-radius:8px;
  overflow:hidden;
  border:1px solid var(--line);
  max-width:520px;
}

.roll-spool table{
  width:100%;
  border-collapse:collapse;
}

.roll-spool td{
  padding:14px 16px;
  border-bottom:1px solid var(--line);
  font-size:14px;
}

.roll-spool tr:last-child td{
  border-bottom:none;
}

.roll-spool td:first-child{
  font-weight:600;
  color:#000;
}

.roll-spool td:last-child{
  text-align:right;
  font-weight:400;
  color:#000;
}

@media (max-width:600px){
  .roll-spool .title{
    font-size:26px;
  }
  .roll-spool .box{
    max-width:100%;
  }
}
/* ============================= */
/* BASE GLOBAL TABLAS */
/* ============================= */

.tablas {
  width: 100%;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.tablas__wrap {
  width: 100%;
  background: #ffffff;
  border: 1px solid #f4f4f4;
  border-radius: 14px;
  overflow: hidden;
}

.tablas__scroll {
  width: 100%;
  overflow-x: auto;
}

.tablas__table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

/*SECCIONES EN GRIS*/
#Phologopite\ Mica\ Tape,
#Double\ Side\ Non-Woven\ Non\ Conductive\ Water\ Blocking\ Tape,
#Double\ Side\ Semi-Woven\ Non\ Conductive\ \ Water\ Blocking\ Tape,
#Reinforced\ Non-Woven\ Semi-Conductive\ Water\ Blocking\ Tape,
#Non-Conductive\ Polyester\ Non-Woven\ Fabric,
#Reinforced\ Semi-Conductive\ Polyester\ Non-Woven\ Tape,
#Water\ Blocking\ Swellable\ Spun\ Soft\ Yarns\ \(Small\ Diameters\), #brxe-qrgwfc,
#Water\ Blocking\ Swellable\ Soft\ Yarns\ \(Thick\ Diameters\), #brxe-zzxbxc,
#Water\ Blocking\ Swellable\ Soft\ Cords, #brxe-xbcpsr,
#Water\ Blocking\ Flat\ Yarns, #brxe-gctgst,
#Aramid\ Ripcord, #brxe-gmeulm,
#White\ Cotton\ Filler\ Cord, #brxe-tpzumg,
#Multicolor\ Cotton\ Filler\ Cord, #brxe-wdnrun {
  background: #f4f4f4 !important;
}

/* ============================= */
/* HEADER */
/* ============================= */

.tablas__head {
  background: #152e4e;
  color: #ffffff;
  font-weight: 600;
}

.tablas__head .tablas__row {
  border-bottom: 1px solid #ffffff;
}

.tablas__th {
  padding: 10px 7px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
}

/* ============================= */
/* BODY */
/* ============================= */

.tablas__body .tablas__row {
  border-bottom: 1px solid #f4f4f4;
}

.tablas__body .tablas__row:last-child {
  border-bottom: none;
}

.tablas__td,
.tablas__th--row {
  padding: 10px 7px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}

.tablas__body .tablas__th--row {
  min-width: 160px;
  text-align: left;
  font-weight: 500;
  color: #1a1a1a;
}

/* ============================= */
/* PRIMERA COLUMNA FIJA */
/* ============================= */

.tablas__th--row,
.tablas__head .tablas__row--head-top .tablas__th:first-child {
  position: sticky;
  left: 0;
  z-index: 5;
  background: #ffffff;
}

/* header sticky debe mantener azul */
.tablas__head .tablas__row--head-top .tablas__th:first-child {
  background: #152e4e;
  z-index: 10;
}

/* sin sombra en desktop */
.tablas__th--row::after,
.tablas__head .tablas__row--head-top .tablas__th:first-child::after {
  content: none;
}

/* ============================= */
/* TAMAÑOS POR TABLA (solo ancho) */
/* ============================= */

.ph-mt .tablas__table {
  min-width: 900px;
}

.mu-mt .tablas__table {
  min-width: 700px;
}

/* Separador Special Tapes - solo wbt_dsnc */

/* Header superior: Special Tapes */
.wbt_dsnc .tablas__head .tablas__row--head-top .tablas__th:nth-child(4) {
  box-shadow: inset 1px 0 0 #ffffff;
}

/* Header inferior: primera columna de Special Tapes (ZSD-20N) */
.wbt_dsnc .tablas__head .tablas__row--head-bottom .tablas__th:nth-child(7) {
  box-shadow: inset 1px 0 0 #ffffff;
}

/* Body: primera columna de Special Tapes */
.wbt_dsnc .tablas__body .tablas__row > *:nth-child(9) {
  box-shadow: inset 1px 0 0 #f4f4f4;
}
/* ============================= */
/* SEPARADOR SPECIAL TAPES RIGHT */
/* WBT: tablas con Special Tapes al inicio */
/* ============================= */

.wbt_ssnc .tablas__head .tablas__row--head-top .tablas__th:nth-child(3),
.wbt_dssc .tablas__head .tablas__row--head-top .tablas__th:nth-child(3) {
  box-shadow: inset -1px 0 0 #ffffff;
}

.wbt_ssnc .tablas__head .tablas__row--head-bottom .tablas__th:nth-child(2),
.wbt_dssc .tablas__head .tablas__row--head-bottom .tablas__th:nth-child(2) {
  box-shadow: inset -1px 0 0 #ffffff;
}

.wbt_ssnc .tablas__body .tablas__row > *:nth-child(4),
.wbt_dssc .tablas__body .tablas__row > *:nth-child(4) {
  box-shadow: inset -1px 0 0 #f4f4f4;
}
/* ============================= */
/* SEPARADORES PACKS */
/* wbssrc_fr_inf */
/* ============================= */

/* Header superior: derecha de ABST-15, ABST-20 y ABST-25 */
.wbssrc_fr_inf .tablas__head .tablas__row--head-top .tablas__th:nth-child(2),
.wbssrc_fr_inf .tablas__head .tablas__row--head-top .tablas__th:nth-child(3),
.wbssrc_fr_inf .tablas__head .tablas__row--head-top .tablas__th:nth-child(4) {
  box-shadow: inset -1px 0 0 #ffffff;
}

/* Header inferior: derecha de los 3 primeros BOX */
.wbssrc_fr_inf .tablas__head .tablas__row--head-bottom .tablas__th:nth-child(3),
.wbssrc_fr_inf .tablas__head .tablas__row--head-bottom .tablas__th:nth-child(6),
.wbssrc_fr_inf .tablas__head .tablas__row--head-bottom .tablas__th:nth-child(9) {
  box-shadow: inset -1px 0 0 #ffffff;
}

/* Body: derecha de los 3 primeros grupos */
.wbssrc_fr_inf .tablas__body .tablas__row > *:nth-child(4),
.wbssrc_fr_inf .tablas__body .tablas__row > *:nth-child(7),
.wbssrc_fr_inf .tablas__body .tablas__row > *:nth-child(10) {
  box-shadow: inset -1px 0 0 #f4f4f4;
}
/* ============================= */
/* INDICADOR SCROLL MOBILE */
/* ============================= */

.tablas__hint {
  display: none;
}

@media (max-width: 478px) {

  .tablas__wrap {
    position: relative;
  }

  .tablas__hint {
    position: absolute;
    inset: 0;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    padding-right: 12%;
  }

  .tablas__wrap.show-scroll-hint .tablas__hint {
    display: flex;
    animation: hideTableHint 2.6s ease forwards;
  }

  .tablas__hint-icon {
    width: 58px;
    height: 58px;
    border-radius: 999px;
    background: rgba(21, 46, 78, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: swipeTableHint 1.3s ease-in-out infinite;
  }

  .tablas__hint-icon img {
    width: 26px;
    height: 32px;
    display: block;
  }

  @keyframes swipeTableHint {
    0% { transform: translateX(0); }
    35% { transform: translateX(-18px); }
    70% { transform: translateX(18px); }
    100% { transform: translateX(0); }
  }

  @keyframes hideTableHint {
    0%, 75% {
      opacity: 1;
      visibility: visible;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }

  /* sombra lateral solo en móvil */
  .tablas__th--row::after,
  .tablas__head .tablas__row--head-top .tablas__th:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 100%;
    background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.08),
      rgba(0, 0, 0, 0)
    );
    pointer-events: none;
  }
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media (max-width: 478px) {

  .tablas {
    font-size: 12px;
  }

  .tablas__th,
  .tablas__td,
  .tablas__th--row {
    padding: 8px 6px;
    line-height: 1.35;
  }

  .tablas .tablas__body .tablas__th--row,
  .tablas .tablas__head .tablas__row--head-top .tablas__th:first-child {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .tablas .tablas__body .tablas__th--row {
    text-align: left;
  }

  .tablas .tablas__head .tablas__row--head-top .tablas__th:first-child {
    text-align: center;
  }

  .tablas .tablas__td[colspan] {
    white-space: normal;
  }
}
/*******************************************************************************************************************************************************************************/
/* HOME - SCROLL EFFECT */
/*******************************************************************************************************************************************************************************/

html:has(body.home) {
  scroll-behavior: smooth;
}

body.home .home-section,
body.home .horizontal-section {
  min-height: 100dvh;
}

body.home .home-section {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* Desktop base */
body.home .horizontal-section {
  height: 100dvh;
  overflow: hidden;
  position: relative;
}

body.home .horizontal-header {
  position: relative;
  z-index: 500;
}

body.home .horizontal-inner {
  height: 100%;
  position: relative;
}

body.home .animated-items {
  position: relative;
  height: 100%;
}

body.home .animated-item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Título */
.headline {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 35px;
  line-height: 1.15;
  margin: 0;
}

.headline .dark {
  color: #152E4E;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 992px) {
  body.home .horizontal-section {
    position: relative;
    overflow: hidden;
  }

  body.home .horizontal-section .animated-item {
    position: absolute;
    inset: 0;
  }
}

/* Mobile carousel */
@media (max-width: 991px) {
  .headline {
    font-size: 28px;
  }

  body.home .horizontal-section.is-mobile-carousel {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  body.home .horizontal-section.is-mobile-carousel .horizontal-inner {
    height: auto !important;
    overflow: visible !important;
  }

  body.home .horizontal-section.is-mobile-carousel .animated-items {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100vw !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 20px;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory;
    scroll-padding-inline: 20px;

    padding: 0 !important;
    -webkit-overflow-scrolling: touch;
  }

  body.home .horizontal-section.is-mobile-carousel .animated-item {
    position: relative !important;
    inset: auto !important;

    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    scroll-snap-align: center;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 24px;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.home .horizontal-section.is-mobile-carousel .item-image {
    order: 1;
    width: 100%;
    opacity: 1 !important;
    transform: none !important;
  }

  body.home .horizontal-section.is-mobile-carousel .item-content {
    order: 2;
    opacity: 1 !important;
    transform: none !important;
    padding-right: 5%;
  }

  body.home .horizontal-section.is-mobile-carousel .item-image img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/*new - icono mobil*/
.carousel-dots{
  display:none;
}
@media (max-width:991px){

  .carousel-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:18px;
  }

  .carousel-dots span{
    width:8px;
    height:8px;
    border-radius:999px;
    background:rgba(21,46,78,.22);
    transition:all .25s ease;
  }

  .carousel-dots span.is-active{
    background:#152E4E;
    transform:scale(1.15);
  }
}
/*******************************************************************************************************************************************************************************/

/*ENTRADAS DE BLOG*/
.wire-post{
  --blue:#152E4E;
  --text:#152E4E;
  --muted:#8A94A6;
  --line:#E7EBF0;
  --soft:#F7F9FC;
  font-family:'Poppins',sans-serif;
  color:var(--text);
  width:100%;
}

.wire-post *{
  box-sizing:border-box;
}

.wire-post .wire-wrap{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* HERO */
.wire-post .wire-hero{
  position:relative;
  width:100%;
  min-height:360px;
  border-radius:12px;
  overflow:hidden;
  margin:20px 0 36px;
  background:#0f1f34;
}

.wire-post .wire-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.wire-post .wire-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(21,46,78,.78) 0%, rgba(21,46,78,.58) 42%, rgba(21,46,78,.28) 70%, rgba(21,46,78,.18) 100%);
}

.wire-post .wire-hero-content{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:360px;
  padding:46px 34px;
  text-align:center;
}

.wire-post .wire-hero-inner{
  max-width:780px;
}

.wire-post .wire-kicker{
  margin:0 0 10px;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
}

.wire-post .wire-hero h1{
  margin:0 0 14px;
  font-size:clamp(32px,4.6vw,56px);
  line-height:1.08;
  font-weight:800;
  color:#fff;
  letter-spacing:-0.02em;
}

.wire-post .wire-hero-sub{
  margin:0 auto;
  max-width:700px;
  font-size:17px;
  line-height:1.65;
  color:rgba(255,255,255,.92);
}

/* GRID */
.wire-post .wire-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:40px;
  align-items:start;
}

.wire-post .wire-main{
  min-width:0;
}

.wire-post .wire-sidebar{
  min-width:0;
  position:sticky;
  top:30px;
}

.wire-post .wire-main-image img, .content-post-plantilla img{
  width:100% !important;
  height:auto;
  display:block;
  margin:0 !important;
  border-radius:12px;
}

/* CONTENT */
.wire-post .wire-section{
  margin-bottom:34px;
}

.wire-post .wire-section h2, .content-post-plantilla h2{
  margin:0 0 14px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;
  font-weight:700;
  color: #152e4e;
  letter-spacing:-0.02em;
}

.wire-post .wire-section p, .content-post-plantilla p{
  margin:0 0 16px;
  font-size:18px;
  line-height:1.8;
  color: #152e4e;
}

.wire-post .wire-section ul, .content-post-plantilla ul{
  margin:8px 0 0 0;
  padding-left:22px;
}

.wire-post .wire-section li, .content-post-plantilla li{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.8;
}

.wire-post .wire-highlight{
  border:1px solid #BFD0E4;
  background:#F8FBFF;
  padding:22px 24px;
  border-radius:10px;
  margin-top:12px;
}

/* RESPONSIVE */
@media (max-width: 991px){
  .wire-post .wire-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .wire-post .wire-sidebar{
    position:static;
  }
}

@media (max-width: 767px){
  .wire-post .wire-wrap{
    padding:0 16px;
  }

  .wire-post .wire-hero,
  .wire-post .wire-hero-content{
    min-height:280px;
  }

  .wire-post .wire-section h2, .content-post-plantilla h2{
    font-size:28px;
  }

  .wire-post .wire-section p,
  .wire-post .wire-section li, .content-post-plantilla p, .content-post-plantilla li{
    font-size:16px;
  }
}

/*  PLANTILLA POSTS   */
.banner-post-plantilla::before {
  border-radius: 10px;
}


/*   PAGINA BLOG   */
#brxe-rhfxpu img, .post_relacionados img, .brxe-posts img {
  border-radius: 10px 10px 0px 0px;
}
#brxe-rhfxpu li, .post_relacionados li, .brxe-posts li {
  border:1px solid #152e4e;
  border-radius: 14px;
}
.post_relacionados li, .brxe-posts li {
  background:#f4f4f4 ;
}
#brxe-rhfxpu h3, .post_relacionados h3, .brxe-posts h3 {
  line-height: 1.1;
  font-size:20px;
}


/*PROVISIONAL: OCULTAR SELECOTR DE IDIOMAS*/
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
  display: none;
}