/* @override 
	https://www.logicommerce.com/es/wp-content/plugins/kt-funcionalidades-logicommerce/assets/css/pages/tarjetas-home-grid.css?* */


/* Grid tarjetas Home 2026 - 10 tarjetas */

/* Contenedor principal */
.home-cards-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;	
}

/* Grid de 12 columnas - 10 tarjetas */
.home-cards-wrapper .home-cards-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px;
    grid-template-areas:
        "h1 h1 h1 h1 h1 h2 h2 h2 h2 h2 h2 h2"
        "h1 h1 h1 h1 h1 h3 h3 h3 h3 h3 h3 h3"
        "h4 h4 h4 h4 h5 h5 h5 h5 h6 h6 h6 h6";
	width: 100%;
	max-width: 100%;
}
div.home-card.home-card-position-F h3 {
 font-size: 29px;
    font-weight: 500;
    line-height: 1.035em;
    color: #1a2a3a;
	font-family: Georama;
 margin-bottom: 20px;
}div.home-card.home-card-position-F p {
 
    margin-top: 0;
    margin-bottom: 15px;
	font-size: 17px;
	line-height: 1.17em;
	font-weight: 400;
	font-family: Georama;
}

div.home-card.home-card-position-F  div.home-card-content {
	padding-right: 37px;
	padding-left: 37px;
}
div.home-card.home-card-position-F {
		gap: 30px;
		width: 100%;
		margin-top: 30px;
		 border-radius: 12px;
    padding: 37px 0 42px;
    border: 1px solid #e8e0e0;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    gap: 20px;
}

div.home-card.home-card-position-F div.envoltall_slider.features_carousel {
	font-family: Georama;
}


div.home-card.home-card-position-F div.envoltall_slider.features_carousel {
	background-color: #fafafa !important;
}
/* Estilos base de las tarjetas */
.home-cards-wrapper .home-card {
    border-radius: 12px;
    padding: 37px;
    border: 1px solid #e8e0e0;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    gap: 18px;
}
.home-cards-wrapper .home-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.12);
}

/* Elementos internos */
.home-cards-wrapper .home-card-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.home-cards-wrapper .home-card-content {
    display: flex;
    gap: 19px;
    flex-direction: column;
}

.home-cards-wrapper h3.home-card-title {
    font-size: 29px;
    font-weight: 500;
    line-height: 1.035em;
    color: #1a2a3a;
	font-family: Georama;
}

.home-cards-wrapper .home-card-description {
    font-family: Georama;
    color: #011e33;
}

.home-cards-wrapper .home-card-description p {
    margin-top: 0;
    margin-bottom: 15px;
	font-size: 17px;
	line-height: 1.17em;
	font-weight: 400;
}

.home-cards-wrapper .home-card-description p:last-child {
    margin-bottom: 0;
}

/* Estilos para listas con checks */
.home-cards-wrapper .home-card-description ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.home-cards-wrapper .home-card-description ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.3;
}

.home-cards-wrapper .home-card-description ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23011e33' d='M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c-10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2L210.1 439.4c-10 10-26.2 10-36.2 0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


/* =============================================
   Tarjetas con imagen de fondo
   ============================================= */
.home-cards-wrapper .home-card-has-bg-image {
    background-size: cover;
    background-position: center;
    border-color: transparent;
}

.home-cards-wrapper .home-card-has-bg-image h3.home-card-title {
    color: #ffffff;
}

.home-cards-wrapper .home-card-has-bg-image .home-card-description,
.home-cards-wrapper .home-card-has-bg-image .home-card-description p,
.home-cards-wrapper .home-card-has-bg-image .home-card-description ul li {
    color: #ffffff;
}

.home-cards-wrapper .home-card-has-bg-image .home-card-description ul li::before {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2L210.1 439.4c-10 10-26.2 10-36.2 0z'/%3E%3C/svg%3E");

}

/* =============================================
   Dual WYSIWYG (dos columnas de contenido)
   ============================================= */
.home-cards-wrapper .home-card-dual-description {
    display: grid;
    grid-template-columns: 1.4fr 0.9fr;
    gap: 30px;
}

/* =============================================
   Botón +info
   ============================================= */
.home-cards-wrapper .home-card-info-btn, div.home-card.home-card-position-F a.home-card-info-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #011e33;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    transition: background 0.3s ease, transform 0.3s ease;
	border-radius: 0px 0px 12px 0px;
}
div#div_block-2767-9970.ct-div-block  {
	
}
.home-cards-wrapper .home-card-info-btn:hover, div.home-card.home-card-position-F a.home-card-info-btn:hover {
    background: #4191a5;
    transform: scale(1.1);
}


/* =============================================
   Grid de logos
   ============================================= */
.home-cards-wrapper .home-card-logos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 15px 21px;
    align-items: center;
}

.home-cards-wrapper .home-card-logos-grid img {
    width: 100%;
    max-width: 60px;
    height: auto;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

/* =============================================
   Posiciones del grid (10 tarjetas)
   ============================================= */
.home-cards-wrapper .home-card-position-1  { grid-area: h1; }
.home-cards-wrapper .home-card-position-2  { grid-area: h2; }
.home-cards-wrapper .home-card-position-3  { grid-area: h3; }
.home-cards-wrapper .home-card-position-4  { grid-area: h4; }
.home-cards-wrapper .home-card-position-5  { grid-area: h5; }
.home-cards-wrapper .home-card-position-6  { grid-area: h6; }
.home-cards-wrapper .home-card-position-7  { grid-area: h7; }
.home-cards-wrapper .home-card-position-8  { grid-area: h8; }
.home-cards-wrapper .home-card-position-9  { grid-area: h9; }
.home-cards-wrapper .home-card-position-10 { grid-area: h10; }

/* =============================================
   Estilos específicos por posición
   ============================================= */

/* Card 1: Marketing y personalización - Alta (2 filas), imagen arriba + texto abajo */
.home-cards-wrapper .home-card-position-1 {
    flex-direction: column;
    justify-content: flex-start;
}
.home-cards-wrapper .home-card-position-1 h3.home-card-title{
	width: 250px;
	max-width: 100%;
}

.home-cards-wrapper .home-card-position-1 .home-card-image img {
    border-radius: 8px;
}

/* Card 2: IA aplicada - Texto izquierda + imagen derecha (flex-row) */
.home-cards-wrapper .home-card-position-2 {
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 60px;
}

.home-cards-wrapper .home-card-position-2 .home-card-content {
    width: 100%;
}

.home-cards-wrapper .home-card-position-2 .home-card-image {
    width: 45%;
}

.home-cards-wrapper .home-card-position-2 .home-card-image img {
    width: 100%;
    height: auto;
}

/* Card 3: Gestión omnicanal - Imagen diagrama izq + texto der + botón +info */
.home-cards-wrapper .home-card-position-3 {
    flex-direction: row;
    align-items: flex-end;
    gap: 30px;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.home-cards-wrapper .home-card-position-3 .home-card-image {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-cards-wrapper .home-card-position-3 .home-card-image img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.home-cards-wrapper .home-card-position-3 .home-card-content {
    width: 55%;
	padding-bottom: 40px;
}

/* Card 4: EasyRank SEO - Dual WYSIWYG en 2 columnas */
.home-cards-wrapper .home-card-position-4 {
    flex-direction: column;
}

/* Card 5: Arquitectura y escalabilidad - Fondo oscuro (bg-image) + botón +info */
.home-cards-wrapper .home-card-position-5 {

}

/* Card 6: Automatización inteligente - Fondo imagen, texto overlay claro */
.home-cards-wrapper .home-card-position-6 {
    flex-direction: column;
    justify-content: flex-start;
}

/* Card 7: Rendimiento y estabilidad - Texto + lista checks */
.home-cards-wrapper .home-card-position-7 {
    flex-direction: column;
    justify-content: flex-start;
}

/* Card 8: Internacionalización - Texto + lista checks */
.home-cards-wrapper .home-card-position-8 {
    flex-direction: column;
    justify-content: flex-start;
}

/* Card 9: TCO optimizado - Texto + lista checks */
.home-cards-wrapper .home-card-position-9 {
    flex-direction: column;
    justify-content: flex-start;
}

/* Card 10: Agencias para tu proyecto - Fondo oscuro + grid logos */
.home-cards-wrapper .home-card-position-10 {
    flex-direction: column;
    justify-content: flex-start;
}


/* =============================================
   RESPONSIVE - 1260px
   ============================================= */
@media (max-width: 1340px) {
    .home-cards-wrapper {
        max-width: 1180px;
        padding: 15px;
    }

    .home-cards-wrapper .home-cards-grid {
        gap: 25px;
    }

    .home-cards-wrapper h3.home-card-title {
        font-size: 26px;
    }

  
}

/* =============================================
   RESPONSIVE - 1024px (Tablet)
   ============================================= */
@media (max-width: 1204px) {
    .home-cards-wrapper {
        max-width: 990px;
        padding: 15px;
    }
}

/* =============================================
   RESPONSIVE - 768px (Tablet pequeño)
   ============================================= */
@media (max-width: 1040px) {
    .home-cards-wrapper {
        padding: 15px;
		max-width: 868px;
    }
.home-cards-wrapper .home-card {
	padding: 20px;
}
    .home-cards-wrapper .home-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        grid-template-areas:
            "h1 h2"
            "h3 h4"
            "h5 h6"
            "h7 h8"
            "h9 h10";
    }


    .home-cards-wrapper h3.home-card-title {
        font-size: 24px;
    }

    .home-cards-wrapper .home-card-description,
    .home-cards-wrapper .home-card-description p {
        font-size: 15px;
        line-height: 18px;
    }

    /* Card 2: columna */
    .home-cards-wrapper .home-card-position-2 {
        flex-direction: column;
        gap: 15px;
    }

    
    .home-cards-wrapper .home-card-position-2 .home-card-image {
        width: 60%;
    }.home-cards-wrapper .home-card-position-2 .home-card-content
     {
        width: 100%;
    }

    /* Card 3: columna */
    .home-cards-wrapper .home-card-position-3 {
        flex-direction: column;
        gap: 15px;
    }

    .home-cards-wrapper .home-card-position-3 .home-card-content {
        width: 100%;
		padding-left: 20px;
	}
    .home-cards-wrapper .home-card-position-3 {
		align-items: flex-start;
		padding-top: 0;
		padding-left: 0;
	}
    .home-cards-wrapper .home-card-position-3 .home-card-image {
        width: 50%;
		position: relative;
		left: 0;
	}

    /* Dual WYSIWYG: 1 columna */
    .home-cards-wrapper .home-card-dual-description {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .home-cards-wrapper .home-card-logos-grid {
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
        gap: 10px;
    }

    .home-cards-wrapper .home-card-logos-grid img {
        max-width: 50px;
    }
}

/* =============================================
   RESPONSIVE - 590px (Mobile)
   ============================================= */
@media (max-width: 890px) {
    .home-cards-wrapper {
        padding: 0px;
    }

    .home-cards-wrapper .home-cards-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        grid-template-areas:
            "h1"
            "h2"
            "h3"
            "h4"
            "h5"
            "h6"
            "h7"
            "h8"
            "h9"
            "h10";
    }

   }




/* otros css */

body.font_Georama .carousel_badges24 .plugged-slide-item span {
	font-family: Georama;
}
body.font_Georama .accordion__item .accordion__title,body.font_Georama .accordion__item .accordion__content {
font-family: Georama !important;	
}
body.font_georama .carousel_badges24 .plugged-slide-item span {
	font-family: 'Georama', sans-serif;
}
body.font_georama .accordion__item .accordion__title, body.font_georama .accordion__item .accordion__content {
font-family: 'Georama', sans-serif;
}