/* =========================
   THREE.JS WRAP
   ========================= */
#three-wrap{
  position: relative;
  width: 100%;
  height: 520px;
  overflow: hidden;
  border-radius: 14px;
}

#three-container{
  width: 100%;
  height: 100%;
}

#three-container canvas{
  width: 100% !important;
  height: 100% !important;
  display: block;
  background-image: radial-gradient(#666, #333);
}

#instructions{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size: 12px;
  letter-spacing: 0.6px;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0,0,0,0.60), rgba(0,0,0,0));
}

/* =========================
   GRILLA DE MARCAS
   ========================= */
.marcas-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* 6 por fila en desktop */
.marcas-grid > *{
  flex: 0 0 calc(16.666% - 14px);
  box-sizing: border-box;
}

/* Móvil: 1 por fila en orden vertical */
@media (max-width: 767px){
  .marcas-grid{
    column-count: 1 !important;
    column-gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .marcas-grid > *{
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* =========================
   BOTONES FW (3D EN DESKTOP / AMARILLO EN MOVIL)
   ========================= */
.fwB-wrap{ width: 100%; }

/* Siempre abierto */
.fwB-details{ width: 100%; }
.fwB-details > summary.fwB-summary{ display: none; }
.fwB-panel{ margin-top: 0; }

/* Layout */
.fwB-grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 18px;
}

.fwB-brand{
  width: 210px;
  height: 56px;
  display: block;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

/* Deshabilitado (sin URL) */
.fwB-brand.is-disabled{
  opacity: 0.55;
  pointer-events: none;
}

/* Desktop: 3D (CORREGIDO) */
@media (min-width: 981px){

  .fwB-brand{
    position: relative;
    transition: transform 1.6s;
    transform-style: preserve-3d;
    transform: perspective(1000px) rotateX(0deg);
  }

  .fwB-brand:hover{
    transform: perspective(1000px) rotateX(360deg);
    will-change: transform;
  }

  .fwB-brand span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 900;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #000;
    background: #fff;
    border: 2px solid #000;
    box-sizing: border-box;
    box-shadow: inset 0 20px 50px rgba(0,0,0,0.18);

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  /* SOLO cuando gira (hover) */
  .fwB-brand:hover span{
    color: #fff;
    background: linear-gradient(135deg, #f7b733 0%, #fc4a1a 100%);
    text-shadow: 0 2px 2px rgba(0,0,0,0.45);
  }

  .fwB-brand span:nth-child(1){ transform: rotateX(0deg)   translateZ(26px); }
  .fwB-brand span:nth-child(2){ transform: rotateX(90deg)  translateZ(26px); }
  .fwB-brand span:nth-child(3){ transform: rotateX(180deg) translateZ(26px); }
  .fwB-brand span:nth-child(4){ transform: rotateX(270deg) translateZ(26px); }
}


/* Móvil/Tablet: amarillo */
@media (max-width: 980px){
  .fwB-brand{
    width: 90px;
    height: 52px;
    background: #fbca1f;
    font-weight: 900;
    font-size: 18px;
    border: 3px solid #000;
    border-radius: 0.4em;
    box-shadow: 0.1em 0.1em;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    line-height: 1;
    white-space: nowrap;
    padding: 0 18px;
  }

  /* Móvil usa solo el 1er span */
  .fwB-brand span{ display: none; }
  .fwB-brand span:first-child{
    display: block;
    position: static;
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none !important;
  }

  .fwB-brand:hover{
    transform: translate(-0.05em,-0.05em);
    box-shadow: 0.15em 0.15em;
  }

  .fwB-brand:active{
    transform: translate(0.05em,0.05em);
    box-shadow: 0.05em 0.05em;
  }
}

@media (max-width: 480px){
  .fwB-brand{
    width: 165px;
    height: 46px;
    font-size: 16px;
    padding: 0 14px;
  }
}










/* =========================
   PIYO - BOTON + POLLITOS
   CAMBIAR TAMANOS RAPIDO:
   DESKTOP: width/height en .piyo-toggle
   TABLET:  width/height en @media (max-width:980px)
   MOVIL:   width/height en @media (max-width:767px)
========================= */

/* centrado en celular y pc */
.piyo-list{
  width:100%;
  text-align:center;
  margin:0;
  padding:0;
  list-style:none;
}
.piyo-item{display:inline-block;position:relative;}

.piyo-item .piyo-toggle{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  /* DESKTOP size */
  width:320px;
  height:80px;

  border:3px solid #000;
  border-radius:40px;
  background:#6b2cff !important;

  text-decoration:none !important;
  box-sizing:border-box;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  cursor:pointer;
}

.piyo-item .button__wrapper{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.piyo-item .button__text{
  width:100%;
  text-align:center;
  color:#fff;
  font-size:28px;
  line-height:1;
  white-space:nowrap;
  font-weight:900;
}

/* pollitos */
.piyo-item .characterBox{
  position:absolute;
  top:-54px;
  left:0;right:0;
  margin:0 auto;
  width:180px;height:56px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}

.piyo-item .character{
  width:56px;height:36px;
  border:3px solid #000;
  background:#f4cf47;
  border-radius:60px 60px 40px 40px / 48px 48px 30px 30px;
  position:relative;
  box-sizing:border-box;
  animation:piyo_sleep 1s ease infinite alternate;
}

/* pico */
.piyo-item .character::before{
  content:'';
  position:absolute;
  top:-10px;left:22px;
  width:0;height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:10px solid #000;
}

.piyo-item .character__face{
  position:absolute;
  top:15px;left:0;right:0;
  margin:0 auto;
  width:12px;height:6px;
  background:#ff8108;
  border-radius:50% 50% 50% 50% / 78% 78% 22% 22%;
  transition:.2s;
}

.piyo-item .character__face::before,
.piyo-item .character__face::after{
  content:'';
  position:absolute;
  top:-4px;
  width:8px;height:2px;
  border-radius:4px;
  background:#000;
}
.piyo-item .character__face::before{left:-5px;}
.piyo-item .character__face::after{right:-5px;}

@keyframes piyo_sleep{0%{height:36px;}100%{height:32px;}}

/* hover wake up (altura moderada) */
@keyframes piyo_wakeup{0%{height:32px;}100%{height:46px;}}

@keyframes piyo_eye{
  0%,30%,34%,70%,74%,78%,100%{ top:-6px; width:6px; height:6px; }
  32%,72%,76%{ top:-4px; width:8px; height:2px; }
}

/* OJO DEL MEDIO (mueve mirada) */
@keyframes piyo_eye_2{
  0%{top:-6px;width:6px;height:6px;transform:translateX(0);}
  10%{transform:translateX(0);}
  12%{transform:translateX(3px);}
  20%{top:-6px;width:6px;height:6px;}
  22%{top:-4px;width:8px;height:2px;}
  24%{top:-6px;width:6px;height:6px;}
  25%{transform:translateX(3px);}
  27%{transform:translateX(0);}
  74%{top:-6px;width:6px;height:6px;transform:translateX(0);}
  76%{top:-4px;width:8px;height:2px;transform:translateX(3px);}
  78%{top:-6px;width:6px;height:6px;}
  80%{top:-4px;width:8px;height:2px;}
  82%{top:-6px;width:6px;height:6px;}
  85%{transform:translateX(3px);}
  87%{transform:translateX(0);}
  100%{top:-6px;width:6px;height:6px;transform:translateX(0);}
}

.piyo-item .piyo-toggle:hover .wakeup{
  animation:piyo_wakeup .2s ease forwards;
}
.piyo-item .piyo-toggle:hover .wakeup .character__face{ top:20px; }

/* ojos (pollito 1 y 2 por defecto) */
.piyo-item .piyo-toggle:hover .wakeup .character__face::before,
.piyo-item .piyo-toggle:hover .wakeup .character__face::after{
  animation:piyo_eye 5s linear infinite;
}

/* solo el pollito del medio (2do .character dentro de .characterBox) */
.piyo-item .piyo-toggle:hover .characterBox .wakeup:nth-child(2) .character__face::before,
.piyo-item .piyo-toggle:hover .characterBox .wakeup:nth-child(2) .character__face::after{
  animation:piyo_eye_2 5s linear infinite;
}

/* PANEL + SCROLL GRIS */
.piyo-panel{
  margin:10px auto 0;
  background:#000;
  border-radius:14px;
  padding:12px;
  box-sizing:border-box;
  width:100%;
  max-height:520px;
  overflow-y:auto;

  scrollbar-width: thin;
  scrollbar-color: #8e8e8e rgba(255,255,255,.10);
}
.piyo-panel::-webkit-scrollbar{width:10px;}
.piyo-panel::-webkit-scrollbar-track{
  background:rgba(255,255,255,.10);
  border-radius:12px;
}
.piyo-panel::-webkit-scrollbar-thumb{
  background:#8e8e8e;
  border-radius:12px;
  border:2px solid #000;
}
.piyo-panel::-webkit-scrollbar-thumb:hover{background:#b3b3b3;}

.piyo-model-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.piyo-panel .piyo-row{
  display:block;
  background:#111;
  color:#fff;
  text-decoration:none;
  padding:10px 12px;
  border-radius:10px;
  font-size:14px;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.piyo-panel .piyo-row:hover{
  background:#2a2a2a !important;
  box-shadow:0 0 0 2px rgba(142,142,142,.55) inset;
  transform:translateX(2px);
}
.piyo-panel .piyo-row.is-active{
  background:#333 !important;
  box-shadow:0 0 0 2px rgba(142,142,142,.95) inset;
  transform:translateX(2px);
}

/* responsive */
@media (max-width:980px){
  .piyo-item .piyo-toggle{
    /* TABLET size */
    width:240px;
    height:90px;
  }
  .piyo-item .button__text{font-size:24px;}
}
@media (max-width:767px){
  .piyo-item .piyo-toggle{
    /* MOVIL size */
    width:310px;
    height:60px;
  }
  .piyo-item .button__text{font-size:22px;}
}




/* 1) La lista empuja contenido (no flota) */
html body .piyo-item > .piyo-panel{
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

/* 2) Ancho del panel “como las marcas” (más ancho que el botón)
   Ajustá 70px a tu gusto: más valor = más ancho */


html body .piyo-item > .piyo-panel{
  width: calc(100% + var(--piyoPanelExtra)) !important;
  margin-left: calc(var(--piyoPanelExtra) / -2) !important;
  margin-right: 0 !important;
}

/* 3) En celular no existe hover: replicamos el hover con una clase */
html body .piyo-item .piyo-toggle.piyo-tap .wakeup{
  animation: piyo_wakeup .2s ease forwards;
}
html body .piyo-item .piyo-toggle.piyo-tap .wakeup .character__face{
  top: 20px;
}
html body .piyo-item .piyo-toggle.piyo-tap .wakeup .character__face::before,
html body .piyo-item .piyo-toggle.piyo-tap .wakeup .character__face::after{
  animation: piyo_eye 5s linear infinite;
}
html body .piyo-item .piyo-toggle.piyo-tap .characterBox .wakeup:nth-child(2) .character__face::before,
html body .piyo-item .piyo-toggle.piyo-tap .characterBox .wakeup:nth-child(2) .character__face::after{
  animation: piyo_eye_2 5s linear infinite;
}

html body .piyo-panel{ display:block !important; }
html body .piyo-panel[hidden]{ display:none !important; }


@media (max-width: 767px){
  /* Scrollbar más ancha (Chrome/Edge/Safari) */
  .piyo-panel::-webkit-scrollbar{ width: 16px !important; }
  .piyo-panel::-webkit-scrollbar-thumb{ border-width: 3px !important; }

  /* Firefox */
  .piyo-panel{ scrollbar-width: auto !important; }
}


/* Evitar franja blanca sin romper Divi (NO tocar .et_pb_section / .et_pb_row) */
html, body, #page-container{
  overflow-x: hidden !important;
}

/* PIYO: evitar overflow en móvil sin recortar módulos */
@media (max-width: 767px){

  /* Si usabas panel extra ancho, anulalo solo en móvil */
  html body .piyo-item{
  
  }

  /* Anchos seguros */
  html body .piyo-item .piyo-toggle{
    width: min(310px, 92vw) !important;
  }

  html body .piyo-item > .piyo-panel{
    width: min(100%, 92vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}










/* Quita el scroll interno de la zona PIYO y evita que corte botones */
@media (max-width: 980px){

  .piyo-zona,
  .piyo-zona .et_pb_section,
  .piyo-zona .et_pb_row,
  .piyo-zona .et_pb_column,
  .piyo-zona .et_pb_module,
  .piyo-zona .et_pb_code,
  .piyo-zona .et_pb_code_inner{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Evita desplazamiento lateral (franja blanca) */
  .piyo-zona{
    overflow-x: hidden !important;
  }
}

/* Asegura scroll normal del sitio (si algún ajuste lo bloqueó) */
html, body{
  overflow-y: auto !important;
}



/* FIX CLICK: evita que las caras 3D capturen el click sobre otros botones (sin cambiar tamaños) */
@media (min-width: 981px){
  .fwB-brand span{
    pointer-events: none !important;
  }
}





#logo,
#main-header #logo,
.et-fixed-header #logo{
  transition: none !important;
  transform: none !important;
}




/* ==========================================================
   FORO RCA - ESTILO ORIGINAL (MISMO DISEÑO)
   Scope: #foroRCA
   ========================================================== */

/* ==========================================================
   1) COLORES
   ========================================================== */
#foroRCA{
  width:100% !important;
  max-width:1450px;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;

  --borde-gris:#e5e7eb;
  --sep-linea:rgba(15,23,42,.06);

  --autor-fondo:#222835;
  --autor-texto:#cccbbb;

  --top-grad-1:#111827;
  --top-grad-2:#0b1220;
  --top-texto:#ffffff;
  --top-borde:rgba(255,255,255,.10);

  --chip-borde:rgba(255,255,255,.18);
  --chip-fondo:rgba(255,255,255,.08);

  --dlbar-grad-1:rgba(255,255,255,.12);
  --dlbar-grad-2:rgba(255,255,255,.06);
  --dlbar-borde:rgba(255,255,255,.14);

  --tag-fondo:rgba(0,56,51,0.14);
  --tag-borde:rgba(0,56,51,0.22);
  --tag-texto:#000000;

  --mini-fondo:#f3f4f6;
  --mini-borde:#e5e7eb;

  --box-fondo:#dedede;
  --box-borde:#cbd5e1;
  --box-sombra:rgba(15,23,42,.08);

  --h3-color:#649cc4;

  --file-borde:rgba(239,68,68,.45);
  --file-fondo:#859684;

  --mono-texto:#111827;
  --meta-texto:#374151;
  --descargado-color:#9F1239;

  --warn-borde:rgba(239,68,68,.35);
  --warn-fondo:rgba(239,68,68,.08);

  --admin-verde:#22c55e;
  --webmaster-amarillo:#0ce5ff;
}

#foroRCA, #foroRCA *{box-sizing:border-box;}
#foroRCA img{max-width:100%;height:auto;}

/* ✅ FORO RCA: imágenes siempre limpias (sin bordes / sin sombras / sin redondeo) */
#foroRCA img{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* ==========================================================
   2) ESTRUCTURA GENERAL
   ========================================================== */
#foroRCA .sep{
  height:8px;
  background:transparent;
  border-top:1px solid var(--sep-linea);
}

#foroRCA .bloque{
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  border-top:1px solid var(--borde-gris);
}

#foroRCA .autor{
  flex:0 0 228px;
  max-width:270px;
  min-width:220px;
  background:var(--autor-fondo);
  border-right:1px solid var(--borde-gris);
  padding:14px;
}

#foroRCA .contenido{
  flex:1;
  min-width:0;
  padding:14px;
  background:#a2a2a9;
}

#foroRCA .wrap{
  width:100%;
  border-radius:18px;
  overflow:hidden;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* ==========================================================
   3) TOP
   ========================================================== */
#foroRCA .top{
  padding:16px 18px;
  background:linear-gradient(180deg,var(--top-grad-1) 0%,var(--top-grad-2) 100%);
  color:var(--top-texto);
  border-bottom:1px solid var(--top-borde);
}

#foroRCA .chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

#foroRCA .chip{
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  border:1px solid var(--chip-borde);
  background:var(--chip-fondo);
}

#foroRCA .dlbar{
  margin-top:12px;
  border-radius:16px;
  padding:12px;
  background:linear-gradient(180deg,var(--dlbar-grad-1) 0%,var(--dlbar-grad-2) 100%);
  border:1px solid var(--dlbar-borde);
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}

/* ==========================================================
   4) TÍTULO POR BLOQUE
   ========================================================== */
#foroRCA .tline{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

#foroRCA .tag{
  padding:8px 12px;
  border-radius:12px;
  background:var(--tag-fondo);
  color:var(--tag-texto);
  border:1px solid var(--tag-borde);
  font-weight:900;
}

#foroRCA .mini{
  padding:6px 10px;
  border-radius:999px;
  background:var(--mini-fondo);
  border:1px solid var(--mini-borde);
  font-size:12px;
  font-weight:900;
}

/* ==========================================================
   5) CAJAS + TÍTULOS H3
   ========================================================== */
#foroRCA .box{
  border-radius:12px;
  border:1px solid var(--box-borde);
  background:var(--box-fondo);
  padding:14px;
  box-shadow:0 10px 22px var(--box-sombra);
}

#foroRCA .box h3{
  margin:0 0 10px 0;
  font-size:14px;
  font-weight:900;
  color:var(--h3-color);
  letter-spacing:.2px;
  text-transform:uppercase;
}

#foroRCA .box .sub{margin:0 0 8px 0;font-weight:900;}
#foroRCA .p{margin:4px 0;font-size:13.5px;}
#foroRCA .n{font-weight:900;}
#foroRCA .mb{color:#000000;font-weight:900;}

#foroRCA .mono,
#foroRCA .metaRow,
#foroRCA .mini{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* ==========================================================
   6) AUTOR
   ========================================================== */
#foroRCA .a-head{display:flex;align-items:center;gap:10px;}

#foroRCA .a-img{
  width:46px;
  height:46px;
  object-fit:contain;
  background:transparent;
  box-shadow:none;
  border:0;
  display:block;
}

#foroRCA .a-meta{
  margin-top:10px;
  font-size:12px;
  opacity:.88;
  color:var(--autor-texto);
}
#foroRCA .a-meta strong{font-weight:900;color:var(--autor-texto);}

#foroRCA .autor .a-head div:nth-of-type(1){
  color:var(--admin-verde) !important;
}
#foroRCA .autor .a-head div:nth-of-type(2),
#foroRCA .autor .a-head div:nth-of-type(2) strong{
  color:var(--webmaster-amarillo) !important;
}

#foroRCA .autor,
#foroRCA .autor .a-meta,
#foroRCA .autor .a-meta strong{color:var(--autor-texto);}

/* ==========================================================
   7) LISTAS
   ========================================================== */
#foroRCA ol{margin:0;padding-left:18px;}
#foroRCA li{margin:6px 0;font-size:13.5px;}

/* ==========================================================
   8) ARCHIVOS (file) + META
   ========================================================== */
#foroRCA .file{
  border-radius:10px;
  border:1px solid var(--file-borde);
  background:var(--file-fondo);
  padding:10px;
  margin-top:10px;
}

#foroRCA .mono{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:13px;
  font-weight:900;
  color:var(--mono-texto);
}

#foroRCA .metaRow{
  margin-top:6px;
  font-size:12.5px;
  opacity:.95;
  color:var(--meta-texto);
}

#foroRCA .metaRow .dl{
  color:var(--descargado-color);
  font-weight:900;
}

/* ==========================================================
   9) WARNINGS
   ========================================================== */
#foroRCA .warn{
  border-radius:12px;
  border:1px solid var(--warn-borde);
  background:var(--warn-fondo);
  padding:10px;
  margin:10px 0;
}

/* ==========================================================
   10) SEO (keywords)
   ========================================================== */
#foroRCA .seoWrap{
  border-top:1px solid var(--borde-gris);
  background:#ffffff;
  padding:14px;
}

#foroRCA .seoBox{
  border-radius:12px;
  border:1px solid var(--box-borde);
  background:var(--box-fondo);
  padding:14px;
  box-shadow:0 10px 22px var(--box-sombra);
}

#foroRCA .seoTitle{
  margin:0 0 10px 0;
  font-size:14px;
  font-weight:900;
  color:var(--h3-color);
  letter-spacing:.2px;
  text-transform:uppercase;
}

#foroRCA .kgrid{
  columns:2;
  column-gap:22px;
  margin:0;
  padding:0;
  list-style:none;
}

#foroRCA .kgrid li{
  break-inside:avoid;
  margin:6px 0;
  font-size:13.5px;
}

/* ==========================================================
   11) RESPONSIVE (solo móvil, PC queda igual)
   ========================================================== */
@media (max-width:720px){

  #foroRCA{
    max-width:100% !important;
    padding:12px !important;
  }

  #foroRCA .top{padding:14px 14px !important;}
  #foroRCA .chips{justify-content:flex-start !important;}
  #foroRCA .chip{font-size:11px !important; padding:6px 9px !important;}

  #foroRCA .bloque{flex-direction:column !important;}

  /* ✅ FIX: elimina espacio grande en móvil en “Administrador / Mensajes / Etiqueta” */
  #foroRCA .autor{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    border-right:0 !important;
    border-bottom:1px solid var(--borde-gris) !important;

    padding:10px 10px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:6px 10px !important;
  }

  #foroRCA .a-img{
    width:34px !important;
    height:34px !important;
    border-radius:0 !important;
  }

  #foroRCA .a-head{
    gap:8px !important;
    flex:1 1 190px !important;
    min-width:180px !important;
    align-items:center !important;
  }

  #foroRCA .autor .a-head > div{
    line-height:1.08 !important;
  }
  #foroRCA .autor .a-head > div > div:first-child{
    font-size:13px !important;
  }
  #foroRCA .autor .a-head > div > div:last-child{
    font-size:11px !important;
  }

  /* ✅ clave: a-meta deja de apilar en alto */
  #foroRCA .a-meta{
    margin:0 !important;
    font-size:11px !important;
    line-height:1.12 !important;
    opacity:.9 !important;

    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:6px !important;

    width:auto !important;
    max-width:100% !important;
    padding:0 !important;
  }

  #foroRCA .a-meta br{display:none !important;}
  #foroRCA .autor *{margin-top:0 !important;}

  #foroRCA .contenido{padding:12px !important;}

  #foroRCA h1{font-size:20px !important; line-height:1.18 !important;}

  #foroRCA .kgrid{columns:1 !important;}
}

/* ==========================================================
   FIX DIVI - SEO (Etiquetas SEO) para que NO se rompa
   ========================================================== */
#foroRCA .seoWrap,
#foroRCA .seoBox{box-sizing:border-box;}

#foroRCA .seoTitle{
  display:block;
  margin:0 0 10px 0 !important;
}

#foroRCA ul.kgrid{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  padding-left:0 !important;
  text-indent:0 !important;

  columns:2 !important;
  -webkit-columns:2 !important;
  -moz-columns:2 !important;
  column-gap:22px !important;

  display:block !important;
}

#foroRCA ul.kgrid > li{
  list-style:none !important;
  margin:6px 0 !important;
  padding:0 !important;

  break-inside:avoid !important;
  page-break-inside:avoid !important;
  -webkit-column-break-inside:avoid !important;

  list-style-position:outside !important;
}

@media (max-width:720px){
  #foroRCA ul.kgrid{
    columns:1 !important;
    -webkit-columns:1 !important;
    -moz-columns:1 !important;
  }
}

#foroRCA .box, #foroRCA .p, #foroRCA .mono, #foroRCA .metaRow{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* ==========================================================
   FORO RCA - IMAGEN LATERAL (PC más grande / Móvil automático)
   Scope: #foroRCA
   ========================================================== */
#foroRCA .techGrid{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:14px;
  align-items:start;
  margin-top:8px;
}

#foroRCA .techLeft,
#foroRCA .techLeft .p{
  overflow-wrap:anywhere;
  word-break:break-word;
}

#foroRCA .techRight{
  min-width:0;
}

#foroRCA .imgTech__img{
  display:block;
  width:100% !important;
  height:auto !important;

  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;

  border-radius:0 !important;
  object-fit:contain;
}

/* ✅ PC: un poco más grande */
@media (min-width: 981px){
  #foroRCA .imgTech__img{
    max-height:420px;
  }
}

/* ✅ Móvil: imagen abajo y tamaño automático */
@media (max-width: 720px){
  #foroRCA .techGrid{
    grid-template-columns:1fr;
    gap:10px;
  }
  #foroRCA .imgTech__img{
    max-height:none;
  }
}










.vipOne-wrap{
  max-width:2200px;
  margin:0 auto 18px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@media(max-width:520px){
  .vipOne-wrap{max-width:100% !important;margin:0 4px 18px !important;}
}

.vipOne-banner{
  position:relative;overflow:hidden;border-radius:18px;min-height:220px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  background:linear-gradient(135deg,#0b0b0f,#06b6d4);
}

.vipOne-photo{
  position:absolute;inset:0 0 0 46%;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(1.06) contrast(1.06);
}

.vipOne-slice{
  position:absolute;inset:0 auto 0 0;width:72%;
  background:linear-gradient(135deg,#064e3b,#06b6d4);
  clip-path:polygon(0 0, 80% 0, 60% 100%, 0 100%);
}
.vipOne-pattern{
  position:absolute;inset:-60px -80px -60px -80px;
  opacity:.22;mix-blend-mode:overlay;
  background-image:
    radial-gradient(circle at 12px 12px, rgba(255,255,255,.75) 1.5px, rgba(255,255,255,0) 2px),
    linear-gradient(45deg, rgba(255,255,255,.22), rgba(255,255,255,0) 60%);
  background-size:24px 24px, 100% 100%;
  transform:rotate(-8deg);
}
.vipOne-shine{
  pointer-events:none;position:absolute;top:-85%;left:-95%;
  width:95%;height:270%;transform:rotate(22deg);
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.12) 35%,
    rgba(255,255,255,.34) 50%,
    rgba(255,255,255,.12) 65%,
    rgba(255,255,255,0) 100%);
  opacity:.95;
}
.vipOne-border{
  position:absolute;inset:0;border-radius:18px;pointer-events:none;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.14);
}

.vipOne-content{
  position:relative;z-index:2;
  padding:18px 18px 18px 22px;
  max-width:62%;
  color:#fff;
  display:flex;flex-direction:column;justify-content:center;
  min-height:220px;
}

.vipOne-kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:1000;letter-spacing:.18em;text-transform:uppercase;
  font-size:.80rem;opacity:.98;
  color:#7CFF4A;
  text-shadow:0 2px 0 rgba(0,0,0,.40),0 0 14px rgba(124,255,74,.35);
  background:rgba(0,0,0,.78);
  border:1px solid rgba(255,255,255,.12);
  padding:8px 12px;border-radius:999px;width:fit-content;
}

.vipOne-attnBox{
  display:inline-flex;
  width:fit-content;
  max-width:720px;
  margin:10px 0 12px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 22px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.vipOne-attnTitle{
  margin:0;
  font-weight:1050;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:1.00rem;
  line-height:1.25;
  color:#ffe44a;
  text-shadow:0 2px 0 rgba(0,0,0,.25);
}
.vipOne-attnDesktop{display:block;}
.vipOne-attnMobile{display:none;}

.vipOne-title{
  margin:6px 0 10px;
  font-weight:1100;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size:2.05rem;
  line-height:1.02;
  text-shadow:0 3px 0 rgba(0,0,0,.28),0 0 18px rgba(6,182,212,.95);
}
.vipOne-sub{
  margin:0;
  font-weight:700;
  font-size:1.00rem;
  line-height:1.35;
  color:rgba(255,255,255,.92);
  max-width:640px;
}
.vipOne-sub strong{font-weight:1100;color:#fff3b0}

.vipOne-tags{
  margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;
  padding:0;list-style:none
}
.vipOne-tags li{
  border-radius:999px;
  padding:11px 16px;
  font-weight:1100;
  font-size:.84rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,.95);
  background:linear-gradient(180deg,
    rgba(34,211,238,.34) 0%,
    rgba(255,255,255,.10) 35%,
    rgba(0,0,0,.14) 100%
  );
  border:1px solid rgba(34,211,238,.45);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 14px 26px rgba(0,0,0,.25);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.vipOne-tags li:hover{filter:brightness(1.10);transform:translateY(-1px);}
.vipOne-tags li:active{transform:translateY(1px);}

.vipOne-row{margin-top:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.vipOne-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:999px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.18);
  font-weight:950;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;
}
.vipOne-cta{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  padding:18px 28px !important;min-width:240px !important;border-radius:18px !important;
  background:#ffe44a !important;color:#000 !important;
  font-weight:1100 !important;letter-spacing:.10em !important;text-transform:uppercase !important;
  font-size:1.05rem !important;line-height:1 !important;
  border:2px solid rgba(0,0,0,.80) !important;
  box-shadow:0 14px 26px rgba(0,0,0,.28) !important;
  text-decoration:none !important;
}
.vipOne-cta:hover{transform:translateY(-1px) !important;box-shadow:0 18px 30px rgba(0,0,0,.30) !important;}
.vipOne-cta:active{transform:translateY(1px) !important;box-shadow:0 10px 18px rgba(0,0,0,.26) !important;}

@media(max-width:820px){
  .vipOne-photo{inset:0 0 0 52%}
  .vipOne-slice{width:80%;clip-path:polygon(0 0, 86% 0, 66% 100%, 0 100%)}
  .vipOne-content{max-width:78%}
  .vipOne-title{font-size:1.72rem}
  .vipOne-attnBox{max-width:640px}
  .vipOne-attnTitle{font-size:.95rem}
}

@media(max-width:520px){
  .vipOne-banner{min-height:0}
  .vipOne-photo{
    position:relative;
    inset:auto;
    width:100%;
    height:170px;
    background-position:50% 45%;
    background-size:cover;
    background-repeat:no-repeat;
  }
  .vipOne-slice{
    position:absolute;
    inset:0;
    width:100%;
    clip-path:none;
    background:linear-gradient(135deg,rgba(6,182,212,.18),rgba(0,0,0,.55));
  }

  .vipOne-content{
    max-width:100%;
    min-height:auto;
    padding:14px 14px 16px 14px;
    text-align:center;
    align-items:center;
  }
  .vipOne-kicker{justify-content:center}

  .vipOne-attnDesktop{display:none;}
  .vipOne-attnMobile{display:block;}

  .vipOne-attnBox{
    width:100%;
    max-width:100%;
    justify-content:center;
    margin:10px 0 10px;
    background:rgba(0,0,0,.50);
  }
  .vipOne-attnTitle{
    font-size:.92rem;
    line-height:1.25;
    text-align:center;
  }

  .vipOne-title{font-size:1.30rem}
  .vipOne-sub{font-size:.95rem}
  .vipOne-tags{justify-content:center}
  .vipOne-tags li{width:100%;text-align:center}
  .vipOne-row{justify-content:center}
  .vipOne-cta{width:100% !important;min-width:0 !important}
  .vipOne-chip{width:100%;justify-content:center}
}