/*
Theme Name: Movistar parent
Theme URI: https://www.movistar.com.sv/
Author: Guillermo Ruiz
Author URI: https://www.movistar.com.sv/
Description: Movistar theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.9
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: movistar 
*/



/* Don't overwrite this file. Compile "/assets/main.(less|scss)" to "/assets/css/main.css" */

/* From http://codex.wordpress.org/CSS */

@import 'assets/css/menu.css';
@import 'assets/css/footer.css';
@import 'assets/css/component.css';
/*@import 'assets/css/user.login.css';*/
@import 'assets/css/forms.css';
/*@import 'assets/css/change-password.css';*/
@import 'assets/css/hero_carousel.css';



: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-focus-movistar: #6792F4;
    --color-purpura-oscuro-movistar: #642a72;
    --color-naranja-movsitar:#F28D15;
	--color-warning-error:#F26464;
    --color-gris-1-movistar: #f5f5f5;
    --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;
	--gradient-azul-verde: linear-gradient(135deg, #5CB615 0%, #019DF4 100%);
	--gradient-morado-blanco: linear-gradient(135deg, #A13EA1 0%, #DEBCE4 100%);
}


/*
colores de fondo 
*/

.has-color-azul-movistar-background-color.has-background, .has-color-azul-movistar-background-color.has-background:focus, .has-color-azul-movistar-background-color.has-background:active, .has-azul-movistar-color-background.has-background {
    background: var(--color-azul-movistar)
}

.has-color-azul-claro-movistar-background-color.has-background, .has-color-azul-claro-movistar-background-color.has-background:focus, .has-color-azul-claro-movistar-background-color.has-background:active, .has-azul-claro-movistar-background.has-background {
    background: var(--color-azul-claro-movistar)
}

.has-color-azul-oscuro-movistar-background-color.has-background, .has-color-azul-oscuro-movistar-background-color.has-background:focus, .has-color-azul-oscuro-movistar-background-color.has-background:active, .has-azul-oscuro-movistar-background.has-background {
    background: var(--color-azul-oscuro-movistar)
}

.has-color-azul-oscuro-claro-movistar-background-color.has-background, .has-color-azul-oscuro-claro-movistar-background-color.has-background:focus, .has-color-azul-oscuro-claro-movistar-background-color.has-background:active, .has-azul-oscuro-claro-movistar-background.has-background {
    background: var(--color-azul-oscuro-claro-movistar)
}

.has-color-verde-claro-movistar-background-color.has-background, .has-color-verde-claro-movistar-background-color.has-background:focus, .has-color-verde-claro-movistar-background-color.has-background:active, .has-verde-claro-movistar-background.has-background {
    background: var(--color-verde-claro-movistar)
}

.has-color-verde-movistar-background-color.has-background, .has-color-verde-movistar-background-color.has-background:focus, .has-color-verde-movistar-background-color.has-background:active, .has-verde-color-background.has-background {
    background: var(--color-verde-movistar);
	color: var(--color-blanco-movistar);
}

.has-color-verde-oscuro-movistar-background-color.has-background, .has-color-verde-oscuro-movistar-background-color.has-background:focus, .has-color-verde-oscuro-movistar-background-color.has-background:active, .has-verde-oscuro-movistar-background.has-background {
    background: var(--color-verde-oscuro-movistar)
}

.has-color-purpura-claro-movistar-background-color.has-background, .has-color-purpura-claro-movistar-background-color.has-background:focus, .has-color-purpura-claro-movistar-background-color.has-background:active, .has-purpura-claro-movistar-background.has-background {
    background: var(--color-purpura-claro-movistar)
}

.has-color-purpura-movistar-background-color.has-background, .has-color-purpura-movistar-background-color.has-background:focus, .has-color-purpura-movistar-background-color.has-background:active, .has-purpura-movistar-background.has-background {
    background: var(--color-purpura-movistar)
}

.has-color-purpura-oscuro-movistar-background-color.has-background, .has-color-purpura-oscuro-movistar-background-color.has-background:focus, .has-color-purpura-oscuro-movistar-background-color.has-background:active, .has-purpura-oscuro-movistar-background.has-background {
    background: var(--color-purpura-oscuro-movistar)
}

.has-color-gris-1-movistar-background-color.has-background, .has-color-gris-1-movistar-background-color.has-background:focus, .has-color-gris-1-movistar-background-color.has-background:active, .has-gris-1-movistar-background.has-background {
    background: var(--color-gris-1-movistar)
}

.has-color-gris-3-movistar-background-color.has-background, .has-color-gris-3-movistar-background-color.has-background:focus, .has-color-gris-3-movistar-background-color.has-background:active, .has-gris-3-movistar-background.has-background {
    background: var(--color-gris-3-movistar)
}

.has-color-gris-4-movistar-background-color.has-background, .has-color-gris-4-movistar-background-color.has-background:focus, .has-color-gris-4-movistar-background-color.has-background:active, .has-gris-4-movistar-background.has-background {
    background: var(--color-gris-4-movistar)
}

.has-color-gris-6-movistar-background-color.has-background, .has-color-gris-6-movistar-background-color.has-background:focus, .has-color-gris-6-movistar-background-color.has-background:active, .has-gris-6-movistar-background.has-background {
    background: var(--color-gris-6-movistar)
}

.has-color-negro-movistar-background-color.has-background, .has-color-negro-movistar-background-color.has-background:focus, .has-color-negro-movistar-background-color.has-background:active, .has-negro-movistar-background.has-background {
    background: var(--color-negro-movistar)
}

.has-color-blanco-movistar-background-color.has-background, .has-color-blanco-movistar-background-color.has-background:focus, .has-color-blanco-movistar-background-color.has-background:active, .has-blanco-movistar-background.has-background {
    background: var(--color-blanco-movistar);
    color: var(--color-azul-movistar)
}


.loadingMovistarAnimate svg {
    stroke-dasharray: 2000;
    animation: reveal-M 2s ease-in-out infinite;
    width:130px;
    height:auto;
  }

  @keyframes reveal-M {
    from {
      stroke-dashoffset: 2000;
    }
    to {
      stroke-dashoffset: 0;
    }
  }

/*
 
Colores de texto
*/
.has-color-azul-movistar-color.has-text-color {
    color: var(--color-azul-movistar)
}

.has-color-azul-claro-movistar-color.has-text-color {
    color: var(--color-azul-claro-movistar)
}

.has-color-azul-oscuro-movistar-color.has-text-color {
    color: var(--color-azul-oscuro-movistar)
}

.has-color-azul-oscuro-claro-movistar-color.has-text-color {
    color: var(--color-azul-oscuro-claro-movistar)
}

.has-color-verde-claro-movistar-color.has-text-color {
    color: var(--color-verde-claro-movistar)
}

.has-color-verde-movistar-color.has-text-color {
    color: var(--color-verde-movistar)
}

.has-color-verde-oscuro-movistar-color.has-text-color {
    color: var(--color-verde-oscuro-movistar)
}

.has-color-purpura-claro-movistar-color.has-text-color {
    color: var(--color-purpura-claro-movistar)
}

.has-color-purpura-movistar-color.has-text-color {
    color: var(--color-purpura-movistar)
}

.has-color-purpura-oscuro-movistar-color.has-text-color {
    color: var(--color-purpura-oscuro-movistar)
}

.has-color-gris-1-movistar-color.has-text-color {
    color: var(--color-gris-1-movistar)
}

.has-color-gris-3-movistar-color.has-text-color {
    color: var(--color-gris-3-movistar)
}

.has-color-gris-4-movistar-color.has-text-color {
    color: var(--color-gris-4-movistar)
}


.has-color-gris-6-movistar-color.has-text-color {
    color: var(--color-gris-6-movistar)
}

.has-color-negro-movistar-color.has-text-color {
    color: var(--color-negro-movistar)
}

.has-color-blanco-movistar-color.has-text-color {
    color: var(--color-blanco-movistar)
}






.btn-blanco.wp-block-button .wp-block-button__link:active, .btn-blanco.wp-block-button .wp-block-button__link:focus {
    background: var(--color-blanco-movistar);
    color: var(--color-azul-claro-movistar);
}

.wp-block-button .wp-block-button__link {
    border: 0px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 25px;
    outline: none;
}

.wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color:hover, .wp-block-button .wp-block-button__link.has-azul-color-background:hover,
.wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color:first-child:active{
    background: var(--color-azul-claro-movistar);
	color: var(--color-blanco-movistar);
}

.wp-block-button .wp-block-button__link.has-color-verde-movistar-background-color:hover, .wp-block-button .wp-block-button__link.has-verde-color-background:hover,
.wp-block-button .wp-block-button__link.has-color-verde-movistar-background-color:first-child:active {
    background: var(--color-verde-claro-movistar);
	color: var(--color-blanco-movistar);
}

.wp-block-button .wp-block-button__link.has-color-azul-oscuro-movistar-background-color:hover, .wp-block-button .wp-block-button__link.has-azul-oscuro-movistar-color-background:hover,
.wp-block-button .wp-block-button__link.has-color-azul-oscuro-movistar-background-color:first-child:active {
    background: var(--color-azul-oscuro-claro-movistar);
	color: var(--color-blanco-movistar);
}

.wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color:hover, .wp-block-button .wp-block-button__link.has-azul-movistar-color-background:hover,
.wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color:first-child:active {
    background: var(--color-azul-claro-movistar);
	color: var(--color-blanco-movistar);
}

.wp-block-button .wp-block-button__link.has-color-purpura-movistar-background-color:hover, .wp-block-button .wp-block-button__link.has-purpura-movistar-color-background:hover,
.wp-block-button .wp-block-button__link.has-color-purpura-movistar-background-color:first-child:active {
    background: var(--color-purpura-claro-movistar);
	color: var(--color-blanco-movistar);
}

.wp-block-button .wp-block-button__link.has-color-blanco-movistar-background-color:hover, .wp-block-button .wp-block-button__link.has-blanco-movistar-color-background:hover,
.wp-block-button .wp-block-button__link.has-color-blanco-movistar-background-color:first-child:active {
    background: var(--color-blanco-movistar);
    color: var(--color-azul-claro-movistar);
}

.wp-block-button .wp-block-button__link:focus {
	border-color:transparent !important;
    -webkit-box-shadow: 0 0 0 0rem rgba(49,132,253,0) !important;
    box-shadow: 0 0 0 0rem rgba(49,132,253,0) !important;
}


/*
 
Colores de texto
*/
.has-color-azul-movistar-color.has-text-color{color:var(--color-azul-movistar)}
.has-color-azul-claro-movistar-color.has-text-color{color:var(--color-azul-claro-movistar)}
.has-color-azul-oscuro-movistar-color.has-text-color{color:var(--color-azul-oscuro-movistar)}
.has-color-azul-oscuro-claro-movistar-color.has-text-color{color:var(--color-azul-oscuro-claro-movistar)}
.has-color-verde-claro-movistar-color.has-text-color{color:var(--color-verde-claro-movistar)}
.has-color-verde-movistar-color.has-text-color{color:var(--color-verde-movistar)}
.has-color-verde-oscuro-movistar-color.has-text-color{color:var(--color-verde-oscuro-movistar)}
.has-color-purpura-claro-movistar-color.has-text-color{color:var(--color-purpura-claro-movistar)}
.has-color-purpura-movistar-color.has-text-color{color:var(--color-purpura-movistar)}
.has-color-purpura-oscuro-movistar-color.has-text-color{color:var(--color-purpura-oscuro-movistar)}
.has-color-magenta-claro-movistar-color.has-text-color{color:var(--color-magenta-claro-movistar)}
.has-color-magenta-movistar-color.has-text-color{color:var(--color-magenta-movistar)}
.has-color-magenta-oscuro-movistar-color.has-text-color{color:var(--color-magenta-oscuro-movistar)}
.has-color-naranja-claro-movistar-color.has-text-color{color:var(--color-naranja-claro-movistar)}
.has-color-naranja-movistar-color.has-text-color{color:var(--color-naranja-movistar)}
.has-color-naranja-oscuro-movistar-color.has-text-color{color:var(--color-naranja-oscuro-movistar)}
.has-color-amarillo-claro-movistar-color.has-text-color{color:var(--color-amarillo-claro-movistar)}
.has-color-amarillo-movistar-color.has-text-color{color:var(--color-amarillo-movistar)}
.has-color-amarillo-oscuro-movistar-color.has-text-color{color:var(--color-amarillo-oscuro-movistar)}
.has-color-gris-1-movistar-color.has-text-color{color:var(--color-gris-1-movistar)}
.has-color-gris-2-movistar-color.has-text-color{color:var(--color-gris-2-movistar)}
.has-color-gris-3-movistar-color.has-text-color{color:var(--color-gris-3-movistar)}
.has-color-gris-4-movistar-color.has-text-color{color:var(--color-gris-4-movistar)}
.has-color-gris-5-movistar-color.has-text-color{color:var(--color-gris-5-movistar)}
.has-color-gris-6-movistar-color.has-text-color{color:var(--color-gris-6-movistar)}
.has-color-negro-movistar-color.has-text-color{color:var(--color-negro-movistar)}
.has-color-blanco-movistar-color.has-text-color{color:var(--color-blanco-movistar)}



.has-color-azul-movistar-color.has-text-color:hover{color:var(--color-azul-movistar)}
.has-color-azul-claro-movistar-color.has-text-color:hover{color:var(--color-azul-claro-movistar)}
.has-color-azul-oscuro-movistar-color.has-text-color:hover{color:var(--color-azul-oscuro-movistar)}
.has-color-azul-oscuro-claro-movistar-color.has-text-color:hover{color:var(--color-azul-oscuro-claro-movistar)}
.has-color-verde-claro-movistar-color.has-text-color:hover{color:var(--color-verde-claro-movistar)}
.has-color-verde-movistar-color.has-text-color:hover{color:var(--color-verde-movistar)}
.has-color-verde-oscuro-movistar-color.has-text-color:hover{color:var(--color-verde-oscuro-movistar)}
.has-color-purpura-claro-movistar-color.has-text-color:hover{color:var(--color-purpura-claro-movistar)}
.has-color-purpura-movistar-color.has-text-color:hover{color:var(--color-purpura-movistar)}
.has-color-purpura-oscuro-movistar-color.has-text-color:hover{color:var(--color-purpura-oscuro-movistar)}
.has-color-magenta-claro-movistar-color.has-text-color:hover{color:var(--color-magenta-claro-movistar)}
.has-color-magenta-movistar-color.has-text-color:hover{color:var(--color-magenta-movistar)}
.has-color-magenta-oscuro-movistar-color.has-text-color:hover{color:var(--color-magenta-oscuro-movistar)}
.has-color-naranja-claro-movistar-color.has-text-color:hover{color:var(--color-naranja-claro-movistar)}
.has-color-naranja-movistar-color.has-text-color:hover{color:var(--color-naranja-movistar)}
.has-color-naranja-oscuro-movistar-color.has-text-color:hover{color:var(--color-naranja-oscuro-movistar)}
.has-color-amarillo-claro-movistar-color.has-text-color:hover{color:var(--color-amarillo-claro-movistar)}
.has-color-amarillo-movistar-color.has-text-color:hover{color:var(--color-amarillo-movistar)}
.has-color-amarillo-oscuro-movistar-color.has-text-color:hover{color:var(--color-amarillo-oscuro-movistar)}
.has-color-gris-1-movistar-color.has-text-color:hover{color:var(--color-gris-1-movistar)}
.has-color-gris-2-movistar-color.has-text-color:hover{color:var(--color-gris-2-movistar)}
.has-color-gris-3-movistar-color.has-text-color:hover{color:var(--color-gris-3-movistar)}
.has-color-gris-4-movistar-color.has-text-color:hover{color:var(--color-gris-4-movistar)}
.has-color-gris-5-movistar-color.has-text-color:hover{color:var(--color-gris-5-movistar)}
.has-color-gris-6-movistar-color.has-text-color:hover{color:var(--color-gris-6-movistar)}
.has-color-negro-movistar-color.has-text-color:hover{color:var(--color-negro-movistar)}
.has-color-blanco-movistar-color.has-text-color:hover{color:var(--color-blanco-movistar)}



@font-face {
    font-family: guthenBlootsSlant;
    font-display: fallback;
    src: url("assets/fonts/GuthenBlootsSlant.eot");
    src: url("assets/fonts/GuthenBlootsSlant.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/GuthenBlootsSlant.woff2") format("woff2"),
    url("assets/fonts/GuthenBlootsSlant.woff") format("woff"),
    url("assets/fonts/GuthenBlootsSlant.ttf") format("truetype"),
    url("assets/fonts/GuthenBlootsSlant.svg#AftaserifRegular") format("svg");
}


@font-face {
    font-family: "telefonica";
    font-display: fallback;
    src: url("assets/fonts/TelefonicaWeb-Regular.eot");
    src: url("assets/fonts/TelefonicaWeb-Regular.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/TelefonicaWeb-Regular.woff2") format("woff2"),
    url("assets/fonts/TelefonicaWeb-Regular.woff") format("woff"),
    url("assets/fonts/TelefonicaWeb-Regular.ttf") format("truetype"),
    url("assets/fonts/TelefonicaWeb-Regular.svg#AftaserifRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "telefonica";
    font-display: fallback;
    src: url("assets/fonts/TelefonicaWeb-ExtraLight.eot");
    src: url("assets/fonts/TelefonicaWeb-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/TelefonicaWeb-ExtraLight.woff2") format("woff2"),
    url("assets/fonts/TelefonicaWeb-ExtraLight.woff") format("woff"),
    url("assets/fonts/TelefonicaWeb-ExtraLight.ttf") format("truetype"),
    url("assets/fonts/TelefonicaWeb-ExtraLight.svg#AftaserifRegular") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "telefonicaLight";
    font-display: fallback;
    src: url("assets/fonts/TelefonicaWeb-Light.eot");
    src: url("assets/fonts/TelefonicaWeb-Light.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/TelefonicaWeb-Light.woff2") format("woff2"),
    url("assets/fonts/TelefonicaWeb-Light.woff") format("woff"),
    url("assets/fonts/TelefonicaWeb-Light.ttf") format("truetype"),
    url("assets/fonts/TelefonicaWeb-Light.svg#AftaserifRegular") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "telefonica";
    font-display: fallback;
    src: url("assets/fonts/TelefonicaWeb-Bold.eot");
    src: url("assets/fonts/TelefonicaWeb-Bold.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/TelefonicaWeb-Bold.woff2") format("woff2"),
    url("assets/fonts/TelefonicaWeb-Bold.woff") format("woff"),
    url("assets/fonts/TelefonicaWeb-Bold.ttf") format("truetype"),
    url("assets/fonts/TelefonicaWeb-Bold.svg#AftaserifRegular") format("svg");
    font-weight: bold;
    font-style: normal
}


@font-face {
    font-family: "telefonica";
    font-display: fallback;
    src: url("assets/fonts/TelefonicaWeb-Regular.eot");
    src: url("assets/fonts/TelefonicaWeb-Regular.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/TelefonicaWeb-Regular.woff2") format("woff2"),
    url("assets/fonts/TelefonicaWeb-Regular.woff") format("woff"),
    url("assets/fonts/TelefonicaWeb-Regular.ttf") format("truetype"),
    url("assets/fonts/TelefonicaWeb-Regular.svg#AftaserifRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

body,html{
    color: var(--color-gris-5-movistar);
    font-family: 'telefonica';
    font-weight: normal;
}
p.txt_nit_mov a {
    font-weight: bold;
    background: var(--color-purpura-movistar);
    display: inline-block;
    border-radius: 8px;
    padding: 1px 8px;
    color: var(--color-blanco-movistar);
    margin-bottom: 4px;
}
p.txt_nit_mov a:hover{
	background:var(--color-purpura-claro-movistar);
}
a {
    color: var(--color-azul-movistar);
    text-decoration: none;
}
a:hover {
    color: var(--color-azul-claro-movistar);
    text-decoration: none;
}

a.post-edit-link.badge.badge-secondary {
    background: var(--color-purpura-movistar);
    font-size: 16px;
    border-radius: 50px;
    padding: 9px 15px;
}
a.post-edit-link.badge.badge-secondary:hover{
	background: var(--color-purpura-claro-movistar);
}
#main {
    padding-top: 51px;
}


@media(max-width:992px){
	#main {
		padding-top: 52px;
	}
}


body.admin-bar.ocultarAdmin #header.fixed-top {
	top: 0;
}

span.oculta {
    display: block;
    position: fixed;
    z-index: 999999;
    top: 50%;
    font-weight: 700;
    font-size: 40px;
    cursor: pointer;
    width: 67px;
    height: 60px;
    left: 13px;
    margin-top: -32px;
    background: var(--color-purpura-movistar);
    padding: 0 5px 0 10px;
    border-radius: 4px;
}
span.oculta .fa-eye-slash, span.oculta .fa-eye {
    color: var(--color-blanco-movistar);
}