/* 
Theme Name:		 Moviclub Movistar child
Theme URI:		 http://childtheme-generator.com/
Description:	 Moviclub is a child theme of Web principal Movistar
Author:			 Guillermo Ruiz
Author URI:		 http://childtheme-generator.com/
Template:		 movistar
Version:		 1.0.0
Text Domain:	 movistar
*/

@import 'assets/src/css/bonos.css';
/*
    Add your custom styles here
*/

:root {
    --color-azul-movistar: #019df4;
    --color-azul-claro-movistar: #66bef5;
    --color-azul-oscuro-movistar: #0b2739;
    --color-azul-oscuro-claro-movistar: #3c5261;
    --color-verde-claro-movistar: #8de4a4;
    --color-verde-movistar: #5cb615;
    --color-verde-oscuro-movistar: #3c7521;
    --color-purpura-claro-movistar: #debce4;
    --color-purpura-movistar: #a13ea1;
    --color-purpura-oscuro-movistar: #642a72;
    --color-magenta-claro-movistar: #fbc7de;
    --color-magenta-movistar: #e63780;
    --color-magenta-oscuro-movistar: #922859;
    --color-naranja-claro-movistar: #f8cccc;
    --color-naranja-movistar: #ec624b;
    --color-naranja-oscuro-movistar: #983230;
    --color-amarillo-claro-movistar: #f8d2b3;
    --color-amarillo-movistar: #f28d15;
    --color-amarillo-oscuro-movistar: #9f591f;
    --color-gris-1-movistar: #f5f5f5;
    --color-gris-2-movistar: #d3d4d3;
    --color-gris-3-movistar: #b6b7b7;
    --color-gris-4-movistar: #86888c;
    --color-gris-5-movistar: #50535a;
    --color-gris-6-movistar: #313235;
    --color-negro-movistar: #000;
    --color-blanco-movistar: #fff;
}


.botn3{
    border: 2px solid #5cb615;
    color: #5cb615;
    padding: 10px 218px;
    font-size: 16px;
    background-color: white;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}
.botn3:hover {
    background-color: #5cb615;
    color: white;
}
.botn2{
    border: 2px solid #5cb615;
    color: #5cb615;
    padding: 10px 210px;
    font-size: 16px;
    background-color: white;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}
.botn2:hover {
    background-color: #5cb615;
    color: white;
}
.botn1 {
    background-color: #a13ea1;
    color: white;
    padding: 10px 110px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.botn1:hover {
    background-color: #642a72;
    color: white;
}
.text {
font-family: Telefonica;
font-size: 45px;
color: #019df4;
font-weight: bold;
}
.text1 {
    font-family: Telefonica;
    font-size: 25px;
    color: #019df4;
    font-weight: bold;
    }
    .text3 {
        font-family: Telefonica;
        font-size: 20px;
        color: #000;
     
        }

    .text4 {
font-family: Telefonica;
font-size: 16px;
color: #019df4;

}
.text5 {
    font-family: Telefonica;
    font-size: 16px;
    color: #86888c;
    }

    .text6 {
        font-family: Telefonica;
        font-size: 16px;
        color: #a13ea1;
        }

.border-radio-card {
    border-radius: 5px;

}

.border-radio-card.border-radio-card-azul {
    background: var(--color-azul-movistar);
    border: 3px solid var(--color-azul-movistar);
}

.border-radio-card-child-img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: var(--color-blanco-movistar);
}

.border-radio-card-child-img.border-radio-card-child-img-azul {
    border-right: 3px solid var(--color-azul-movistar);
}

.span-icono-style {
    font-size: 2rem;
}

.span-icono-style.span-icono-style-azul {
    color: #41a5fc;
}



.span-gift-icon {
    width: 5rem;
    height: 5rem;
}


.border-radio-card-child-txt {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: var(--color-blanco-movistar);
}

.border-nulo {
    border: none;
}


.btn.btn-color-button-card {
    color: var(--color-blanco-movistar);
}

.btn.btn-color-button-card.btn-color-button-card-azul {
    background-color: var(--color-azul-movistar);

}

.btn.btn-color-button-card.btn-color-button-card-azul:hover {
    background-color: var(--color-azul-movistar);
    color: var(--color-blanco-movistar);
}
 
/* rosa */

.border-radio-card1.border-radio-card-rosa1 {
    background: var( --color-purpura-movistar);
    border: 3px solid var( --color-purpura-movistar);
}

.border-radio-card-child-img-rosa1 {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: var(--color-blanco-movistar);
}

.border-radio-card-child-img1.border-radio-card-child-img-rosa1 {
    border-right: 3px solid var( --color-purpura-movistar:);
}

.span-icono-style1 {
    font-size: 2rem;
}

.span-icono-style1.span-icono-style-azul1 {
    color: #a13ea1;
}



.span-gift-icon1 {
    width: 5rem;
    height: 5rem;
}


.border-radio-card-child-txt1 {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: var(--color-blanco-movistar);
}

.border-nulo1 {
    border: none;
}


.btn1.btn-color-button-card1 {
    color: var(--color-blanco-movistar);
}

.btn1.btn-color-button-card.btn-color-button-card-azul1 {
    background-color: var(--color-purpura-movistar);

}

.btn.btn-color-button-card.btn-color-button-card-azul:hover {
    background-color: var(--color-purpura-movistar);
    color: var(--color-blanco-movistar);
}


/* gris */


@media (max-width: 766px) {
    
    .border-radio-card-child-img-rosa1 {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        background: var(--color-blanco-movistar);
    }
    

    .border-radio-card-child-img {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;

    }


    .border-radio-card-child-img.border-radio-card-child-img-azul {
        border-right: none;
        border-bottom: 3px solid var(--color-azul-movistar);
    }


    

    .border-radio-card-child-txt {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 15px;
    }
    .botn3{
        border: 2px solid #5cb615;
        color: #5cb615;
        padding: 10px 27px;
        font-size: 16px;
        background-color: white;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;
    }
  

}