:root {
   --color-secondary-gray: #505A68;
   --color-gray-light: #6A788A;
   --color-primary-blue: #2068C5;
   --color-secondary-blue: #33517A;
   --color-primary-orange: #FF5C1A;
   --color-secondary-orange: #F9D6C4;
   --background-gray: #F0F2F4;
   --background-white: #fff;
   --color-text-underlined: #C7D9F1;
   --font-title-family: 'Inter', sans-serif;
   --font-body-family: 'Inter', sans-serif;
   --font-cursive-family: 'Rosario', sans-serif;
}


/* Base */
body {
   color: var(--color-secondary-blue);
   font-family: var(--font-body-family);
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   font-family: var(--font-title-family);
}


/* Botones */
.btn-pb_blue {
   background: var(--color-primary-blue);
   color: #fff;
   font-weight: 700;
   border-radius: 25px;
   font-size: 1.05rem;
   border: 1px solid var(--color-primary-blue);
   display: inline-block;
   padding: 6px 15px 6px 15px;
   width: auto;
}


.btn-pb_blue:hover {
   background: var(--color-secondary-blue);
   color: #fff;
}


/* Área gris usada en Slider y FAQ */
.area_slider {
   background: var(--background-gray);
   padding-top: 3rem;
   padding-bottom: 3rem;
}


/* APP BSALE */
.section-white {
   padding-top: 4rem;
   padding-bottom: 1rem;
   background: #FFF;
}


.title_blue_app {
   font-weight: 700;
   font-size: 1.9rem;
   color:#33517A;
}


.subtitle-app_lg {
   font-weight: 400;
   font-size: 1.2rem;
}


.box-download-app {
   align-items: center;
   margin-top: 1rem;
   width: auto;
   gap: 0.5rem;
}


.subtitle_blue_app {
   font-size: 1.3rem;
   font-weight: 700;
   margin-bottom: 1rem;
   color: var(--color-secondary-blue);
   margin-top: 2.2rem;
}


.app-list {
   list-style: disc;
   font-weight: 400;
   max-width: 100%;
   color: var(--color-secondary-blue);
}


.app-list-item {
   font-size: 1rem;
   margin-left: -10px;
   color: var(--color-secondary-blue);
}


.img-w66 {
   max-width: 100%;
}


/* SVG decorativo de Funcionalidades */
text {
   fill: var(--color-primary-blue);
   font-size: 22px;
   font-weight: 500;
   text-transform: uppercase;
   font-variant-ligatures: none;
   animation: rotate 25s linear infinite;
   transform-origin: 250px 250px;
}


@keyframes rotate {
   to {
       transform: rotate(360deg);
   }
}


.textcircle {
   transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
   transform-origin: 250px 250px;
}


svg:hover .textcircle {
   transform: scale(1.2) rotate(90deg);
}


.home-benef-svg {
   position: static;
   margin-top: 1rem;
   margin-bottom: 1rem;
   width: 40%;
   margin-left: 8rem;
}


/* Reviews */
.section-competencia_reviews {
   background: #fff;
   padding-top: 2rem;
   padding-bottom: 2rem;
}


.title-testimonial {
   font-size: 23pt;
   padding-bottom: 2rem;
   padding-top: 1rem;
   font-weight: 600;
}


.title-orange {
   color: #FF5C1A;
}


.title-competencia_reviews {
   font-size: 1.1rem;
   margin-top: 0.5rem;
   padding: 0.5rem;
}


.card-review-client {
   padding: 2rem;
   box-shadow: 0px 10px 15px -3px #b9b8b8;
   min-height: 23rem;
}


.review-star {
   color: #fbbe28;
   margin-bottom: 0.5rem;
}


.text-competencia_reviews {
   font-size: 0.9rem;
   padding-right: 2rem;
   text-align: justify;
   padding-top: 0.7rem;
   padding-bottom: 1rem;
   margin-top: 0.5rem;
   border-bottom: 1px solid #cbcbcb;
}


.name-review {
   display: block;
   margin-bottom: 0.5rem;
   font-weight: 500;
   margin-top: 0.3rem;
}


/* FAQ */
.title_competencia_b {
   font-weight: 700;
   font-size: 1.8rem;
}


details {
   border: 1px solid rgba(112, 112, 112, 0.1);
   border-radius: 4px;
   padding: 0.5em 0.5em 0;
   margin-bottom: 10px;
   cursor: pointer;
}


summary {
   font-weight: 600;
   font-size: 0.9rem;
   margin: -0.5em -0.5em 0;
   padding: 0.5em;
   list-style-type: "+";
   list-style: none;
   display: flex;
   justify-content: space-between;
   align-items: center;
}


details summary::-webkit-details-marker {
   display: none;
}


details[open] {
   padding: 0.5em;
   border: none;
   background-color: var(--background-gray);
}


summary::marker {
   color: #0000ff;
   font-size: 1.2em;
   margin-right: 20px;
}


details:hover {
   background-color: #EBF0FB;
}


details summary::after {
   content: "+";
   float: right;
   font-size: 1.2em;
   color: green;
}


details[open] summary::after {
   content: "-";
   float: right;
   font-size: 0.9rem;
   color: green;
}


.resp-faq {
   font-size: 0.9rem;
}


/* Desktop */
@media screen and (min-width: 992px) {
   .btn-pb_blue {
       min-width: 160px;
       font-size: 1.1rem;
   }


   .section-white {
       padding-bottom: 7rem;
   }


   .title_blue_app {
       font-size: 2.3rem;
   }


   .subtitle-app_lg {
       font-weight: 400;
       font-size: 1.35rem;
   }


   .box-download-app {
       grid-template-columns: 130px 130px 130px;
   }


   .subtitle_blue_app {
       font-size: 1.6rem;
   }


   .app-list {
       max-width: 90%;
   }


   .app-list-item {
       font-size: 1.2rem;
   }


   .img-w66 {
       max-width: 66%;
   }


   .box-home-benf1 {
       width: 85%;
   }


   .box-home-benf2 {
       width: 85%;
   }


   .home-benef-svg {
       position: absolute;
       display: grid;
       left: 60%;
       margin-top: 25rem;
       width: 16%;
   }


   .title_competencia_b {
       font-size: 2.5rem;
   }


   summary {
       font-size: 1.1rem;
   }


   details[open] summary::after {
       font-size: 1.1rem;
   }


   .resp-faq {
       font-size: 1.1rem;
       text-align: left;
   }
}