/* ===== CONTENEDOR PRINCIPAL ===== */
.cta-home {
   display: grid;
   grid-template-columns: repeat(6, 1fr); /* 6 columnas fijas */
   gap: 12px;
   padding: 0;
   margin: 20px 0;
   list-style: none;
   width: 100%;
}

/* ===== ITEMS ===== */
.cta-home li {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

/* ===== BOTONES ===== */
.cta-home .btn {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 95px;
   text-align: center;
   text-decoration: none;
   border: 1px solid #dcdcdc;
   border-radius: 10px;
   background: #f9f9f9;
   font-family: Arial, sans-serif;
   transition: all 0.3s ease;
   box-sizing: border-box;
   padding: 8px;
}

/* TEXTO SUPERIOR */
.cta-home .btn span {
   font-size: 12px;
   color: #666;
   line-height: 1.2;
}

/* TEXTO PRINCIPAL */
.cta-home .btn strong {
   font-size: 14px;
   color: #222;
}

/* HOVER */
.cta-home .btn:hover {
   box-shadow: 0 2px 8px rgba(0,0,0,0.15);
   transform: translateY(-2px);
}

/* ===== FIXES ESPECÍFICOS SHAREPOINT ===== */

/* Evita que SharePoint rompa el ancho */
.ms-rtestate-field ul.cta-home {
   width: 100% !important;
   display: grid !important;
}

/* Evita desbordes ocultos */
.s4-wpcell-plain {
   overflow: visible !important;
}

/* Elimina estilos heredados de listas */
.ms-rtestate-field ul.cta-home li {
   list-style: none !important;
}

/* ===== RESPONSIVE ===== */

/* Tablet */
@media (max-width: 1024px) {
   .cta-home {
      grid-template-columns: repeat(3, 1fr);
   }
}

/* Móvil */
@media (max-width: 600px) {
   .cta-home {
      grid-template-columns: repeat(2, 1fr);
   }
}