/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
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: 3.4.4.1621806625
Updated: 2021-05-23 21:50:25

*/


/* ==========================================================================
   Pros y contras — sustituye al plugin i2-pro-cons (retirado 11-ago-2026).
   Motivo: el plugin arrastraba el bundle del editor de WordPress al front,
   271 KB en el 100% de las paginas por un bloque que usaban 10 de 103 entradas.
   ========================================================================== */

.cc-proscontras {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem;
	margin: 1.75rem 0;
}

/*
 * 🚨 El bloque «grupo» de WordPress tiene DOS marcados, y esto solo servia para
 * uno.
 *
 * El moderno deja las dos columnas como hijas directas. El antiguo —el que traen
 * los articulos heredados al moverlos a la descripcion de una categoria— mete en
 * medio un `div.wp-block-group__inner-container`. Con ese envoltorio la rejilla
 * de arriba solo ve UN hijo: lo planta en la primera columna y las dos cajas se
 * apilan dentro, a media anchura, dejando media pagina en blanco al lado. Medido
 * en /categoria-producto/aspiradores-escoba-calidad-precio/: las dos columnas en
 * x=230 y 479 px de ancho, una debajo de otra.
 *
 * `grid-column: 1 / -1` hace que el envoltorio ocupe las dos columnas del padre,
 * y ahi dentro se rehace la rejilla. Sin `:has()`, asi que va igual en cualquier
 * navegador; y donde no hay envoltorio la regla no casa con nada.
 */
.cc-proscontras > .wp-block-group__inner-container {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem;
}

.cc-pc-col {
	border: 1px solid #e2e5e9;
	border-radius: 6px;
	padding: 1rem 1.15rem 1.15rem;
	background: #fff;
}

.cc-pc-pros    { border-top: 3px solid #2e7d54; }
.cc-pc-contras { border-top: 3px solid #b23c3c; }

.cc-proscontras .cc-pc-titulo {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	margin: 0 0 .6rem;
}

.cc-pc-pros    .cc-pc-titulo { color: #2e7d54; }
.cc-pc-contras .cc-pc-titulo { color: #b23c3c; }

.cc-proscontras ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cc-proscontras li {
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: .45rem;
	line-height: 1.45;
}

.cc-proscontras li::before {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
}

.cc-pc-pros    li::before { content: "\2713"; color: #2e7d54; } /* marca de verificacion */
.cc-pc-contras li::before { content: "\2715"; color: #b23c3c; } /* aspa */

@media (max-width: 640px) {
	.cc-proscontras,
	.cc-proscontras > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: .9rem;
	}
}

/* Declaracion de afiliacion (ver cc_aviso_afiliacion en functions.php) */
.cc-aviso-afiliacion {
	font-size: .86rem;
	line-height: 1.5;
	color: #55606b;
	background: #f6f7f9;
	border-left: 3px solid #c8ced6;
	padding: .7rem .9rem;
	margin: 0 0 1.5rem;
	border-radius: 0 4px 4px 0;
}

/* Bloque "Lo probamos en vídeo": saca la prueba propia por encima del pliegue.
   Antes estaba al 99% del artículo, donde no la ve ni un lector ni un evaluador. */
.cc-video-titulo {
	margin-top: 1.6rem;
	margin-bottom: .6rem;
}

.cc-video-pie {
	font-size: .86rem;
	color: #55606b;
	border-left: 3px solid #2e7d54;
	padding: .35rem .8rem;
	margin: .5rem 0 1.6rem;
}