/* INDEX */ 

 
    body {
        background-color: #FFF9E8;
    }
    .modal-contenido {
background-color: #FFF9E8;
    } 
 
    .index {
        background-image: url('../../../v2/gsTk23rFEz/img/Fondo web. Aseguralo WEBS formato.png');
    }  
 
    .index-title {
        color: #ff0066;
    } 
 
    .card__title {
        color: #ff0066;
    } 
 
    .splide__slide.is-active .card__title {
        color: #ff0066;
    } 
 
    .description {
        color: #ff0066;
    } 
 
    .button_color {
        color: #fff;
    } 
 
    .button_color {
        background-color: #FD0068;
    } 
 
    .button_color:hover {
        color: #000;
    } 
 
    .div-my_account, .div-social-networks {
        background: rgba(253, 0, 104, 0.50);
    } 

/* COTIZADOR */ 
/* AUTO */ 
 
    .carousel-item-auto:nth-child(1) {
        background-image: url('../../../v2/gsTk23rFEz/img/fondocurvas-transparente.png');
    }  
    @media(max-width:800px) {
        .carousel-item-auto:nth-child(1) {
            background-image: url('../../../v2/gsTk23rFEz/img/fondo-celular');
        }
    }
 
    .carousel-item-auto:nth-child(3) {
        background-image: url('../../../v2/gsTk23rFEz/img/fondocurvas-transparente.png');
    }  
 
    .carousel-item-auto:nth-child(4) {
        background-image: url('../../../v2/gsTk23rFEz/img/fondocurvas-transparente.png');
    }  
 
    .carousel-item-auto:nth-child(5) {
        background-image: url('../../../v2/gsTk23rFEz/img/fondocurvas-transparente.png');
    }  
 
    .carousel-item-auto:nth-child(6) {
        background-image: url('../../../v2/gsTk23rFEz/img/fondocurvas-transparente.png');
    }  
 
    .carousel-item-auto:nth-child(7) {
        background-image: url('../../../v2/gsTk23rFEz/img/fondocurvas-transparente.png');
    }  

/* HOGAR */ 

/* GENERAL */

 
    .form-container .input-field {
        background: #FEC7CE;
    } 
    .details-title {
        background-color: #FEC7CE;
    }
 
    .input-wrapper label {
        color: #FD0068;
    }
    .details-title {
        color: #FD0068;
    }
 
    .select-item, .select-div, .options-div {
        border-color: #FD0068 !important;
    } 
 
    .carousel-navigation button {
        color: #FD0068;
    }
 
    .carousel-navigation .dot {
        border-color: #FD0068;
    } 
 
    .carousel-navigation .dot.active {
        background-color: #FD0068;
    } 

/* GRILLA */

 
    .selector-planes, .grid__card, .opciones, .select-personalizado, .number-operation-container__title, .grid__card-mobile, .selector__tipo-cobertura-mobile .select-item {
        background-color: #F6EF9F;
    }
 
    .splide__slide.is-active .grid__card, .opciones li:hover, .splide__slide.is-active .grid__card-mobile  {
        background-color: #EDE64C;
    } 
 
    .splide__slide.is-active .grid__card .select-personalizado {
        background-color: #E8E01B;
    } 
    .selector__tipo-cobertura.is-active, .selector__tipo-cobertura-mobile {
        background-color: #E8E01B;
    }
 
    .card-section .suma-asegurada, .card-section .cobertura-precio-cuota, .card-section .cobertura-franquicia, .card-section .descuentos-operador, .selector-planes, .selector__tipo-cobertura-mobile, .card-section-elements .categoria_nombre, .card-section-elements .franquicia_label, .more-info-mobile {
        color: #000;
    }
 
    .div-discount {
        background: rgba(253, 0, 104, 0.50);
    } 
 
    .discount-text {
        color: #FFF;
    }
 
    .modal-more-info {
        background-color: #FFF9E8;
    } 
 
    .modal-descuento {
        background-color: #FFF9E8;
    } 
 
    table.centrada thead {
        background-color: #FD3E85;
    } 
 
    table.centrada .td-title {
        background-color: #FEAEC0;
    } 
 
    table.centrada .td-value{
        background-color: transparent;
    } 
    table.centrada, table.centrada th, table.centrada td{
        border-collapse: collapse;
        border: 2px solid;
    }
 
    table.centrada, table.centrada th, table.centrada td {
        border-color: #FD096A;
    } 
 
    table.centrada {
        color: #FFF;
    }
   
    .spinner__text {
        color: #FD0068;
    }
 
    :root { 
        --colorSpinner: #FD0068;
    }

    .progress {
        background-color: var(--colorSpinner);
    }
     
    @keyframes  dot-typing {

        0% {
            box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        16.667% {
            box-shadow: 9984px -10px 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        33.333% {
            box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        50% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px -10px 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        66.667% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
        83.333% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px -10px 0 0 var(--colorSpinner);
        }
        100% {
        box-shadow: 9984px 0 0 0 var(--colorSpinner), 9999px 0 0 0 var(--colorSpinner), 10014px 0 0 0 var(--colorSpinner);
        }
    }