/* ============================================================================
 * tema-v2 / cuenta-contenido.css  —  Fase 7, PR-7.7 (cuenta + contenido)
 * ----------------------------------------------------------------------------
 * Páginas de menor tráfico/riesgo (🟢): perfil, pedidos, lista de deseos,
 * noticias, contáctenos. Mucho ya hereda las primitivas globales (7.0), el marco
 * (7.1) y la card (7.2). Aquí sólo paneles/cards consistentes por página.
 *
 * NOTAS de alcance:
 *  - Las páginas LEGALES (`/politicas-de-privacidad`, etc.) son **visores PDF**
 *    (como el catálogo) → no extienden baseEcommerce → tema-v2 no carga ahí.
 *  - `/quienes-somos` ya se ve bien con las primitivas → sin CSS específico.
 *  - **`.resumen-pedido` se comparte con el checkout (`flujoPago/*`) → se DIFIERE
 *    a PR-7.6** (checkout, que va al final con verificación cuidadosa).
 *
 * OVERRIDE-FIRST, scope por clase de página (verificado por grep: `.box1`=pedidos,
 * `.container-principal`=contactenos, `.linea-titulo`=wishlist, `.content-form-perfil`
 * =perfil, `.element-pagging`=noticia). BARANDAS: 0 cambios de markup/JS. Hooks
 * intactos (DataTables de pedidos, wishlist `.btn-delete-carrito`, forms). Sólo forma.
 * ========================================================================== */

/* ===========================================================================
 * 1) CONTÁCTENOS — panel "Puntos de servicio"  (.container-principal) [público]
 * ========================================================================= */
.container-principal {
	border: 1px solid var(--gris-200);
	border-radius: var(--radio);
	box-shadow: var(--sombra-card);
}

/* ===========================================================================
 * 2) PEDIDOS — contenedor como panel  (.box1, pedidos-only) [cuenta/login]
 *    `.box1` es GENÉRICA: además de Pedidos la usan las grillas de resultados
 *    (`.box1.grid-producto` en Búsqueda y Noticia), que NO deben verse como
 *    panel — el contenedor que agrupa la grilla iba con sombra + borde redondeado
 *    indebidos (feedback Víctor). Se excluye `.grid-producto` → esas grillas
 *    vuelven a su fondo transparente/plano del CSS base.
 * ========================================================================= */
.box1:not(.grid-producto) {
	border: 1px solid var(--gris-200);
	border-radius: var(--radio);
	box-shadow: var(--sombra-card);
	background-color: var(--blanco);
}

/* ===========================================================================
 * 3) ITEMS DE LISTA (wishlist / pedidos / carrito-guardado): card
 *    `.itemsListaDeseos` aparece en ListaDeDeseos, Pedidos y Carrito.
 * ========================================================================= */
.itemsListaDeseos {
	border: 1px solid var(--gris-200) !important;
	border-radius: var(--radio);
	margin-bottom: var(--esp-3);
	box-shadow: var(--sombra-sm);
	transition: box-shadow var(--transicion), border-color var(--transicion);
}
.itemsListaDeseos:hover {
	box-shadow: var(--sombra-card);
	border-color: var(--gris-100);
}

/* ===========================================================================
 * 4) PERFIL — tarjeta del formulario  (scope `:has` → sólo la card de perfil;
 *    sin soporte `:has` la regla se ignora, degradación limpia) [cuenta/login]
 * ========================================================================= */
.card:has(.content-form-perfil) {
	border-radius: var(--radio);
	box-shadow: var(--sombra-card);
	border-color: var(--gris-200);
}

/* ===========================================================================
 * 5) NOTICIA — cajas de navegación/sidebar redondeadas  (.element-pagging)
 * ========================================================================= */
.element-pagging {
	border-radius: var(--radio);
	overflow: hidden;
}

/* ===========================================================================
 * 6) Divisor de título de wishlist (consistencia con `.border-titulo`): recto.
 * ========================================================================= */
.linea-titulo {
	border-top: 3px solid var(--bosch-azul);
	border-radius: 0;
	max-width: 96px;
}