/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.3.1770512336
Updated: 2026-02-07 21:58:56

*/

/* ================================
   OCULTAR TEXTO DEL FOOTER (Astra)
   ================================ */
.ast-footer-copyright {
  display: none !important;
}

/* ================================
   CATEGORÍAS: compactar título
   Aplica a TODAS las categorías
   ================================ */

/* Quita aire superior general */
body.category .site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Compacta el header del archivo */
body.category .ast-archive-header,
body.category .ast-archive-title,
body.category .ast-archive-description {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

/* Título (H1) */
body.category .ast-archive-title h1,
body.category .page-title {
  margin-top: 0 !important;
  margin-bottom: 12px !important; /* aire debajo */
  padding: 0 !important;
  line-height: 1.1 !important;
  font-size: 28px !important; /* escritorio */
}

/* Cards más cerca del título */
body.category .ast-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Evita padding extra del contenedor */
body.category .ast-container {
  padding-top: 0 !important;
}

/* ================================
   MÓVIL
   ================================ */
@media (max-width: 768px) {
  body.category .site-content {
    padding-top: 0 !important;
  }

  body.category .ast-archive-title h1,
  body.category .page-title {
    font-size: 22px !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
  }
}

/* ================================
   MAPAS
   ================================ */
.map-embed iframe{
  width: 100%;
  height: 360px;
  border: 0;
  display: block;
  pointer-events: auto !important;
  touch-action: pan-x pan-y !important;
}

.map-embed{
  position: relative;
  z-index: 1;
}

/* ================================
   OCULTAR AUTOR EN ENTRADAS
   ================================ */
.single-post .posted-by,
.single-post .ast-author-name,
.single-post .author-name,
.single-post .entry-meta .author,
.single-post .entry-meta {
  display: none !important;
}
/* Site Reviews: forzar estrellas visibles cuando WP Dark Mode está activo */
html.wp-dark-mode-active .glsr-review-rating span,
body.wp-dark-mode-active .glsr-review-rating span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F5C542' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") !important;
}

/* Estrellas del formulario (selectores que usan en soporte para “forzar” los backgrounds) */
html.wp-dark-mode-active form.glsr-form .glsr-star-rating--stars[class*=" s"] > span,
body.wp-dark-mode-active form.glsr-form .glsr-star-rating--stars[class*=" s"] > span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%239AA0A6' stroke-width='2' d='M12 2l2.81 6.63L22 9.24l-5.46 4.73L18.18 21 12 17.27 5.82 21l1.64-7.03L2 9.24l7.19-.61L12 2z'/%3E%3C/svg%3E") !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Estrella “activa/seleccionada” */
html.wp-dark-mode-active form.glsr-form .glsr-star-rating--stars[class*=" s"] > span.gl-active,
html.wp-dark-mode-active form.glsr-form .glsr-star-rating--stars[class*=" s"] > span.gl-active.gl-selected,
body.wp-dark-mode-active form.glsr-form .glsr-star-rating--stars[class*=" s"] > span.gl-active,
body.wp-dark-mode-active form.glsr-form .glsr-star-rating--stars[class*=" s"] > span.gl-active.gl-selected {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F5C542' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") !important;
}

/* === CHIPS BASE (modo claro) === */
.chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 18px;
}

.chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  text-decoration:none !important;
  font-size:14px;
  line-height:1;

  background:#e6f4ff;          /* fondo claro visible */
  color:#0369a1;               /* texto fuerte */
  border:1px solid #7dd3fc;    /* borde visible */

  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}

.chip:hover{
  transform:translateY(-1px);
  background:#dbeafe;
  border-color:#38bdf8;
}

/* === MODO OSCURO (WP Dark Mode) === */
html.wp-dark-mode-active .chip{
  background:rgba(30,144,255,.18);
  color:#38bdf8;
  border:1px solid rgba(56,189,248,.35);
}

html.wp-dark-mode-active .chip:hover{
  background:rgba(30,144,255,.26);
  border-color:rgba(56,189,248,.6);
}

/* === MOBILE === */
@media (max-width:600px){
  .chip{
    flex:1 1 calc(50% - 10px);
    text-align:center;
  }
}



/* === MOBILE === */
@media (max-width:600px){
  .chip{
    flex:1 1 calc(50% - 10px);
    text-align:center;
  }
}

/* Shorts / embeds antiguos (por si queda alguno) */
iframe[src*="youtube.com/embed"] {
  display: block;
  margin: 0 auto;
  max-width: 360px;
}

/* Quitar subrayado de links (normal, hover, focus, visited) */
.entry-title a,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:visited,
.post-title a,
.post-title a:hover,
.post-title a:focus,
.post-title a:visited {
  text-decoration: none !important;
}

/* ========================= */
/* VIDEOS SOLO TEXTO (CTA)  */
/* ========================= */

.entry-content a.video-preview{
  all: unset;
  display:block;
  margin:14px auto 20px;
  cursor:pointer;
  text-align:center;
}

.entry-content a.video-preview .video-title{
  display:inline-block;
  padding:10px 14px;
  border-radius:10px;
  font-weight:700;
}

.entry-content a.video-preview:hover .video-title{
  opacity:.85;
}






/* =========================================
   FILTER EVERYTHING PRO (wpc-*)
   - Servicios en 2 columnas (popup)
   - Botón "Filtros · Ver resultados" (móvil)
   ========================================= */


/* ------------------------------
   SERVICIOS (checkbox list)
   2 columnas en móvil + ajuste
   ------------------------------ */

/* 2 columnas por defecto (móvil incluido) */
.wpc-filters-main-wrap ul:has(li.wpc-checkbox-item){
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  column-gap: 22px !important;
  row-gap: 10px !important;
}

/* En pantallas MUY angostas, volver a 1 columna */
@media (max-width: 360px){
  .wpc-filters-main-wrap ul:has(li.wpc-checkbox-item){
    grid-template-columns: 1fr !important;
  }
}

/* Alinear checkbox + texto */
.wpc-filters-main-wrap li.wpc-checkbox-item label{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Texto SOLO de Servicios (para no tocar chips) */
.wpc-filters-main-wrap li.wpc-checkbox-item a.wpc-filter-link{
  line-height: 1.2 !important;
}

/* En desktop, hacer 2 columnas más anchas y limitar ancho */
@media (min-width: 992px){
  .wpc-filters-main-wrap ul:has(li.wpc-checkbox-item){
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 50px !important;
    max-width: 520px !important;
  }
}


/* ------------------------------
   BOTÓN "FILTROS" (solo móvil)
   ------------------------------ */

@media (max-width: 768px){

  /* Botón ocupa todo el ancho */
  a.wpc-filters-open-widget{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;

    min-height: 52px !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;

    /* Elegí uno:
       - center: todo centrado (como lo venías usando)
       - flex-start: todo a la izquierda
    */
    justify-content: center !important;
    /* justify-content: flex-start !important; */
  }

  /* Contenido interno */
  a.wpc-filters-open-widget .wpc-button-inner{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    line-height: 1 !important;
  }

  /* Icono hamburguesa (sin deformar) */
  a.wpc-filters-open-widget .wpc-icon-html-wrapper{
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  a.wpc-filters-open-widget .wpc-icon-line-1,
  a.wpc-filters-open-widget .wpc-icon-line-2,
  a.wpc-filters-open-widget .wpc-icon-line-3{
    width: 20px !important;
    height: 2px !important;
  }

  /* Texto "Filtros" + legibilidad */
  a.wpc-filters-open-widget .wpc-filters-button-text{
    display: inline-flex !important;
    align-items: center !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: .2px !important;

    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;

    color: inherit !important;
    position: relative !important;
    top: 1px !important; /* micro-ajuste vertical del texto */
  }

  /* Complemento */
  a.wpc-filters-open-widget .wpc-filters-button-text:after{
    content:" · Ver resultados";
    display: inline-block !important;
    margin-left: 8px !important;
    opacity: .9 !important;
    line-height: 1 !important;

    position: relative !important;
    top: 0px !important; /* si queda “más arriba”, probá 1px */
  }
}




/* ==============================
   PARCHE: Botón Filtros alineado a la IZQUIERDA (solo móvil)
   Pegarlo AL FINAL del CSS
   ============================== */
@media (max-width: 768px){

  /* El contenedor del botón (muchas veces viene centrado por defecto) */
  .wpc-filters-open-button-container{
    text-align: left !important;
  }

  /* El botón ocupa todo el ancho, pero el contenido se va a la izquierda */
  .wpc-filters-open-button-container a.wpc-filters-open-widget{
    justify-content: flex-start !important;
  }

  /* Asegurar que el inner se estire y arranque desde la izquierda */
  .wpc-filters-open-button-container a.wpc-filters-open-widget .wpc-button-inner{
    width: 100% !important;
    justify-content: flex-start !important;
  }
}




/* PARCHE ULTRA FINO – alineación sub-pixel */
@media (max-width: 768px){
  a.wpc-filters-open-widget .wpc-filters-button-text:after{
    transform: translateY(0.4px) !important;
  }
}




/* =========================================================
   Astra: recortar extracto + fade MUY sutil (blog/archivo)
   ========================================================= */

/* 1) Recorte por líneas */
.ast-excerpt-container p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;  /* desktop */
}

@media (max-width: 768px){
  .ast-excerpt-container p{
    -webkit-line-clamp: 2; /* móvil */
  }
}

/* 2) Fade sutil (sin “banda”) */
.ast-excerpt-container{
  position: relative;
}

/* el fade se aplica con poca opacidad y más difuso */
.ast-excerpt-container:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 3.2em;                /* más alto = más difuso */
  pointer-events: none;
  opacity: 0.35;                /* 👈 clave: baja intensidad */

  background: linear-gradient(
    to bottom,
    rgba(18,22,32,0) 60%,
    rgba(18,22,32,1) 100%
  );
}

/* 3) Extra: evitá que el fade se “note” como bloque por padding */
.ast-excerpt-container p{
  margin-bottom: 0;
}





/* Oculta SOLO la etiqueta Matilde donde aparezca como link */
a[href*="/tag/matilde"],
a[rel~="tag"][href*="matilde"] {
  display: none !important;
}





/* ================================
   MI CUENTA (page-id-3292) — HUB botones
   Reemplazá TODO tu CSS de "Mi cuenta" por esto
=================================== */

/* Variables base (claro) */
body.page-id-3292{
  --hub-max: 860px;
  --hub-gap: 12px;

  --hub-bg: rgba(17,24,39,.04);
  --hub-border: rgba(17,24,39,.10);

  --btn-bg: #111827;
  --btn-bd: rgba(255,255,255,.14);
  --btn-tx: #ffffff;

  --btn-primary: #2563eb;   /* Mis publicaciones */
  --btn-secondary:#0f172a;  /* Editar fechas */
  --btn-logout-bg: rgba(231,76,60,.12);
  --btn-logout-bd: rgba(231,76,60,.35);
  --btn-logout-tx: #b42318;
}

/* Variables (oscuro) — por si usás WP Dark Mode */
html[data-wp-dark-mode-active="1"] body.page-id-3292{
  --hub-bg: rgba(255,255,255,.04);
  --hub-border: rgba(255,255,255,.10);

  --btn-bg: #0b1220;
  --btn-bd: rgba(255,255,255,.14);
  --btn-tx: #e5e7eb;

  --btn-secondary:#0b1220;
  --btn-logout-tx: #ffb4ac;
}

/* Contenedor general (si existe tu wrapper) */
body.page-id-3292 .mi-cuenta-hub{
  max-width: var(--hub-max);
  margin: 18px auto 0;
  padding: 0 14px;
}

/* Grilla de acciones */
body.page-id-3292 .mi-cuenta-actions{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--hub-gap);
  margin-top: 18px;
  max-width: var(--hub-max);
}

/* Botón base (links) */
body.page-id-3292 .mi-cuenta-actions a.btn-hub{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 46px;
  padding: 12px 14px;

  border-radius: 14px;
  border: 1px solid var(--btn-bd) !important;
  background: var(--btn-bg) !important;

  color: var(--btn-tx) !important;
  text-decoration: none !important;

  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;

  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

/* Quitar “subrayados raros” que Astra mete a veces */
body.page-id-3292 .mi-cuenta-actions a.btn-hub:hover,
body.page-id-3292 .mi-cuenta-actions a.btn-hub:focus{
  text-decoration: none !important;
  filter: brightness(1.06);
}
body.page-id-3292 .mi-cuenta-actions a.btn-hub:active{
  transform: translateY(1px);
}

/* Evita que el emoji SVG se agrande/deforme */
body.page-id-3292 .mi-cuenta-actions a.btn-hub img.emoji{
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  vertical-align: middle;
  flex: 0 0 18px;
}

/* Variantes por clase */
body.page-id-3292 .mi-cuenta-actions a.btn-hub.primary{
  background: var(--btn-primary) !important;
}
body.page-id-3292 .mi-cuenta-actions a.btn-hub.secondary{
  background: var(--btn-secondary) !important;
}

/* Logout: “peligroso”, ocupa fila completa */
body.page-id-3292 .mi-cuenta-actions a.btn-hub.logout{
  grid-column: 1 / -1;
  background: var(--btn-logout-bg) !important;
  border-color: var(--btn-logout-bd) !important;
  color: var(--btn-logout-tx) !important;
  box-shadow: none;
}

/* En móvil, si se te apretan mucho, que el texto corte prolijo */
body.page-id-3292 .mi-cuenta-actions a.btn-hub{
  white-space: normal;
  text-align: center;
}

/* Desktop: 3 en una fila */
@media (min-width: 768px){
  body.page-id-3292 .mi-cuenta-actions{
    grid-template-columns: repeat(3, minmax(0,1fr));
    justify-content: center;
  }
  body.page-id-3292 .mi-cuenta-actions a.btn-hub.logout{
    grid-column: auto; /* vuelve a fila normal en desktop */
  }
}

/* Ajuste fino texto botones en móvil */
@media (max-width: 480px) {
  body.page-id-3292 .mi-cuenta-actions a.btn-hub {
    font-size: 13.5px;
    line-height: 1.2;
    padding: 12px 14px;
  }

  body.page-id-3292 .mi-cuenta-actions a.btn-hub span,
  body.page-id-3292 .mi-cuenta-actions a.btn-hub {
    text-align: center;
    white-space: normal;          /* permite salto */
    word-break: keep-all;         /* evita cortes feos */
  }
}

/* Móvil: botones uno debajo del otro */
@media (max-width: 480px) {
  body.page-id-3292 .mi-cuenta-actions{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  body.page-id-3292 .mi-cuenta-actions a.btn-hub{
    width: 100% !important;
    justify-content: center !important;
  }

  /* Logout también full width (por si estaba con grid-column) */
  body.page-id-3292 .mi-cuenta-actions a.btn-hub.logout{
    grid-column: auto !important;
  }
}



/* =========================
   Mis publicaciones (solo esa pantalla)
========================= */

.mis-publicaciones{
  max-width: 920px;
}

/* Item */
.mis-publicaciones .talc-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:14px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Miniatura */
.mis-publicaciones .talc-thumb{
  width:84px;
  height:84px;
  object-fit:cover;
  border-radius:10px;
  display:block;
}
.mis-publicaciones .talc-thumb--placeholder{
  background: rgba(255,255,255,.08);
}

/* Texto */
.mis-publicaciones .talc-body{
  flex:1;
  min-width:0;
}
.mis-publicaciones .talc-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.mis-publicaciones .talc-title{
  display:block;
  line-height:1.25;
}

/* Badge borrador */
.mis-publicaciones .talc-badge{
  font-size:12px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
}
.mis-publicaciones .talc-badge--draft{
  background: rgba(245, 158, 11, .15);
  border-color: rgba(245, 158, 11, .35);
}

/* Acciones (móvil primero) */
.mis-publicaciones .talc-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Botones */
.mis-publicaciones .talc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:11px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none !important;

  font-weight:650;
  font-size:14px;
  line-height:1;
  -webkit-tap-highlight-color: transparent;
}

/* Evita emoji gigante del WP */
.mis-publicaciones .talc-btn img.emoji{
  width:18px !important;
  height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  vertical-align:middle;
}

.mis-publicaciones .talc-btn--primary{
  background:#111827;
  color:#fff !important;
}
.mis-publicaciones .talc-btn--secondary{
  background:#0f172a;
  color:#fff !important;
}
.mis-publicaciones .talc-btn--disabled{
  opacity:.5;
  cursor:not-allowed;
}

/* Hover/active sutil */
.mis-publicaciones .talc-btn:hover{
  filter: brightness(1.05);
}
.mis-publicaciones .talc-btn:active{
  transform: translateY(1px);
}

/* Desktop: botones en fila */
@media (min-width:768px){
  .mis-publicaciones .talc-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

/* CTA: “¿No tenés cuenta? Registrate” */
.cta-register{
  margin-top: 16px;
  font-size: 14px;
}

.cta-register a{
  font-weight: 650;
  text-decoration: none;
}

/* Registro oculto por defecto */
.registro-box{
  display: none;
  margin-top: 22px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.12);
}

/* Se muestra al hacer click en “Registrate” */
#registro:target{
  display: block;
}

/* Nota pequeña */
.registro-note{
  margin-top: 8px;
  font-size: 13px;
  opacity: .8;
}


.talc-register input{
  width: 100%;
  max-width: 420px;
}

.talc-register__errors{
  padding: 10px;
  border: 1px solid #e74c3c;
  margin: 10px 0;
}

.talc-register__btn{
  padding: 10px 16px;
}