/**
Theme Name: ConsejeroTech
Author: ConsejeroTech
Author URI: https://consejerotech.com/
Description: Tema hijo de Astra diseñado para personalizaciones avanzadas de estilo y funcionalidad. Incluye hojas de estilo y scripts personalizados optimizados para mantener el rendimiento y facilitar la actualización del tema principal sin perder modificaciones.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: consejerotech
Template: astra
*/

/* =========================================================
   1. Estilos Globales y Layout General
   ========================================================= */

/* Ajustes de fuentes y layout base */
:root {
    --contact-icon-bg: #f0f4f9;
    --contact-icon-color: #006dbe;
    --contact-social-icon-color: #444;
    --contact-social-icon-hover: #000;
    --contact-title-color: #111;
    --contact-link-color: #006dbe;
}
/*Footer*/
.site-below-footer-wrap[data-section="section-below-footer-builder"]{
    border-top-color: #dee2e6;
}
/*Quitar la sombra en las imagenes*/
.ast-article-single figure{
    box-shadow: none;
    -webkit-box-shadow:none;
}

/* =========================================================
   2. Componentes Específicos
   ========================================================= */

/* ---------------------------------------------------------
   Tabla "A Favor / En Contra" (Iconos simples)
   --------------------------------------------------------- */
.tabla-favor p[style*="#16a34a"] ~ .wp-block-uagb-icon-list svg path {
    fill: #16a34a !important;
}

.tabla-favor p[style*="#dc2626"] ~ .wp-block-uagb-icon-list svg path {
    fill: #dc2626 !important;
}

.tabla-favor p {
    margin-bottom: 0;
}

/* ---------------------------------------------------------
   FAQ Accordion Optimizado
   --------------------------------------------------------- */
.schema-faq-section {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
    position: relative;
}

.schema-faq-question {
    font-weight: bold;
    font-size: 1.1em;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-right: 25px;
    color: #000;
    transition: color 0.3s ease;
}

.schema-faq-question::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease, background-image 0.3s ease;
}

.schema-faq-question.active {
    color: #006dbe;
}

.schema-faq-question.active::after {
    transform: translateY(-50%) rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23006dbe' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
}

.schema-faq-answer {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
    color: #5A6268;
    font-size: 1em;
    line-height: 1.6;
    font-weight: normal !important;
    font-style: normal;
}

.schema-faq-answer.visible {
    opacity: 1;
    transform: translateY(0);
    max-height: 1000px;
    margin-top: 10px;
}

p.schema-faq-answer {
    margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   Especificaciones Técnicas (Tech Specs)
   --------------------------------------------------------- */
.techspecs-wrapper {
    padding: 1.5rem;
}

.techspecs-item {
    border-bottom: 1px solid #e5e7eb;
    overflow: hidden;
}

.techspecs-item:last-child {
    border-bottom: none;
}

.techspecs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 1rem 0;
}

.techspecs-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
}

.techspecs-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}

.techspecs-content-inner {
    padding: 0 0 1rem 0;
}

.techspecs-row {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.techspecs-row:last-child {
    border-bottom: none;
}

.techspecs-label {
    color: #475569;
    font-weight: 500;
}

.techspecs-value {
    color: #1e293b;
    font-weight: 600;
}

.techspecs-yes {
    color: #16a34a;
}

.techspecs-no {
    color: #dc2626;
}

.techspecs-chevron {
    width: 14px;
    height: 14px;
    color: #64748b;
    transition: transform 0.3s ease;
}

.techspecs-chevron svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.techspecs-item.active .techspecs-chevron {
    transform: rotate(180deg);
}

.techspecs-icon-title-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.techspecs-header .uagb-svg-wrapper {
    width: 22px;
    height: 22px;
    color: #006dbe;
    flex-shrink: 0;
}

.techspecs-header .uagb-svg-wrapper svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* ---------------------------------------------------------
   Features Grid (Tarjetas de características)
   --------------------------------------------------------- */
.features-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 20px auto;
}

.feature-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    border-radius: 12px;
    background: #fafafa;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.feature-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
}

.feature-icon svg {
    width: 100%;
    height: 100%;
}

.feature-text {
    flex-grow: 1;
}

.feature-text h3 {
    margin: 0 0 4px 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #5a6268;
}

.feature-text p {
    margin: 0;
    font-size: 0.9rem;
    color: #5a6268;
    line-height: 1.5;
}

/* Variantes de color de iconos Features */
.feature-icon.icon-green svg { fill: #28a745; }
.feature-icon.icon-yellow svg { fill: #ffc107; }
.feature-icon.icon-blue svg { fill: #007bff; }
.feature-icon.icon-grey svg { fill: #6c757d; }
.feature-icon.icon-purple svg { fill: #6f42c1; }
.feature-icon.icon-red svg { fill: #dc3545; }

/* Estilo especial Danger */
.feature-card.danger {
    background-color: #fdf2f2;
    border-color: #f5c6cb;
}

.feature-card.danger .feature-text h3,
.feature-card.danger .feature-text p {
    color: #721c24;
}

/* ---------------------------------------------------------
   Avisos / Cajas de Alerta
   --------------------------------------------------------- */
.aviso-caja {
    margin-bottom: 25px;
    padding: 20px 25px;
    border-left-width: 6px;
    border-left-style: solid;
    border-radius: 5px;
    line-height: 1.6;
    transition: padding 0.2s ease-out;
}

.aviso-caja h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.25em;
    font-weight: 600;
}

.aviso-caja p {
    margin-bottom: 0;
    font-size: 1em;
    color: #222;
}

.aviso-verde {
    background-color: #f0f9f0;
    border-left-color: #4CAF50;
}

.aviso-verde strong {
    color: #2E7D32;
}

.aviso-amarillo {
    background-color: #fffaf0;
    border-left-color: #FFC107;
}

.aviso-amarillo strong {
    color: #8C5A00;
}

.aviso-rojo {
    background-color: #fef0f0;
    border-left-color: #F44336;
}

/* ---------------------------------------------------------
   Review Card (Página Móviles)
   --------------------------------------------------------- */
.review-card {
    display: flex;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    border: 1px solid #eee;
}
/*Para moviles*/
.review-card-image {
    flex: 1;
    position: relative;
    min-height: 300px;
    background-image: url('https://consejerotech.com/wp-content/uploads/2025/11/oneplus-15-analisis-opinion.webp');
    background-size: cover;
    background-position: center;
}
/*Para comparativas*/
.page-id-338 .review-card-image {
    flex: 1;
    position: relative;
    min-height: 300px;
    background-image: url('https://consejerotech.com/wp-content/uploads/2025/11/iphone-17-pro-max-vs-oneplus-15-comparativa-diseno.webp');
    background-size: contain;
    background-position: center;
}

.review-card-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
}

.review-score {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #006400;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    border: 2px solid #fff;
    z-index: 2;
}

.score-number { font-size: 22px; line-height: 1; }
.score-total { font-size: 10px; opacity: 0.9; }

.image-text-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    text-align: left;
}

.review-tag {
    color: #f39c12;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display: block;
}

.review-title-overlay {
    color: white;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.review-card-content {
    flex: 1.2;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.review-intro {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 0;
}

.review-features {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.review-features li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.4;
}

.icon-check {
    width: 18px;
    height: 18px;
    fill: #006400;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 2px;
}

.review-btn {
    display: inline-block;
    background-color: #0066cc;
    color: white !important;
    padding: 12px 24px;
    text-decoration: none !important;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
    align-self: flex-start;
    transition: background 0.3s ease;
}

.review-btn:hover {
    background-color: #0052a3;
}

/* ---------------------------------------------------------
   Holo Section (Próximamente)
   --------------------------------------------------------- */
.holo-section {
    box-sizing: border-box;
}

.holo-card {
    max-width: 896px;
    margin: 0 auto;
    background-color: #111827;
    border-radius: 1.5rem;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 2rem;
    border: 1px solid rgba(0, 170, 255, 0.2);
    box-shadow: 0 25px 50px -12px rgba(0, 170, 255, 0.15);
}

.holo-bg-grid {
    position: absolute;
    inset: 0;
    opacity: 0.1;
    background-image: linear-gradient(#00aaff 1px, transparent 1px),
    linear-gradient(90deg, #00aaff 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
}

.holo-icon-container {
    position: relative;
    width: 12rem;
    height: 12rem;
    margin: 0 auto 2rem auto;
}

.holo-scan-line {
    animation: scan-move 3s ease-in-out infinite alternate;
    transform-origin: center;
}

@keyframes scan-move {
    0% { transform: translateY(0); opacity: 0.5; }
    100% { transform: translateY(60px); opacity: 1; }
}

.holo-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}

.holo-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #d1d5db;
    max-width: 42rem;
    margin: 0 auto 2rem auto;
}

.holo-progress-track {
    width: 100%;
    max-width: 24rem;
    margin: 0 auto;
    background-color: rgba(0, 170, 255, 0.2);
    border-radius: 9999px;
    height: 0.625rem;
    overflow: hidden;
}

.holo-progress-fill {
    height: 100%;
    background-color: #00aaff;
    border-radius: 9999px;
    width: 65%;
    animation: progress-pulse 2s infinite;
    box-shadow: 0 0 10px #00aaff;
}

@keyframes progress-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

/* ---------------------------------------------------------
   Tablas Comparativas y Pros/Contras
   --------------------------------------------------------- */

/* Tabla Comparativa - Contenedor y Base */
.tabla-comparativa-container {
    overflow-x: auto;
    margin: 40px 0;
    color: #333;
}

.tabla-comparativa {
    width: 100%;
    border-collapse: collapse; /* Unificado */
    border-spacing: 0;
    background-color: transparent;
    font-size: 15px;
    border-radius: 12px;
    overflow: hidden;
    margin: 0;
}

.tabla-comparativa thead tr {
    background-color: transparent;
}

.tabla-comparativa th {
    text-align: center;
    padding: 15px 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color: #000000;
    border-bottom: 3px solid #000000;
}

.tabla-comparativa th:first-child { text-align: left; padding-left: 10px; }
.tabla-comparativa th:last-child { padding-right: 10px; }

.tabla-comparativa th .product-name {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-top: 5px;
}

.tabla-comparativa td {
    padding: 18px 10px;
    border-bottom: none;
    vertical-align: middle;
    text-align: center;
    color: #4a4a4a;
}

.tabla-comparativa .col-cat {
    text-align: left;
    font-weight: 600;
    padding-left: 10px;
    color: #000;
}

.tabla-comparativa tbody tr:hover {
    background-color: #f9f9f9;
}

/* Ganador, Estrellas y Puntuación */
.tabla-comparativa .col-winner .winner-label {
    font-weight: 700;
    color: #006DBE;
    background-color: #ebf5ff;
    padding: 6px 15px;
    border-radius: 20px;
    display: inline-block;
    font-size: 13px;
}

.stars {
    color: #ffc107;
    font-size: 18px;
    letter-spacing: 1px;
}

.score {
    font-size: 14px;
    color: #555555;
    margin-left: 4px;
    font-weight: 600;
}

/* Pros y Contras (PC) Cards */
.pc-content-split {
    display: flex;
    gap: 40px;
}

.pc-column {
    flex: 1;
}

.pc-container {
    display: flex;
    gap: 25px;
    justify-content: space-between;
    margin: 40px 0;
}

.pc-card {
    flex: 1;
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    padding: 25px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease;
}

.pc-card:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05);
}

.pc-title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
    color: #222;
}

.pc-subtitle {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pros-text { color: #006400; }
.cons-text { color: #dc2626; }

.pc-icon-thumb {
    width: 24px;
    height: 24px;
}

.pc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pc-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.5;
    color: #4a4a4a;
}

.pc-bullet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 2px;
}

.pc-bullet.check { background-color: #006400; }
.pc-bullet.cross { background-color: #ff4d4d; }

.pc-bullet svg {
    fill: #fff;
    width: 11px;
    height: auto;
}

.pc-divider {
    height: 1px;
    background-color: #eee;
    margin: 25px 0;
    width: 100%;
}

/* ---------------------------------------------------------
   Sobre Nosotros (Tarjetas)
   --------------------------------------------------------- */
.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    padding: 1rem;
}

.card-item {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
    padding: 2rem 1.5rem;
    text-align: center;
    flex: 1 1 300px;
}

.card-icon svg {
    width: 50px;
    height: 50px;
    fill: #007BBA;
    margin-bottom: 1rem;
}

.card-item h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.card-item p {
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* ---------------------------------------------------------
   Contacto y WP Features
   --------------------------------------------------------- */
.contact-blocks-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 450px;
    margin: 20px 0;
}

.contact-block {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.contact-icon-box {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background-color: var(--contact-icon-bg);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-svg {
    width: 24px;
    height: 24px;
    fill: var(--contact-icon-color);
}

.contact-text-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact-text-content h3 {
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--contact-title-color);
    line-height: 1.3;
}

.contact-text-content p {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 0.95rem;
    line-height: 1.4;
}

.contact-text-content > a {
    font-size: 1rem;
    font-weight: 500;
    color: var(--contact-link-color);
    text-decoration: none;
}

.contact-text-content > a:hover {
    text-decoration: underline;
}

.social-icons-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 4px;
}

.social-icons-list a {
    display: inline-block;
    line-height: 0;
}

.social-svg {
    width: 28px;
    height: 28px;
    fill: var(--contact-social-icon-color);
    transition: fill 0.2s ease-in-out;
}

.social-icons-list a:hover .social-svg {
    fill: var(--contact-social-icon-hover);
}

.wp-features-section {
    padding: 40px 20px;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
}

.wp-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.wp-feature-item {
    text-align: center;
}

.wp-feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #eaf5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
}

.wp-feature-icon svg {
    width: 40px;
    height: 40px;
    fill: #007fff;
}

.wp-feature-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}

.wp-feature-text {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* =========================================================
   3. Formularios (Sponsorship y CF7)
   ========================================================= */

/* Sponsorship Form */
.sponsorship-form .sf-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 20px;
}

.sponsorship-form .sf-col {
    width: 100%;
}

.sponsorship-form .sf-grid input,
.sponsorship-form .sf-grid select {
    width: 100% !important;
}

.sponsorship-form label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

.sponsorship-form input[type="text"],
.sponsorship-form input[type="email"],
.sponsorship-form select,
.sponsorship-form textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #cfd6dd;
    background: #f3f6f9;
    font-size: 16px;
    transition: 0.2s ease;
}

.sponsorship-form input:focus,
.sponsorship-form select:focus,
.sponsorship-form textarea:focus {
    border-color: #0074d9;
    background: #fff;
    outline: none;
}

.sponsorship-form textarea {
    min-height: 140px;
    resize: vertical;
}

.sponsorship-form .sf-submit-wrapper {
    text-align: center;
    margin-top: 20px;
}

.sponsorship-form input[type="submit"] {
    background: linear-gradient(90deg, #0066d6, #0062c2);
    border: none;
    color: #fff;
    padding: 14px 35px;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.2s;
    width: 100%;
    max-width: 360px;
}

.sponsorship-form input[type="submit"]:hover {
    opacity: 0.9;
}

/* Contact Form 7 */
#wpcf7-f217-p218-o1 .wpcf7-form p {
    margin-bottom: 18px;
}

#wpcf7-f217-p218-o1 label {
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

#wpcf7-f217-p218-o1 input[type="text"],
#wpcf7-f217-p218-o1 input[type="email"],
#wpcf7-f217-p218-o1 textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #cfd6dd;
    background: #f3f6f9;
    font-size: 16px;
    transition: 0.2s ease;
}

#wpcf7-f217-p218-o1 input:focus,
#wpcf7-f217-p218-o1 textarea:focus {
    border-color: #0074d9;
    background: #fff;
    outline: none;
}

#wpcf7-f217-p218-o1 textarea {
    min-height: 140px;
    resize: vertical;
}

#wpcf7-f217-p218-o1 .wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: 500;
}

#wpcf7-f217-p218-o1 .wpcf7-acceptance input[type="checkbox"] {
    margin-top: 4px;
}

#wpcf7-f217-p218-o1 input[type="submit"] {
    background: linear-gradient(90deg, #0066d6, #0062c2);
    border: none;
    color: #fff;
    padding: 14px 35px;
    font-size: 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.2s;
    width: 100%;
}

#wpcf7-f217-p218-o1 input[type="submit"]:hover {
    opacity: 0.9;
}

#wpcf7-f217-p218-o1 .wpcf7-response-output {
    border-radius: 10px;
    padding: 12px 15px;
}

/* =========================================================
   4. Secciones de Página Específicas
   ========================================================= */

/* Single Móvil */
.single-movil #primary {
    margin: 0 !important;
}
/*No mostrar autor en móviles y comparativas*/
.single-movil header.entry-header.ast-no-title,.single-comparativa header.entry-header.ast-no-title {
    display: none;
}

.single-movil .pc-card {
    border: none;
    box-shadow: none;
    transition: none !important;
}

/* =========================================================
   5. Media Queries (Ordenadas de mayor a menor)
   ========================================================= */

/* min-width: 921px */
@media (min-width: 921px) {
    .ast-theme-transparent-header .main-header-bar {
        background: white;
    }

    .home #primary {
        margin: 4em 0 !important;
    }
}

/* min-width: 768px (Generic Tablet/Desktop) */
@media (min-width: 768px) {
    .holo-card {
        padding: 3rem;
    }
    .holo-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

/* min-width: 768px and max-width: 1024px (Landscape Tablet) */
@media (min-width: 768px) and (max-width: 1024px) {
    .veredicto .wp-block-columns {
        flex-direction: column !important;
    }

    .veredicto .wp-container-core-column-is-layout-f5bb311e {
        flex-basis: 100% !important;
        max-width: 100%;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 1rem;
        border: none !important;
    }

    .veredicto .wp-container-core-column-is-layout-f5bb311e p {
        width: 110px;
        height: 110px;
        font-size: 2.2rem;
        font-weight: bold;
        background-color: #0073e6 !important;
        color: white;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0;
        padding: 0;
        line-height: 1;
        white-space: nowrap;
    }

    .veredicto .wp-block-column-is-layout-flow:not(.wp-container-core-column-is-layout-f5bb311e) {
        flex-basis: 100% !important;
        max-width: 100%;
    }
}

/* min-width: 768px and max-width: 859px */
@media (min-width: 768px) and (max-width: 859px) {
    .tituloicon h2 {
        margin-left: 60px !important;
    }
}

/* max-width: 901px */
@media (max-width: 901px) {
    .tituloicon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        text-align: center;
        gap: 10px;
    }

    .tituloicon > .wp-block-uagb-container {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tituloicon .uagb-icon-wrapper {
        flex-shrink: 0;
    }

    .tituloicon h2,
    .tituloicon h3,
    .tituloicon h4 {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.2;
    }
}

/* max-width: 768px (Móvil General) */
@media (max-width: 768px) {

    /* Layout General y Home */
    .home h1 {
        font-size: 3em !important;
    }

    .page-id-192 h1 {
        font-size: 2em !important;
    }

    /* Componente: Veredicto */
    .veredicto .wp-block-columns {
        flex-direction: column !important;
    }

    .veredicto .wp-container-core-column-is-layout-f5bb311e {
        flex-basis: 100% !important;
        max-width: 100%;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 1rem;
        border: none !important;
    }

    .veredicto .wp-container-core-column-is-layout-f5bb311e p {
        width: 100px;
        height: 100px;
        background-color: #0073e6;
        color: white;
        font-size: 2rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .veredicto .wp-block-column-is-layout-flow:not(.wp-container-core-column-is-layout-f5bb311e) {
        flex-basis: 100% !important;
        max-width: 100%;
    }

    /* Componente: Features Grid */
    .features-grid-container {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0 10px;
    }

    .feature-card {
        padding: 20px;
    }

    .feature-icon {
        width: 24px;
        height: 24px;
    }

    .feature-text h3 {
        font-size: 1rem;
    }

    .feature-text p {
        font-size: 0.85rem;
    }

    /* Componente: Tabla Comparativa y Pros/Contras */
    .tabla-comparativa-container {
        margin: 0 0;
    }

    .tabla-comparativa {
        box-shadow: none;
        background: transparent;
    }

    .tabla-comparativa thead {
        display: none;
    }

    .tabla-comparativa tr {
        display: block;
        margin-bottom: 25px;
        border: 1px solid #e1e8ed;
        border-radius: 10px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .tabla-comparativa td {
        border-bottom: 1px solid #f0f4f8;
        padding: 12px 20px;
        font-size: 15px;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 10px;
        text-align: right;
    }

    .tabla-comparativa td:last-child {
        border-bottom: 0;
    }

    .tabla-comparativa td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #555;
        text-align: left;
        font-size: 14px;
    }

    .tabla-comparativa .rating-box {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
    }

    .tabla-comparativa td[data-label="Categoría"] {
        display: flex;
        justify-content: center;
        background-color: #006DBE;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        padding: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .tabla-comparativa td[data-label="Categoría"]::before {
        display: none;
    }

    .tabla-comparativa .col-winner {
        background-color: #fcfdfe;
    }

    /* Pros y Contras Móvil */
    .pc-content-split {
        flex-direction: column;
        gap: 30px;
    }

    .pc-column:first-child {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }

    .pc-container {
        flex-direction: column;
        gap: 20px;
    }

    .pc-card {
        width: 100%;
        box-sizing: border-box;
    }

    /* Componente: Review Card */
    .review-card {
        flex-direction: column;
    }

    .review-card-image {
        min-height: 250px;
    }

    .review-card-content {
        padding: 20px;
    }

    .review-btn {
        width: 100%;
    }

    /* Componente: WP Features Grid */
    .wp-features-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    /* Formularios */
    .sponsorship-form .sf-grid {
        grid-template-columns: 1fr;
    }

    /* Otros */
    .indice-ficha ol.uagb-toc__list {
        margin-left: 0 !important;
    }
}

/* max-width: 600px (Móvil Pequeño) */
@media (max-width: 600px) {

    /* Tech Specs */
    .techspecs-wrapper {
        padding: 1rem;
    }

    .techspecs-title {
        font-size: 1.15rem;
    }

    .techspecs-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .techspecs-label {
        font-size: 0.9rem;
    }

    .techspecs-value {
        font-size: 1rem;
    }

    /* Avisos */
    .aviso-caja {
        padding-left: 18px;
        padding-right: 18px;
        margin-bottom: 20px;
    }

    /* Single Movil */
    /*.single-movil*/ h2.uagb-heading-text,h1.uagb-heading-text {
        font-size: 1.7rem;
    }

    .single-movil #primary, .single-comparativa #primary {
        padding-top: 0;
    }

    h1.wp-block-heading{
        font-size: 2.5rem !important;
    }

    h2.wp-block-heading{
        font-size: 2rem !important;
    }
}

/* =========================================================
   Nini especificaciones por apartado y resultadito de Comparativas
   ========================================================= */
/* Contenedor Principal */
.cmp-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    background-color: transparent;
}

/* Grid para las tarjetas (2 columnas) */
.cmp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

/* Tarjetas individuales */
.cmp-card {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.cmp-card h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.25rem; /* Tamaño título */
    font-weight: 700;
    color: #111827;
}

/* Filas de datos (Materiales, Peso, etc) */
.cmp-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 0.95rem;
    line-height: 1.5;
    border-bottom: 1px solid transparent; /* Por si quisieras líneas */
}

.cmp-label {
    color: #6b7280; /* Gris suave */
    font-weight: 500;
    flex: 1;
}

.cmp-value {
    color: #1f2937; /* Gris oscuro/Negro */
    font-weight: 400;
    text-align: right;
    flex: 1.5;
    padding-left: 10px;
}

/* Contenedor del Resultado (Abajo) */
.cmp-result-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
}

/* Estilo base de la píldora de resultado */
.cmp-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px; /* Espacio entre icono y texto */
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
}

.cmp-badge svg {
    width: 20px;
    height: 20px;
    fill: currentColor; /* Toma el color del texto */
}

/* Estilo Específico: EMPATE */
.cmp-tie {
    background-color: #e2e8f0; /* Gris claro */
    color: #334155;            /* Texto gris */
}

/* Estilo Específico: GANADOR */
.cmp-winner {
    background-color: #f3e6d5; /* Beige suave */
    color: #854d0e;            /* Marrón dorado */
}

/* Versión Móvil */
@media (max-width: 768px) {
    .cmp-grid {
        grid-template-columns: 1fr; /* 1 columna en móvil */
    }
    .cmp-card {
        padding: 20px;
    }
    .cmp-badge {
        font-size: 0.75rem;
        width: 100%;
        justify-content: center;
    }
}

/* =========================================================
   Comparativas: Apartado de estilo de vida
   ========================================================= */
/* Contenedor Principal */
.prf-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

/* Grid 2 columnas */
.prf-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Tarjeta individual */
.prf-card {
    background-color: #fff;
    border: 1px solid #e5e7eb; /* Borde gris suave */
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Cabecera de la tarjeta (Icono + Título) */
.prf-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Estilo del Icono */
.prf-icon {
    width: 24px;
    height: 24px;
    fill: #0056b3; /* El azul característico de la imagen */
    flex-shrink: 0;
}

/* Estilo del Título */
.prf-header h3 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #111827;
}

/* Texto descriptivo */
.prf-text {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b5563; /* Gris medio para lectura cómoda */
    text-align: left;
}

/* Responsive: 1 columna en móviles */
@media (max-width: 768px) {
    .prf-grid {
        grid-template-columns: 1fr;
    }
}
/*Apartado de precios de las comparativas*/
/* Clase extra para centrar todo en esta tarjeta */
.price-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 120px; /* Altura mínima para que se vean robustas */
}

.price-model {
    font-size: 0.95rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}

.price-tag {
    font-size: 2rem; /* Tamaño grande para el precio */
    font-weight: 800;
    letter-spacing: -0.5px;
}

/* Colores específicos según tu imagen */
.text-blue {
    color: #0071e3; /* Azul estilo Apple */
}

.text-dark {
    color: #111827; /* Negro/Gris oscuro estilo Samsung */
}

/* Responsive */
@media (max-width: 768px) {
    .cmp-grid {
        grid-template-columns: 1fr;
    }
}
/*Apartado de autonomia en casos reales de comparativas*/

/* --- ESTILOS DE LA TABLA DE USO --- */

/* Fila genérica (flexbox) */
.usage-row, .usage-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* --- NUEVO: CABECERA CON NOMBRES --- */
.usage-header {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f3f4f6; /* Línea separadora un poco más gruesa */
}

.header-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    flex: 1; /* Ocupa el mismo espacio que los valores */
}

.header-name.right {
    text-align: right;
}

/* Espaciador central invisible para alinear los títulos con las columnas */
.header-spacer {
    width: 180px; /* Mismo ancho que 'usage-center' */
}

/* --- FILAS DE DATOS --- */
.usage-row {
    padding: 15px 0;
}

/* Línea divisoria sutil entre filas de datos */
.usage-row:not(:last-child) {
    border-bottom: 1px dashed #f3f4f6;
}

/* Valores de tiempo */
.usage-val {
    font-size: 1.1rem;
    font-weight: 500;
    color: #4b5563;
    flex: 1;
}

.usage-val.right {
    text-align: right;
}

/* Contenedor Central (Iconos) */
.usage-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 180px; /* Ancho fijo para alineación */
}

.usage-icon {
    width: 24px;
    height: 24px;
    fill: #0071e3;
    margin-bottom: 8px;
}

.usage-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
}

/* Ajuste Móvil */
@media (max-width: 600px) {
    .usage-center, .header-spacer {
        width: auto; /* En móvil el ancho es automático */
        min-width: 80px; /* Mínimo para que no se peguen */
    }
    .header-name {
        font-size: 0.9rem;
    }
    .usage-label {
        font-size: 0.6rem;
    }
}

/* --- ESTILOS DEL CONTENEDOR DE CONCLUSIÓN --- */
.cln-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    /* Borde azul del contenedor principal */
    border: 2px solid #0071e3;
    border-radius: 16px;
    background-color: #fff;
    box-sizing: border-box;
}

/* Título Principal */
.cln-title {
    text-align: center;
    font-size: 1.8rem;
    color: #111827;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 800;
}

/* Texto de introducción */
.cln-intro {
    text-align: center;
    color: #374151;
    line-height: 1.6;
    margin-bottom: 35px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
}

/* Grid de las tarjetas de compra */
.cln-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Tarjetas individuales */
.cln-card {
    background-color: #f9fafb; /* Fondo muy suave */
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    height: 100%; /* Para que ambas tengan la misma altura */
    box-sizing: border-box;
}

/* Estilo de la IMAGEN del producto */
.cln-img {
    background: #f9fafb;
    border-radius: 20px;
    display: block;
    max-width: 100%;
    height: 180px; /* Altura fija para que no descuadre */
    object-fit: contain; /* La imagen se ajusta sin deformarse */
    margin: 0 auto 20px auto;
}

/* Título de la tarjeta (Cómprate el X si...) */
.cln-card h3 {
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 15px;
    color: #111827;
    font-weight: 700;
}

/* Texto descriptivo de la tarjeta */
.cln-card p {
    font-size: 0.95rem;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1; /* Empuja el botón hacia abajo para alinearlos */
}

/* Botón de Compra (Estilo Amazon Yellow) */
.cln-btn {
    display: block;
    width: 100%;
    padding: 12px 0;
    background-color: #f4cd00; /* Amarillo/Dorado */
    color: #111827;
    text-align: center;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 8px;
    transition: background-color 0.2s;
    border: none;
    font-size: 1rem;
    box-shadow: 0 2px 0 rgba(0,0,0,0.05);
}

.cln-btn:hover {
    background-color: #eab308; /* Un poco más oscuro al pasar el ratón */
}

/* --- RESPONSIVE (Móvil) --- */
@media (max-width: 768px) {
    .cln-container {
        padding: 20px;
        border-width: 1px; /* Borde más fino en móvil */
    }
    .cln-title {
        font-size: 1.4rem;
    }
    .cln-grid {
        grid-template-columns: 1fr; /* Una columna */
    }
    .cln-img {
        height: 150px; /* Imagen un poco más pequeña en móvil */
    }
}


/* =========================================================
   Pruebas y benchmarks
   ========================================================= */
/* Grid Principal: 2 columnas en escritorio */
.bench-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px; /* Espacio horizontal entre columnas */
    row-gap: 50px;    /* Espacio vertical entre filas */
}

/* Cada bloque de test individual */
.bench-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Título del test (Geekbench, AnTuTu...) */
.bench-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151; /* Gris oscuro suave */
    margin-bottom: 20px;
    text-align: center;
}

/* Contenedor de los dos puntajes (iPhone vs Samsung) */
.bench-scores {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 40px; /* Separación entre los dos números rivales */
}

/* Columna individual de cada teléfono */
.bench-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* El número del puntaje */
.bench-num {
    font-size: 1.6rem; /* Tamaño grande y legible */
    font-weight: 800;
    line-height: 1.2;
}

/* Etiqueta del modelo (iPhone 15 / Samsung...) */
.bench-label {
    font-size: 0.85rem;
    margin-top: 6px;
}

/* --- COLORES --- */
.color-blue {
    color: #0071e3; /* Azul Apple */
}

.color-dark {
    color: #111827; /* Negro Samsung */
}

/* --- RESPONSIVE (MÓVIL) --- */
@media (max-width: 768px) {
    .bench-grid {
        grid-template-columns: 1fr; /* 1 sola columna */
        row-gap: 40px;
    }

    .bench-item {
        padding-bottom: 30px;
        border-bottom: 1px dashed #e5e7eb; /* Línea separadora sutil en móvil */
    }

    /* Quitamos la línea del último elemento */
    .bench-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .bench-scores {
        gap: 20px; /* Reducimos el espacio entre números en móvil */
        justify-content: space-around;
    }

    .bench-num {
        font-size: 1.4rem; /* Un pelín más pequeño en móvil para que quepan cifras largas */
    }
}

/*Footer*/
section#block-14 figcaption.wp-element-caption {
    margin: 0;
    font-size: 16px;
}
.site-primary-footer-wrap{
    padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 768px) {
   .footer-bar-navigation a{
       padding: 6px !important;
   }
    .footer-bar-navigation #astra-footer-menu{
        display: flex !important;
    }
}

/*!*Carrouseles de la home*!*/
.home-carrusel .uagb-post__inner-wrap:hover .uagb-post__image img {
   transform: scale(1.05);
}
.home-carrusel .uagb-post__inner-wrap:hover {
    transform: translateY(-5px); /* La tarjeta "flota" hacia arriba */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* La sombra crece */
    border-color: #d1d5db;
}
.home-carrusel .uagb-post__inner-wrap {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden; /* Para que la imagen no se salga al hacer zoom */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* Sombra inicial suave */
    transition: all 0.3s ease; /* Suavidad para el efecto hover */

}
.home-carrusel article.uagb-post__inner-wrap{
    padding: 0px !important;
}

.home-carrusel .uagb-post__text.uagb-post__excerpt {
    min-height: 120px;
}
/*!*Carrouseles de la home*!*/
/*.home-comparativas{*/
/*    gap:10px;*/
/*}*/
/*!* 1. Estilo base de la tarjeta (el contenedor de cada artículo) *!*/
/*.home-carrusel .uagb-post__inner-wrap {*/
/*    padding: 0 !important;*/
/*    border: 1px solid #e5e7eb; !* Borde sutil gris claro *!*/
/*    border-radius: 12px; !* Bordes redondeados modernos *!*/
/*    overflow: hidden; !* Para que la imagen no se salga al hacer zoom *!*/
/*    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); !* Sombra inicial suave *!*/
/*    transition: all 0.3s ease; !* Suavidad para el efecto hover *!*/

/*    !* Flexbox para alinear el botón siempre abajo si las alturas varían *!*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    !*height: 100%;*!*/
/*}*/

/*!* 2. Efecto al pasar el ratón (Hover) *!*/
/*.home-carrusel .uagb-post__inner-wrap:hover {*/
/*    transform: translateY(-5px); !* La tarjeta "flota" hacia arriba *!*/
/*    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); !* La sombra crece *!*/
/*    border-color: #d1d5db;*/
/*}*/

/*!* 3. Mejoras en la Imagen *!*/
/*.home-carrusel .uagb-post__image {*/
/*    margin-bottom: 0 !important; !* Quitar márgenes extra del plugin *!*/
/*    overflow: hidden;*/
/*}*/

/*.home-carrusel .uagb-post__image img {*/
/*    width: 100%;*/
/*    height: 220px; !* Altura fija para uniformidad *!*/
/*    object-fit: cover; !* Recorta la imagen para que llene el hueco sin deformarse *!*/
/*    transition: transform 0.5s ease; !* Transición suave para el zoom *!*/
/*}*/

/*!* Efecto Zoom en la imagen al pasar el ratón por la tarjeta *!*/
/*.home-carrusel .uagb-post__inner-wrap:hover .uagb-post__image img {*/
/*    transform: scale(1.05);*/
/*}*/

/*!* Título *!*/

/*.home-carrusel .uagb-post__title a {*/
/*    text-decoration: none;*/
/*    color: #1a202c; !* Color oscuro casi negro *!*/
/*    font-weight: 700;*/
/*    font-size: 1.1rem; !* Ajustar tamaño según preferencia *!*/
/*    line-height: 1.4;*/
/*}*/

/*!* Extracto (texto pequeño) *!*/
/*.home-carrusel .uagb-post__excerpt {*/
/*    font-size: 0.95rem;*/
/*    color: #4b5563; !* Gris medio para jerarquía visual *!*/
/*    flex-grow: 1; !* Esto empuja el botón hacia abajo *!*/
/*}*/

/*!* 5. Botón (CTA) *!*/
/*.home-carrusel .uagb-post__cta {*/
/*    padding-bottom: 10px;*/
/*    margin-top: auto; !* Asegura que se pegue al final *!*/
/*}*/

/*.home-carrusel .wp-block-button__link {*/
/*    width: 100%; !* Botón ancho completo se ve muy bien en móviles/tarjetas *!*/
/*    text-align: center;*/
/*    border-radius: 8px;*/
/*    font-weight: 600;*/
/*    !* Mantenemos tu color azul original, pero añadimos transición si cambia de color *!*/
/*    transition: background-color 0.2s;*/
/*}*/
/*!*FIN Carrouseles de la home*!*/