/* inversionesaristocraticas.com — añadidos sobre sitio.css de axelumanchuk.com */

.ia-lista { margin: var(--e-3) 0 0; padding-left: 1.4rem; max-width: var(--ancho-texto); }
.ia-lista li { margin-bottom: 0.6rem; line-height: 1.55; }
.ia-lista li::marker { color: var(--oro); font-weight: 700; }
.ia-fuente { font-size: var(--t-sm); margin-top: var(--e-2); }

.ia-empresas { list-style: none; margin: var(--e-2) 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: 0.5rem 1.2rem; }
.ia-empresas li { padding: 0.45rem 0; border-bottom: 1px solid var(--negro-borde); }
.ia-ticker { display: inline-block; min-width: 4.4rem; font-weight: 700; color: var(--oro-claro);
  letter-spacing: 0.04em; }

.ia-form { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: var(--e-3); max-width: 34rem; }
.ia-form input { flex: 1 1 14rem; min-width: 0; font-family: var(--cuerpo); font-size: var(--t-base);
  padding: 0.8rem 0.9rem; border-radius: var(--radio); border: 1px solid #C9C2B3;
  background: #FFF; color: var(--txt-osc); }
.ia-form--apagado input, .ia-form--apagado button { opacity: 0.55; cursor: not-allowed; }

/* Marcas de borrador: desaparecen con BORRADOR = False */
.cinta-borrador { background: #7A1F1F; color: #FFF; text-align: center; font-size: var(--t-sm);
  padding: 0.35rem 1rem; letter-spacing: 0.04em; }
.borr, .pend { position: relative; border: 2px dashed #C0392B; border-radius: var(--radio);
  padding: 0.8rem 1rem; margin: var(--e-2) 0; }
.pend { border-color: var(--oro); }
.borr__tag, .pend__tag { display: inline-block; margin-bottom: 0.6rem; font-size: var(--t-xs);
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; padding: 0.1rem 0.5rem;
  background: #C0392B; color: #FFF; border-radius: 3px; }
.pend__tag { background: var(--oro); color: #111; }

/* 30-sep-2026: preguntas frecuentes */
.faqs { max-width: var(--ancho-texto); }
.faq { border-top: 1px solid #D8D0C0; }
.faq:last-child { border-bottom: 1px solid #D8D0C0; }
.faq summary { cursor: pointer; list-style: none; position: relative; padding: 1.1rem 2.4rem 1.1rem 0;
  font-weight: 700; font-size: 1.15rem; line-height: 1.35; color: var(--txt-osc); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 0.3rem; top: 0.85rem; font-size: 1.6rem;
  line-height: 1; color: var(--oro); font-weight: 400; }
.faq[open] summary::after { content: "–"; }
.faq summary:focus-visible { outline: 2px solid var(--oro); outline-offset: 3px; }
.faq-r { padding: 0 0 1.2rem; }
.faq-r p { margin: 0 0 0.7rem; line-height: 1.6; }
.faq-r a { color: var(--oro); }

/* 30-sep-2026: emblema de la marca en cabecera y pie (imagen original, solo escalada) */
.marca--ia { flex-direction: row; align-items: center; gap: 0.7rem; }
.marca__texto { display: inline-flex; flex-direction: column; gap: 0.2rem; }
.marca__emblema { width: 44px; height: 44px; border-radius: 6px; flex-shrink: 0; }
.pie__emblema { width: 72px; height: 72px; border-radius: 8px; margin-bottom: 0.8rem; }
@media (max-width: 480px) { .marca--ia { gap: 0.5rem; } .marca__emblema { width: 34px; height: 34px; } .marca--ia .marca__nombre { font-size: 0.98rem; } }

/* 30-sep-2026: título del inicio más largo */
.heroe__tesis--larga { font-size: clamp(1.9rem, 3.4vw, 3rem); line-height: 1.14; text-wrap: balance; max-width: 24ch; }

/* 30-sep-2026: blog */
.carpetas { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.carpeta { text-decoration: none; }
.carpeta__icono { display: block; width: 2.2rem; height: 1.6rem; border: 2px solid var(--oro); border-radius: 3px 3px 4px 4px; position: relative; margin: 0.6rem 0 0.4rem; }
.carpeta__icono::before { content: ""; position: absolute; left: -2px; top: -0.6rem; width: 0.95rem; height: 0.5rem; border: 2px solid var(--oro); border-bottom: 0; border-radius: 3px 3px 0 0; }
.carpeta__cuenta { font-size: var(--t-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--oro); margin-top: auto; }
.videos { list-style: none; margin: var(--e-2) 0 0; padding: 0; display: grid; gap: 0.7rem; }
.video__enlace { display: flex; gap: 1rem; align-items: center; padding: 0.9rem 1rem; border: 1px solid #D8D0C0; border-radius: var(--radio); text-decoration: none; color: var(--txt-osc); background: #FFFDF8; transition: border-color .2s, transform .2s; }
.video__enlace:hover { border-color: var(--oro); transform: translateY(-2px); }
.video__play { flex: none; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #050505; position: relative; }
.video__play::after { content: ""; position: absolute; left: 1.02rem; top: 0.78rem; border-style: solid; border-width: 0.52rem 0 0.52rem 0.85rem; border-color: transparent transparent transparent var(--oro); }
.video__texto { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
.video__titulo { font-weight: 700; line-height: 1.35; }
.video__meta { font-size: var(--t-xs); color: #6F665A; letter-spacing: 0.04em; }

/* Imágenes 2026-09-30 */
.imagen-caja--radiante { background: #000; border: 0; box-shadow: none; }
.carpeta__portada { display: block; width: calc(100% + 2 * var(--e-3, 1.25rem)); max-width: none; height: auto; margin: calc(-1 * var(--e-3, 1.25rem)) calc(-1 * var(--e-3, 1.25rem)) 0.9rem; border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.carpeta { overflow: hidden; }
.videos:has(.video__mini) { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 1.1rem; }
.video__enlace:has(.video__mini) { flex-direction: column; align-items: stretch; padding: 0; overflow: hidden; gap: 0; height: 100%; }
.video__mini { position: relative; display: block; aspect-ratio: 16 / 9; background: #050505; }
.video__mini img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video__mini .video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 2px var(--oro); opacity: .9; }
.video__enlace:has(.video__mini) .video__texto { padding: 0.8rem 1rem 1rem; }
/* Blog por cajas temáticas 2026-09-30 */
.temas { display: grid; gap: 1.6rem; }
.tema { display: grid; grid-template-columns: minmax(15rem, 20rem) 1fr; gap: 1.4rem; align-items: start; padding: 1.2rem; border: 1px solid rgba(243, 208, 112, .28); border-radius: var(--radio-caja); background: var(--negro-panel); }
.tema--solo { grid-template-columns: minmax(15rem, 20rem); }
.tema__portada { display: block; width: 100%; height: auto; border-radius: var(--radio); }
.tema__cab p { color: var(--txt-claro-2); font-size: var(--t-s, .95rem); line-height: 1.5; margin: .8rem 0 .6rem; }
.tema__ver { font-size: var(--t-xs); letter-spacing: .08em; text-transform: uppercase; color: var(--oro); text-decoration: none; }
.tema__ver:hover { color: var(--oro-claro); }
.tema__videos { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); }
.mini { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: var(--txt-claro); background: #0b0b0b; border: 1px solid var(--negro-borde); border-radius: var(--radio); overflow: hidden; transition: border-color .2s, transform .2s; }
.mini:hover { border-color: var(--oro); transform: translateY(-2px); }
.mini__img { position: relative; display: block; aspect-ratio: 16 / 9; background: #050505; }
.mini__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mini__img .video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.7); box-shadow: 0 0 0 2px var(--oro); opacity: .9; }
.mini__titulo { font-size: .82rem; font-weight: 700; line-height: 1.3; padding: 0; margin: .55rem .65rem .35rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mini__fecha { font-size: .7rem; color: var(--txt-claro-2); padding: 0 .65rem .6rem; margin-top: auto; letter-spacing: .04em; }
@media (max-width: 760px) { .tema { grid-template-columns: 1fr; } .tema__videos { grid-template-columns: repeat(2, 1fr); } }
/* Cajas plegables 2026-09-30 */
.tema { display: block; padding: 0; overflow: hidden; }
.tema__cab { display: grid; grid-template-columns: 15rem 1fr 2.4rem; gap: 1.3rem; align-items: center; padding: 1rem; cursor: pointer; list-style: none; }
.tema__cab::-webkit-details-marker { display: none; }
.tema__cab:hover .tema__nombre { color: var(--oro); }
.tema__txt { display: flex; flex-direction: column; gap: .35rem; }
.tema__nombre { font-family: var(--display); font-size: 1.45rem; color: var(--txt-claro); transition: color .2s; }
.tema__desc { color: var(--txt-claro-2); font-size: .95rem; line-height: 1.5; }
.tema__cuenta { font-size: var(--t-xs); letter-spacing: .08em; text-transform: uppercase; color: var(--oro); }
.tema__flecha { width: 2.4rem; height: 2.4rem; border: 1px solid var(--oro); border-radius: 50%; position: relative; }
.tema__flecha::after { content: ""; position: absolute; left: 50%; top: 45%; width: .55rem; height: .55rem; border-right: 2px solid var(--oro); border-bottom: 2px solid var(--oro); transform: translate(-50%, -50%) rotate(45deg); transition: transform .2s; }
details[open] > .tema__cab .tema__flecha::after { transform: translate(-50%, -20%) rotate(-135deg); }
.tema__flecha--ir::after { transform: translate(-65%, -50%) rotate(-45deg); top: 50%; }
details[open] > .tema__cab { border-bottom: 1px solid rgba(243, 208, 112, .2); }
.tema__cuerpo { padding: 1.2rem 1.2rem 1.4rem; }
.tema__sub { font-size: var(--t-xs); letter-spacing: .12em; text-transform: uppercase; color: var(--oro); margin: 0 0 .8rem; font-family: inherit; }
.tema__sub + .tema__videos, .tema__sub + .tema__lecturas { margin-bottom: 1.4rem; }
.tema__lecturas { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.tema__lecturas a { display: flex; flex-direction: column; gap: .3rem; height: 100%; padding: .9rem 1rem; border: 1px solid var(--negro-borde); border-left: 3px solid var(--oro); border-radius: var(--radio); background: #0b0b0b; text-decoration: none; transition: border-color .2s; }
.tema__lecturas a:hover { border-color: var(--oro); }
.tema__lectura-t { color: var(--txt-claro); font-weight: 700; line-height: 1.3; }
.tema__lectura-r { color: var(--txt-claro-2); font-size: .85rem; line-height: 1.45; }
a.tema--enlace { text-decoration: none; }
@media (max-width: 760px) { .tema__cab { grid-template-columns: 1fr 2.4rem; } .tema__portada { grid-column: 1 / -1; } }
.tema__borr { align-self: flex-start; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; background: #b3261e; color: #fff; padding: .1rem .4rem; border-radius: 3px; }
.pilar__img { display: block; width: calc(100% + 2 * var(--e-3)); max-width: none; height: auto; margin: calc(-1 * var(--e-3)) calc(-1 * var(--e-3)) 1rem; border-radius: var(--radio-caja) var(--radio-caja) 0 0; } .pilar { overflow: hidden; }
.pilar { position: relative; } .pilar:has(.pilar__img) .pilar__n { position: absolute; top: .7rem; left: .9rem; z-index: 1; margin: 0; } .pilar:has(.pilar__img) { display: block; }
.pilar:has(.pilar__img) { padding-left: var(--e-3); }
