/*
 Theme Name: OceanWP Hijo
 Theme URI: http://vannity.co/oceanwp-hijo-Vannity/
 Description: Tema hijo de OceanWP
 Author: Vannity
 Author URI: http://vannity.co
 Template: oceanwp
 Version: 1.0.0
*/

/* =======================
   Ajustes generales
   ======================= */

/* Botón “Ver Producto” alineado abajo */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.woocommerce ul.products li.product .button { margin-top: auto; }
.woocommerce ul.products li.product .woocommerce-loop-product__description { text-align: justify; }

/* Espaciado general */
.header-wrap { margin-bottom: 0 !important; }
.content-area { padding-top: 0 !important; padding-bottom: 0 !important; }

body, html { width: 100%; overflow-x: hidden; }
.container, .elementor-section { width: 100% !important; }

.elementor-section { margin-bottom: 0 !important; padding-bottom: 0 !important; min-height: auto !important; }
.elementor-section:last-child, .elementor-widget:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}

footer, .site-footer { margin: 0 !important; padding: 0 !important; }

@media (max-width: 768px) {
  body, html { width: 100%; overflow-x: hidden; }
  .container, .elementor-section { width: 100% !important; }
}

/* =======================
   Correcciones Carrito
   ======================= */
.woocommerce-cart table.shop_table,
.woocommerce-cart .woocommerce-cart-form__contents,
.woocommerce-page table.shop_table,
.woocommerce-page .woocommerce-cart-form__contents {
    display: table !important;      
    visibility: visible !important;
    opacity: 1 !important;
}

/* =======================
   Reseñas (plugin CR)
   ======================= */
.cr-reviews-grid, .cr-summary-bar { pointer-events: none; z-index: 1; }
.cr-reviews-grid .crstar-rating, .cr-summary-bar .crstar-rating { pointer-events: auto; }
.crstar-rating { z-index: 999; position: relative; }
.cusrev_reviews_grid, .cr-summary-bar { pointer-events: none; }
#opinion-doris .cr-reviews-grid, 
#opinion-doris .cr-review-content, 
#opinion-doris .cr-summary-bar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* ===== PRUEBA DE FUEGO: .v-post SOLO EN SINGLE ===== */
/* ==========================================================
   VANNITY — Estilos definitivos para Single Post (.v-post)
   ========================================================== */
/* ==========================================================
   VANNITY — BLOG (Solo Single Post)  .v-post
   Alcance: únicamente body.single-post dentro del contenedor .v-post
   ========================================================== */
/* ==========================================================
   VANNITY — BLOG (Solo Single Post)  .v-post  — Versión depurada
   Sin forzar max-width en .v-post (lo maneja el layout del tema/Elementor)
   ========================================================== */


/* Vannity — Breadcrumbs en Single Post: que ajusten a varias líneas */
body.single-post .rank-math-breadcrumb,
body.single-post .rank-math-breadcrumbs,
body.single-post .breadcrumbs,
body.single-post .breadcrumb,
body.single-post .site-breadcrumbs,
body.single-post #breadcrumbs,
body.single-post .oceanwp-breadcrumb,
body.single-post .oceanwp-breadcrumbs {
  white-space: normal !important;     /* permitir salto de línea */
  overflow-wrap: anywhere !important;  /* romper palabras largas si hace falta */
  word-break: break-word !important;   /* compat extra */
  display: block !important;
  max-width: 100% !important;
  line-height: 1.5 !important;
}

/* Algunos temas meten el trail en <ul>/<li> con inline-block; forzamos que pueda envolver */
body.single-post .rank-math-breadcrumb * ,
body.single-post .breadcrumbs * ,
body.single-post .breadcrumb * ,
body.single-post .site-breadcrumbs * {
  white-space: normal !important;
}

/* Ajuste visual: tono y tamaño coherente con el post */
body.single-post .rank-math-breadcrumb a,
body.single-post .breadcrumbs a,
body.single-post .breadcrumb a {
  color: #8a8a8a;                      /* enlaces del breadcrumb */
  text-decoration: none;
}
body.single-post .rank-math-breadcrumb a:hover,
body.single-post .breadcrumbs a:hover,
body.single-post .breadcrumb a:hover {
  color: #8a2be2;
}
body.single-post .rank-math-breadcrumb,
body.single-post .breadcrumbs,
body.single-post .breadcrumb {
  font-size: 14px;
  color: #9a9a9a;
  margin: 6px 0 10px;
}

/* En móvil, un poco más compacto */
@media (max-width: 768px){
  body.single-post .rank-math-breadcrumb,
  body.single-post .breadcrumbs,
  body.single-post .breadcrumb { font-size: 13px; line-height: 1.4; }
}

/* ==========================================================
   VANNITY — PRUEBA DE FUEGO CSS (Single Post + .v-post)
   Fecha: 2025-08-30
   Ámbito: SOLO entradas (body.single-post) dentro de .v-post
   Para revertir: borrar este bloque.
   ========================================================== */
/* ==========================================================
   VANNITY — BLOG (Single Post)  [.v-post]
   Limpio, sin max-width en .v-post (lo controla el layout)
   ========================================================== */
/* ===== Vannity — Subtítulos y negritas en Single Post ===== */
/* ==========================================================
   VANNITY — BLOG (Solo Single Post)  .v-post
   Alcance: únicamente body.single-post dentro del contenedor .v-post
   ========================================================== */
/* ==========================================================
   VANNITY — BLOG (Solo Single Post)  .v-post  — Versión depurada
   Sin forzar max-width en .v-post (lo maneja el layout del tema/Elementor)
   ========================================================== */

/* ----- Tipografía base ----- */
body.single-post .v-post,
body.single-post .v-post .elementor-widget-theme-post-content{
  color:#444;
  font-size:18px;
  line-height:1.7;
}

/* Encabezados */
body.single-post .v-post h1{
  font-size:36px; font-weight:700; color:#8a2be2; margin:0 0 20px;
  /* SIN max-width aquí para no generar “hueco” */
}
body.single-post .v-post h2{ font-size:24px; font-weight:600; color:#ff69b4; margin:30px 0 14px; } /* H2 fucsia */
body.single-post .v-post h3{ font-size:22px; font-weight:600; color:#8a2be2; margin:24px 0 12px; } /* H3 morado */
body.single-post .v-post h4{ font-size:20px; font-weight:600; color:#333;   margin:20px 0 10px; } /* H4 neutro */

/* Párrafos */
body.single-post .v-post p{ margin:0 0 18px; }

body.single-post .v-post a:focus-visible{
  outline: 2px solid #8a2be2;          /* accesible al teclado */
  outline-offset: 2px;
  border-radius: 4px;
}

/* Evitar conflictos con botones que ya tienen estilo propio */
body.single-post .v-post .wp-block-button__link,
body.single-post .v-post .elementor-button{
  text-decoration: none !important;
  font-weight: 600;
}

/* Citas */
body.single-post .v-post blockquote,
body.single-post .v-post .wp-block-quote{
  border-left:4px solid #ff69b4;
  background:#fff0f7;
  padding:16px 20px;
  margin:24px 0;
  color:#333;
  font-style:italic;
}

/* Imágenes y captions */
body.single-post .v-post img{ max-width:100%; display:block; border-radius:10px; margin:24px auto; }
body.single-post .v-post figure{ margin:24px 0; }
body.single-post .v-post figcaption{ text-align:center; font-size:14px; color:#777; margin-top:8px; }

/* Tablas */
body.single-post .v-post table{ width:100%; border-collapse:collapse; margin:22px 0; background:#fff; }
body.single-post .v-post table th,
body.single-post .v-post table td{ border:1px solid #e6e6e6; padding:12px 14px; }
body.single-post .v-post table th{ background:#faf5ff; color:#333; font-weight:600; }

/* Código / pre */
body.single-post .v-post pre,
body.single-post .v-post code{
  background:#111; color:#e6ffe0; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
body.single-post .v-post pre{ padding:14px 16px; border-radius:8px; overflow:auto; margin:20px 0; }
body.single-post .v-post code{ padding:2px 6px; border-radius:6px; }

/* Botones dentro del contenido */
body.single-post .v-post .wp-block-button__link,
body.single-post .v-post .elementor-button{
  background:#8a2be2; color:#fff; border-radius:12px; padding:12px 18px; font-weight:600;
}
body.single-post .v-post .wp-block-button__link:hover,
body.single-post .v-post .elementor-button:hover{ background:#ff69b4; color:#fff; }

/* Separadores */
body.single-post .v-post hr,
body.single-post .v-post .wp-block-separator{
  border:none; height:2px; background:linear-gradient(90deg,#ff69b4,#8a2be2);
  margin:28px 0;
}

/* Compatibilidad con el widget de Elementor (post content) */
body.single-post .v-post .elementor-widget-theme-post-content *{
  font-size:inherit;
  line-height:inherit;
  color:inherit;
}

/* ---- Guardarraíl anti-sidebar fantasma (por si el tema lo reserva) ---- */
body.single-post #right-sidebar,
body.single-post #left-sidebar,
body.single-post .sidebar-container { display:none !important; }
body.single-post #content-wrap,
body.single-post .content-area,
body.single-post #primary,
body.single-post .site-main,
body.single-post .content-inner {
  width:100% !important;
  max-width:none !important;
  float:none !important;
  clear:both !important;
}
/* ===== PRUEBA DE FUEGO ENLACES (solo Single Post .v-post) ===== */
/* ===== Vannity — Estilo definitivo de enlaces en Single Post ===== */
/* ===== PRUEBA DE FUEGO ENLACES (solo Single Post .v-post) ===== */
/* ===== Vannity — Estilo definitivo de enlaces en Single Post ===== */

/* ===== Vannity — Enlaces destacados en morado con hover fucsia ===== */
body.single-post .v-post a {
  color: #8a2be2;                          /* morado base */
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 600;
  transition: color .25s ease, text-decoration-color .25s ease;
}
body.single-post .v-post a:hover {
  color: #ff69b4;                          /* fucsia al hover */
  text-decoration-color: #ff69b4;
}
body.single-post .v-post a:focus-visible {
  outline: 2px solid #ff69b4;
  outline-offset: 2px;
  border-radius: 2px;
}

/* ==========================================================
   VANNITY — PALETA DE COLORES DE MARCA (Referencia)
   ----------------------------------------------------------
   Morado principal: #8a2be2
   Fucsia acento:    #ff69b4
   Gris oscuro texto:#444
   Gris neutro:      #333
   Gris claro UI:    #777 / #9a9a9a
   ========================================================== */



/* Consistencia vertical entre bloques del post */
/* ===== Vannity — Espaciado CONSISTENTE en móvil (solo Single Post) ===== */

/* Consistencia vertical entre bloques del post */
/* ===== Vannity — Espaciado CONSISTENTE en móvil (solo Single Post) ===== */

/* Consistencia vertical entre bloques del post */
/* ===== Vannity — Espaciado CONSISTENTE en móvil (solo Single Post) ===== */
@media (max-width: 768px){

  /* Breadcrumbs más pegados al título */
  body.single-post .rank-math-breadcrumb{
    margin: 0 0 12px !important;
  }

  /* Título más compacto */
  body.single-post .v-post h1{
    font-size: 26px !important;   /* un poquito menos que 28px */
    line-height: 1.25 !important;
    margin: 8px 0 10px !important;
  }

  /* Meta info + espacio hacia imagen */
  body.single-post .v-post .elementor-widget-theme-post-info,
  body.single-post .v-post .entry-meta,
  body.single-post .v-post .post-meta{
    margin: 0 0 12px !important;
  }

  /* Imagen destacada más cerca del meta */
  body.single-post .v-post figure{
    margin: 10px 0 !important;
  }
}
/* ===== Vannity — Estilo de enlaces en Single Post (.v-post) ===== */
/* ===== Vannity — Estilo de enlaces en Single Post (.v-post) ===== */
/* ===== Vannity — Estilo de enlaces en Single Post (.v-post) ===== */
/* ===== Vannity — Estilo de enlaces en Single Post (.v-post) ===== */

/* Estado normal (morado base) */
body.single-post .v-post a {
  color: #8a2be2 !important;           /* morado marca */
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 600;
  transition: color .25s ease, text-decoration-color .25s ease;
}

/* Hover (fucsia acento) */
body.single-post .v-post a:hover {
  color: #ff69b4 !important;           /* fucsia al hover */
  text-decoration-color: #ff69b4 !important;
}

/* Enfoque accesible (teclado/touch) */
body.single-post .v-post a:focus-visible {
  outline: 2px solid #ff69b4 !important;
  outline-offset: 2px;
  border-radius: 2px;
}

/* ===== Vannity — Botones dentro de Single Post ===== */
body.single-post .v-post .wp-block-button__link,
body.single-post .v-post .elementor-button {

  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  transition: background .25s ease;
  
}

/* ===== Vannity — Botones con fucsia y texto blanco al hacer clic ===== */
body.single-post .v-post .wp-block-button__link:active,
body.single-post .v-post .wp-block-button__link:focus,
body.single-post .v-post .elementor-button:active,
body.single-post .v-post .elementor-button:focus {
  background: #ff69b4 !important;   /* fucsia Vannity */
  color: #ffffff !important;        /* texto blanco */
}


body.single-post .v-post .wp-block-button__link:hover,
body.single-post .v-post .elementor-button:hover {
  background: #ff69b4;   /* fucsia hover */
}



/* ===== Vannity — Botones: texto siempre blanco ===== */
body.single-post .v-post .wp-block-button__link,
body.single-post .v-post .elementor-button {
  color: #ffffff !important;        /* texto blanco en estado normal */
  font-weight: 600;
}

/* Hover (opcional: fondo morado, texto blanco) */
body.single-post .v-post .wp-block-button__link:hover,
body.single-post .v-post .elementor-button:hover {
  background: #8a2be2 !important;   /* morado */
  color: #ffffff !important;        /* texto blanco */
}

/* Active / Focus (clic o tap) */
body.single-post .v-post .wp-block-button__link:active,
body.single-post .v-post .wp-block-button__link:focus,
body.single-post .v-post .elementor-button:active,
body.single-post .v-post .elementor-button:focus {
  background: #ff69b4 !important;   /* fucsia */
  color: #ffffff !important;        /* texto blanco */
}