﻿#faqModal .titulo-grupo-faq {
   font-size: 24px;
   font-weight: bold;
   color: #411889;
}

.boton-faq {
   color: #6135B9;
   border-color: #ffffff;
   border: solid 2px;
   border-radius: 50px;
   font-weight: bolder;
   font-size: 20px;
   line-height: 1.0;
}

   .boton-faq:hover {
      color: #6135B9;
   }

#faqModal .modal-title {
   font-size: 24px;
   font-weight: bold;
   color: #120241;
}

#faqModal .accordion-button::after,
.seccion-faqs .accordion-button::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'  fill='%231F9DFF' class='bi bi-plus-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z'/%3E%3C/svg%3E");
   transition: transform .5s ease-in-out;
}

#faqModal .accordion-button:not(.collapsed)::after,
.seccion-faqs .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231F9DFF' class='bi bi-dash-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
}

#faqModal .accordion-item,
.seccion-faqs .accordion-item {
   border: none;
}

#faqModal .accordion-button,
.seccion-faqs .accordion-button {
   border-radius: 16px !important;
   font-weight: bold;
}

   #faqModal .accordion-button:not(.collapsed),
   .seccion-faqs .accordion-button:not(.collapsed) {
      color: #000000;
      background-color: #ffffff;
      border-radius: 16px;
      box-shadow: 0 1px 3px 1px rgba(102, 102, 102, 0.16);
   }

   #faqModal .accordion-button.collapsed,
   .seccion-faqs .accordion-button.collapsed {
      color: #000000;
      background-color: #ffffff;
      border-radius: 16px !important;
      box-shadow: 0 3px 9px 3px rgba(102, 102, 102, 0.16);
   }

/*---- Tabla comparativa ----*/
.tabla-comparativo {
   border-spacing: 0;
   border-collapse: collapse;
   margin-right: auto
}

   .tabla-comparativo td,
   .tabla-comparativo th {
      padding: 4pt 6pt 4pt 6pt;
      border-bottom-color: #cccccc;
      border-top-width: 1pt;
      border-right-width: 1pt;
      border-left-color: #cccccc;
      vertical-align: top;
      border-right-color: #cccccc;
      border-left-width: 1pt;
      border-top-style: solid;
      border-left-style: solid;
      border-bottom-width: 1pt;
      border-top-color: #cccccc;
      border-bottom-style: solid;
      margin: 0;
      color: #000000;
      font-size: 11pt;
      font-family: "Arial"
   }

   .tabla-comparativo th {
      background-color: #1f3864;
      width: 170pt;
      color: #ffffff;
      font-weight: 700
   }

   .tabla-comparativo tbody tr:nth-child(odd) td {
      background-color: #ffffff
   }

   .tabla-comparativo tbody tr:nth-child(even) td {
      background-color: #ebf3fb
   }
