:root{--azul:#1687ff;--azul2:#53b4ff;--fondo:#060708;--panel:#0c0f13;--texto:rgba(255,255,255,.66)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.pagina-tuls{margin:0;background:var(--fondo);color:#fff;font-family:Arial,Helvetica,sans-serif}body.pagina-tuls a{text-decoration:none;color:inherit}.tuls-container{width:min(1180px,calc(100% - 40px));margin:auto}
.tuls-header{position:fixed;inset:0 0 auto;z-index:1000;height:78px;background:rgba(4,5,7,.86);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.tuls-header-inner{width:min(1240px,calc(100% - 34px));height:100%;margin:auto;display:flex;align-items:center;gap:26px}.tuls-logo img{width:84px;max-height:54px;object-fit:contain}.tuls-nav{display:flex;gap:22px;margin-left:auto}.tuls-nav a{font-size:10px;font-weight:900;letter-spacing:.75px;text-transform:uppercase;color:rgba(255,255,255,.62)}.tuls-nav a:hover{color:#fff}.tuls-cta,.tuls-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:999px;background:var(--azul);color:#05101d!important;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 14px 34px rgba(22,135,255,.22)}
.tuls-hero{position:relative;min-height:100vh;padding:150px 0 90px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 44%,rgba(22,135,255,.18),transparent 28%),linear-gradient(180deg,#050607,#07111d 64%,#060708)}.tuls-hero::after{content:"TUL";position:absolute;right:-1vw;bottom:-3vw;color:rgba(255,255,255,.025);font-size:clamp(190px,28vw,440px);font-weight:900;line-height:.8}.tuls-grid-bg{position:absolute;inset:0;opacity:.12;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:74px 74px}.tuls-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.14fr .86fr;gap:80px;align-items:center}.tuls-eyebrow{display:block;margin-bottom:18px;color:var(--azul2);font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.tuls-hero h1,.tuls-section h2,.tuls-final h2{margin:0;text-transform:uppercase;letter-spacing:-4px;line-height:.88}.tuls-hero h1{font-size:clamp(68px,8.5vw,136px)}.tuls-hero h1 strong{display:block;color:var(--azul)}.tuls-hero p{max-width:680px;margin:30px 0;color:var(--texto);font-size:18px;line-height:1.75}.tuls-hero-number{aspect-ratio:1;border:1px solid rgba(22,135,255,.28);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 80px rgba(22,135,255,.13),inset 0 0 70px rgba(22,135,255,.05)}.tuls-hero-number strong{font-size:clamp(105px,13vw,200px);line-height:.8;color:var(--azul)}.tuls-hero-number span{margin-top:26px;font-size:11px;font-weight:900;letter-spacing:3px}
.tuls-section{padding:125px 0;scroll-margin-top:84px}.tuls-editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.tuls-section h2,.tuls-final h2{font-size:clamp(46px,5.7vw,84px)}.tuls-copy p{color:var(--texto);font-size:17px;line-height:1.8}.tuls-copy .lead{margin-top:0;color:#fff;font-size:25px;line-height:1.45}.tuls-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.tuls-facts span{padding:22px 16px;color:rgba(255,255,255,.55);font-size:10px;font-weight:800;text-transform:uppercase}.tuls-facts span+span{border-left:1px solid rgba(255,255,255,.09)}.tuls-facts strong{display:block;margin-bottom:7px;color:#fff;font-size:24px}
.tuls-catalogo{background:#0a0c0f}.tuls-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.tuls-heading p{max-width:400px;color:var(--texto);line-height:1.6}.tuls-tools{display:grid;grid-template-columns:1fr auto;gap:20px;margin-bottom:18px}.tuls-search{display:block}.tuls-search span{display:block;margin-bottom:8px;color:rgba(255,255,255,.48);font-size:9px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.tuls-search input{width:100%;height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#07090c;color:#fff;font-size:14px;outline:none}.tuls-search input:focus{border-color:rgba(22,135,255,.7);box-shadow:0 0 0 3px rgba(22,135,255,.08)}.tuls-filtros{display:flex;align-items:end;gap:8px}.tuls-filtros button{height:54px;padding:0 20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#080a0d;color:rgba(255,255,255,.56);font-weight:900;text-transform:uppercase;cursor:pointer}.tuls-filtros button.activo{background:var(--azul);color:#06101c;border-color:var(--azul)}.tuls-resultados{margin:18px 0 26px;color:rgba(255,255,255,.46);font-size:12px}.tuls-resultados strong{color:#fff}.tuls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tul-card{position:relative;min-height:280px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden;transition:.28s ease}.tul-card::after{content:"";position:absolute;right:-55px;bottom:-75px;width:170px;height:170px;border:1px solid rgba(22,135,255,.12);border-radius:50%;transition:.28s}.tul-card:hover{transform:translateY(-5px);border-color:rgba(22,135,255,.35);box-shadow:0 18px 50px rgba(0,0,0,.32)}.tul-card:hover::after{transform:scale(1.15);border-color:rgba(22,135,255,.32)}.tul-card-top{display:flex;justify-content:space-between;position:relative;z-index:2}.tul-card-top span{color:var(--azul2);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.tul-card-top strong{color:rgba(255,255,255,.1);font-size:46px;line-height:.8}.tul-card h3{position:relative;z-index:2;margin:54px 0 10px;font-size:clamp(31px,3vw,46px);line-height:.9;letter-spacing:-2px;text-transform:uppercase}.tul-card p{position:relative;z-index:2;min-height:42px;color:var(--texto);line-height:1.45}.tul-ver{position:absolute;left:24px;bottom:22px;z-index:3;padding:0;border:0;background:none;color:#fff;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;cursor:pointer}.tul-ver span{color:var(--azul);font-size:18px;margin-left:8px}.tuls-vacio{padding:55px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:var(--texto)}
.tuls-24{background:#07090b}.tuls-24-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.tuls-24-numero{font-size:clamp(180px,24vw,370px);font-weight:900;line-height:.72;color:rgba(22,135,255,.16)}.tuls-24 p{color:var(--texto);font-size:17px;line-height:1.8}.tuls-final{padding:120px 0;text-align:center;background:radial-gradient(circle,rgba(22,135,255,.14),transparent 38%),#07101b}.tuls-final h2{max-width:880px;margin:auto}.tuls-final p{color:var(--texto);font-size:17px}.tuls-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}.tuls-btn-sec{background:transparent;border:1px solid rgba(255,255,255,.16);color:#fff!important;box-shadow:none}
.tul-modal{position:fixed;inset:0;z-index:2000;display:none}.tul-modal.abierto{display:block}.tul-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.tul-modal-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 30px));max-height:86vh;overflow:auto;padding:38px;border:1px solid rgba(22,135,255,.28);border-radius:22px;background:#0b0e12;box-shadow:0 30px 100px rgba(0,0,0,.65)}.tul-modal-close{position:absolute;top:14px;right:17px;width:42px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#11151a;color:#fff;font-size:26px;cursor:pointer}.tul-modal-panel h2{margin:0;font-size:clamp(48px,7vw,78px);letter-spacing:-3px;text-transform:uppercase}.tul-modal-meaning{color:var(--azul2);font-size:19px}.tul-modal-stats{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tul-modal-stats span{padding:9px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:rgba(255,255,255,.7);font-size:11px;font-weight:900;text-transform:uppercase}.tul-modal-panel>p:last-of-type{color:var(--texto);font-size:16px;line-height:1.75}.tul-modal-diagrama{margin-top:28px;padding:26px;border:1px dashed rgba(22,135,255,.3);border-radius:14px;background:rgba(22,135,255,.035)}.tul-modal-diagrama span{display:block;color:var(--azul2);font-size:9px;font-weight:900;letter-spacing:1.5px}.tul-modal-diagrama strong{display:block;margin-top:8px;color:rgba(255,255,255,.6);font-size:13px}
@media(max-width:1000px){.tuls-nav{display:none}.tuls-hero-grid,.tuls-editorial,.tuls-24-grid{grid-template-columns:1fr}.tuls-hero-number{max-width:480px;width:100%;margin:auto}.tuls-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.tuls-container{width:min(100% - 28px,1180px)}.tuls-header{height:68px}.tuls-cta{font-size:8px;padding:0 13px}.tuls-hero{min-height:auto;padding:115px 0 74px}.tuls-hero h1{font-size:clamp(54px,16vw,82px);letter-spacing:-3px}.tuls-section{padding:88px 0}.tuls-section h2,.tuls-final h2{font-size:clamp(39px,12vw,60px);letter-spacing:-2px}.tuls-tools{grid-template-columns:1fr}.tuls-filtros{align-items:stretch}.tuls-filtros button{flex:1;padding:0 10px}.tuls-grid{grid-template-columns:1fr}.tuls-heading{display:block}.tuls-facts{grid-template-columns:1fr}.tuls-facts span+span{border-left:0;border-top:1px solid rgba(255,255,255,.09)}.tuls-24-numero{font-size:190px}.tul-modal-panel{padding:32px 22px}.tul-modal-panel h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tul-card{transition:none}}


/* ===== ZIP 1.1 - Corrección Hero ===== */
.tuls-hero-grid{
  grid-template-columns:1.28fr .72fr !important;
  gap:48px !important;
}

.tuls-hero h1{
  max-width:860px !important;
}

.tuls-hero h1 strong{
  display:block;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
}

.tuls-hero-number{
  justify-self:end;
  transform:translateX(42px);
}

@media (max-width:1000px){
  .tuls-hero-grid{
    grid-template-columns:1fr !important;
  }
  .tuls-hero-number{
    transform:none !important;
    justify-self:center;
  }
  .tuls-hero h1 strong{
    white-space:normal !important;
  }
}


/* ===== ZIP 1.2 Ajuste composición Hero ===== */

.tuls-hero-grid{
    grid-template-columns:1.38fr .62fr !important;
    gap:72px !important;
}

.tuls-hero-number{
    transform:translateX(95px) scale(.92) !important;
}

.tuls-hero::after{
    right:4.5vw !important;
    bottom:-2vw !important;
    font-size:clamp(170px,24vw,360px) !important;
    opacity:.018 !important;
}

@media (max-width:1000px){
    .tuls-hero::after{
        right:50% !important;
        transform:translateX(50%) !important;
    }
    .tuls-hero-number{
        transform:none !important;
    }
}


/* =========================================================
   ZIP 1.3 — PALABRA TUL GRIS RESTAURADA
========================================================= */

.tuls-hero::after {
  content: "TUL" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  right: 2.8vw !important;
  bottom: -1.8vw !important;
  font-size: clamp(180px, 25vw, 380px) !important;
  line-height: .78 !important;
  font-weight: 900 !important;
  letter-spacing: -18px !important;
  color: rgba(255,255,255,.035) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
  transform: none !important;
}

.tuls-hero-grid {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 1000px) {
  .tuls-hero::after {
    right: -4vw !important;
    bottom: 2vw !important;
    font-size: clamp(150px, 28vw, 280px) !important;
    letter-spacing: -12px !important;
  }
}

@media (max-width: 680px) {
  .tuls-hero::after {
    right: -9vw !important;
    bottom: 8vw !important;
    font-size: 150px !important;
    opacity: .7 !important;
  }
}


/* ZIP1.4 final tweaks */
.tuls-hero{min-height:88vh!important;padding-top:110px!important;padding-bottom:60px!important;}
.tuls-hero::after{
content:"TUL"!important;
right:6vw!important;
bottom:2vw!important;
font-size:clamp(210px,23vw,340px)!important;
opacity:.055!important;
letter-spacing:-12px!important;
}
.tuls-hero-number{
transform:translateX(40px) scale(.90)!important;
}
.tuls-hero-number .circle,
.tuls-hero-circle{
filter:drop-shadow(0 0 18px rgba(22,135,255,.25))!important;
opacity:.85!important;
}
.tuls-hero .tuls-btn{margin-top:22px!important;}


/* =========================================================
   ZIP 1.5 — AJUSTES DE EQUILIBRIO Y LEGIBILIDAD
========================================================= */

/* Más separación entre el título y el bloque 24 */
.tuls-hero-grid {
  grid-template-columns: minmax(0, 1.34fr) minmax(330px, .66fr) !important;
  gap: 94px !important;
}

.tuls-hero-number {
  width: 92% !important;
  justify-self: end !important;
  transform: translateX(82px) scale(.92) !important;
  box-shadow:
    0 0 54px rgba(22,135,255,.09),
    inset 0 0 46px rgba(22,135,255,.035) !important;
}

/* TUL gris visible, pero lejos del borde */
.tuls-hero::after {
  content: "TUL" !important;
  right: 5.8vw !important;
  bottom: -1vw !important;
  font-size: clamp(170px, 23vw, 350px) !important;
  color: rgba(255,255,255,.032) !important;
  opacity: 1 !important;
}

/* Hero algo más compacto */
.tuls-hero {
  min-height: 90vh !important;
  padding-bottom: 68px !important;
}

.tuls-hero p {
  margin-bottom: 22px !important;
}

/* Mejor alineación de la sección editorial */
.tuls-copy {
  padding-top: 6px !important;
}

.tuls-facts {
  column-gap: 0 !important;
}

.tuls-facts span {
  padding: 24px 20px !important;
}

/* Más legibilidad en tarjetas */
.tul-card p {
  color: rgba(255,255,255,.72) !important;
}

.tul-ver {
  color: rgba(255,255,255,.92) !important;
  letter-spacing: 1px !important;
}

.tul-ver span {
  margin-left: 10px !important;
  text-shadow: 0 0 12px rgba(22,135,255,.42) !important;
}

/* Equilibrio en la sección del simbolismo */
.tuls-24-grid {
  grid-template-columns: .62fr 1.38fr !important;
  gap: 92px !important;
}

.tuls-24-numero {
  font-size: clamp(150px, 20vw, 310px) !important;
}

.tuls-24-grid > div:last-child {
  max-width: 760px !important;
}

.tuls-24 p {
  line-height: 1.88 !important;
}

@media (max-width: 1100px) {
  .tuls-hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, .72fr) !important;
    gap: 54px !important;
  }

  .tuls-hero-number {
    transform: translateX(34px) scale(.9) !important;
  }
}

@media (max-width: 1000px) {
  .tuls-hero-grid,
  .tuls-24-grid {
    grid-template-columns: 1fr !important;
  }

  .tuls-hero-number {
    width: min(100%, 460px) !important;
    transform: none !important;
    justify-self: center !important;
  }

  .tuls-hero::after {
    right: 50% !important;
    transform: translateX(50%) !important;
  }
}


/* =========================================================
   ZIP 1.6 — SEPARACIÓN DEFINITIVA DEL BLOQUE 24
========================================================= */

.tuls-hero-grid {
  grid-template-columns: minmax(0, 1.42fr) minmax(280px, .58fr) !important;
  gap: 118px !important;
}

.tuls-hero-number {
  width: 86% !important;
  max-width: 390px !important;
  justify-self: end !important;
  transform: translateX(132px) translateY(12px) scale(.88) !important;
}

.tuls-hero::after {
  right: 4.6vw !important;
  bottom: -1.4vw !important;
}

@media (max-width: 1280px) {
  .tuls-hero-grid {
    grid-template-columns: minmax(0, 1.34fr) minmax(290px, .66fr) !important;
    gap: 82px !important;
  }

  .tuls-hero-number {
    transform: translateX(72px) translateY(10px) scale(.88) !important;
  }
}

@media (max-width: 1080px) {
  .tuls-hero-grid {
    grid-template-columns: minmax(0, 1.24fr) minmax(280px, .76fr) !important;
    gap: 54px !important;
  }

  .tuls-hero-number {
    transform: translateX(28px) translateY(8px) scale(.86) !important;
  }
}

@media (max-width: 1000px) {
  .tuls-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }

  .tuls-hero-number {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    transform: none !important;
    justify-self: center !important;
  }
}

/* Final TUL background fix */
.tuls-hero::after,.hero-tuls::after{
top:auto!important;
bottom:4%!important;
left:50%!important;
transform:translateX(-50%)!important;
font-size:clamp(120px,15vw,240px)!important;
letter-spacing:-8px!important;
opacity:1!important;
color:rgba(255,255,255,.045)!important;
white-space:nowrap!important;
overflow:visible!important;
}


/* =========================================================
   PATRÓN GLOBAL DJIK — PALABRA DECORATIVA SUPERIOR IZQUIERDA
   Referencia visual: página Historia
========================================================= */

.tuls-hero::after {
  content: "TUL" !important;
  position: absolute !important;
  top: 8.5% !important;
  left: 2.8vw !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  display: block !important;
  z-index: 0 !important;
  color: rgba(255,255,255,.045) !important;
  opacity: 1 !important;
  font-size: clamp(118px, 15vw, 235px) !important;
  font-weight: 900 !important;
  line-height: .82 !important;
  letter-spacing: -9px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  pointer-events: none !important;
  user-select: none !important;
}

.tuls-hero-grid {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 1000px) {
  .tuls-hero::after {
    top: 9% !important;
    left: 3vw !important;
    font-size: clamp(90px, 17vw, 160px) !important;
    letter-spacing: -7px !important;
  }
}

@media (max-width: 680px) {
  .tuls-hero::after {
    top: 8% !important;
    left: 4vw !important;
    font-size: clamp(68px, 21vw, 112px) !important;
    letter-spacing: -5px !important;
  }
}


/* Cambio final: palabra decorativa */
.tuls-hero::after{
  content:"TULS" !important;
}


/* Ajuste adicional solicitado: bajar más el bloque del hero de Los Tuls */
.hero .contenedor,
.hero-contenido,
.hero-content,
.tuls-hero .contenedor,
.tuls-hero .hero-content{
    padding-top:70px !important;
}