/*
Theme Name: Team D-side
Theme URI: https://www.d-side.co
Author: the WordPress team
Version: 1
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;900&display=swap');


:root {
    --color_principal: #df3980;
    --color_fuente: #707070;
    --color_blanco: #fff;
    --color_hover: #6aceb4;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: 'Prompt', sans-serif;
    color: var(--color_fuente);
    overflow-x: hidden;
}
strong{
	font-weight: 600px
}
h1 {
    font-size: 45px;
    font-family: 'Prompt', sans-serif;
    font-weight: 700;
    padding-bottom: 15px;
}

h2 {
    font-size: 45px;
}

h2:after{
    content: "";
    background: #df3980;
    position: relative;
    bottom: -11px;
    display: block;
    height: 8px;
    width: 140px;
    margin: auto;
    border-radius: 10px;
}
li,
p {
    font-size: 18px;
    font-weight: 300;
    text-align: justify;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.header {
    position: absolute;
    width: 100%;
    min-height: 110px;
    z-index: 9999;
    transition: 0.2s transform cubic-bezier(0.3, 0.73, 0.3, 0.74);
    background: transparent;
}

header .header-fixed a {
	color: #de3980!important;
}

header.header-fixed {
    min-height: 90px;
    background: #fff!important;
    position: fixed;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	box-shadow: 6px 5px 7px rgb(143 143 143 / 30%);
}

.container {
    margin: auto!important;
}
#menu-menu-principal {
    margin: 0px;
    padding: 0px;
   text-align: center;
}

#menu-menu-principal li {
    display: inline-block;
    list-style: none;
    margin: 0px 10px;
	width:150px;
	text-align: center;
}

#menu-menu-principal li a span {
    font-size: 20px;
    color: var(--color_blanco);
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Prompt', sans-serif;
    padding: 2px 0px;
	transition: 0.2s;
}

header.header-fixed #menu-menu-principal li a span {
   color: #df3980;
}

.item-logo{
	margin-top: 10px;
    padding: 0px 0px!important;
	width: 280px!important;
}

header.header-fixed .item-logo{
	width: 210px!important;

}
header.header-fixed .item-logo a span img{
	filter: brightness(1) invert(0)!important;
	width: 100%;
	height: auto;

}
.item-logo a span img{
	filter: brightness(0) invert(1);
    transition: ease-in-out 0.1s;
}

.item-logo a span{
 border-bottom: none!important;
}

#menu-menu-principal li:hover a span {
    color: #e03a82;
}
#menu-menu-principal .current-menu-item a span{
color: #87d5c6!important;
    border-bottom: 2px solid #87d5c6;
}

#menu-menu-principal li a {
    text-decoration: none;
}

#menu-menu-principal .btn-inicio a span{
	background: #87d5c6;
    border: 1px solid;
    padding: 3px 22px;
    border-radius: 40px;
	transition: 0.3s;
}

#menu-menu-principal .btn-inicio:hover a span{
	background: #fff;
	color: var(--color_principal);
    border: 1px solid;
    padding: 3px 22px;
    border-radius: 40px;
}

#menu-menu-principal .btn-inicio {
    margin: 0px 0px;
    width: 190px;

}

header.header-fixed .btn-inicio a span{
	background: #fff!important;
	color: #df3980!important;
}
body header.header-fixed .btn-inicio a span:hover{
	background: #df3980!important;
	color: #fff!important;
}

.btn-pagos a{
	font-size: 25px!important;
    font-weight: 300!important;
    padding: 5px 35px!important;
    border-radius: 30px!important;
	background-image: none!important;
	transition:0.2s;
}

.btn-pagos a:hover{
	background: #87d5c6!important;
}
.btn-pagos a:before {
    content: ''!important;
    width: 44px;
    height: 66px;
    background: url(https://d-side.co/pruebas-dside/web-credi10/wp-content/uploads/2023/01/nex.png);
    display: block;
    position: absolute;
    left: -60px;
    top: -10px;
}

.btn-pagos a:after{
    content: ''!important;
    width: 44px;
    height: 66px;
    background: url(https://d-side.co/pruebas-dside/web-credi10/wp-content/uploads/2023/01/next.png);
    display: block;
    position: absolute;
    right: -60px;
    top: -10px;
}

.seccion1-home h2{
	font-size: 35px;
    font-weight: 300;
}
.seccion1-home h3{
    font-size: 25px;
    color: #df3980;
	font-weight: 300;
}

.item-benefi>div{
    background-size: 100%;
    background-position: center center;
    border-radius: 90px;
    min-height: 350px;
	padding: 0px 50px!important;
}

.item-benefi h3{
	color: #fff;
    font-weight: 400;
}

.bold-titulos strong{
	font-weight: 600;
}

.btn-credi10 a{
	font-size: 25px!important;
    font-weight: 300!important;
    padding: 5px 35px!important;
    border-radius: 30px!important;
	background-image: none!important;
	transition:0.2s;
}

.btn-credi10 a:hover{
	background: #87d5c6!important;
}

.seccion3-home h2{
    font-size: 28px;
    line-height: 26px;
    padding: 0px 40px;
}

.items-home>div{
	border-radius: 50px;
    min-height: 400px;
}
.items-home h3{
	font-size: 22px;
    min-height: 80px;
    padding: 0px 20px;
    color: #e35d93;
}

.dudas-pqr>div{
   border-radius: 50px;
	 min-height: 100px;
}
.dudas-pqr h3{
margin: 0px!important;
}

.seccion-footer{
    background: #f1f1f1;
    padding: 30px 30px;
}
#menu-menu-footer2 li,
#menu-menu-footer1 li {
    list-style: none;
	text-align: left!important;
}
#menu-menu-footer2 li a,
#menu-menu-footer1 li a{
    color: var(--colo-fuente);
    font-weight: 400;
    font-size: 18px;
    transition: 0.2s;
}
#menu-menu-footer2 li a:hover,
#menu-menu-footer1 li a:hover{
    color: #777;
}

#menu-menu-footer2,
#menu-menu-footer1 {
    padding: 0px 20px;
}
#menu-menu-footer2 li:before,
#menu-menu-footer1 li:before{
content: "";
    background: #df3980;
    position: absolute;
    display: block;
    width: 8px;
    height: 3px;
    margin-top: 10px;
    margin-left: -20px;
}

.redes .siguenos{
	font-size: 18px;
    font-weight: 300;
}
.widget3{
	text-align: center;
}

.redes {
	margin-top: 20px;
	text-align: center;
}
.redes a{
height: 30px;
    width: 31px;
    display: inline-block;
    transition: 0.3s;
    margin: 0px 7px;
    border-radius: 7px;
}

.redes a:hover{
	 background: #fff;
}

.copy {
    padding: 10px!important;
    color: var(--colo-fuente);
    padding-top: 0px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}

.copy .terminos a{
	color: #df3980;
}
.copy .terminos{
	text-align: center;
}

.page-id-99 header{
	display: none;
}
.titulos-pqrs{
	 border-bottom: 2px solid #de3981;
	padding: 0px 20px;
}
.titulos-pqrs h1{
   color: #de3981;
	font-weight: 300;
	font-size: 30px;
}
.seccion1-canales{
   padding: 0px 20px;
}
.bloque-info{
	display: inline-flex;
    align-items: center;
}

.bloque-info p{
margin-left: 20px
}

/*noticias*/

.noticia-home{
    padding: 40px;
    box-shadow: 2px 8px 17px rgb(143 143 143 / 50%);
    margin-bottom: 40px;
    margin-top: 40px;
    border-radius: 40px;
}
.noticia-home h2{
    font-size: 40px;
    color: #e03a82;
    font-weight: 700;
    margin-top: 0;
}

.noticia-home h2:after{
    display: none;
}

.destacada-img{
    width: 100%;
    height: 410px;
}

.destacada-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.desrip-noticia h3{
    font-size: 24px;
    font-weight: 600;
    color: #707070;
}

.desrip-noticia p{
  line-height: 20px;
}


.boton-noti {
    margin-top: 30px;
}
.boton-noti  a{
    background: #de3980;
    padding: 2px 30px;
    color: #fff;
    font-size: 24px;
    border-radius: 30px;
    text-decoration: none;
    border: 1px solid #de3980;
    transition: 0.3s;
}

.boton-noti a:hover{
    background: #ffffff;
    color: #de3980;
}
.page-id-352 .header,
.page-id-354 .header,
.page-id-347 .header,
.privacy-policy .header,
.page-id-200 .header,
.page-id-29 .header,
.single-post .header {
    position: relative;
    box-shadow: 6px 5px 7px rgb(143 143 143 / 30%);
    background: #fff;
}
.page-id-354  header #menu-menu-principal li a span,
.page-id-352  header #menu-menu-principal li a span,
.page-id-347  header #menu-menu-principal li a span,
.privacy-policy  header #menu-menu-principal li a span,
.page-id-200  header #menu-menu-principal li a span,
.page-id-29  header #menu-menu-principal li a span,
.single-post header #menu-menu-principal li a span {
   color: #df3980;
}
.header #menu-menu-principal li a span,
.page-id-354 header .item-logo a span img,
.page-id-352 header .item-logo a span img,
.page-id-347 header .item-logo a span img,
.privacy-policy   header .item-logo a span img,
.page-id-200  header .item-logo a span img,
.page-id-29  header .item-logo a span img,
.single-post header .item-logo a span img{
    filter: brightness(1) invert(0)!important;

}
.page-id-352 header.header-fixed,
.page-id-354 header.header-fixed,
.page-id-347 header.header-fixed,
.privacy-policy  header.header-fixed,
.page-id-200 header.header-fixed,
.page-id-29 header.header-fixed,
.single-post header.header-fixed {
    position: fixed;
}
.page-id-352 header .btn-inicio a span,
.page-id-354 header .btn-inicio a span,
.page-id-347 header .btn-inicio a span,
.privacy-policy  header .btn-inicio a span,
.page-id-200  header .btn-inicio a span,
.page-id-29  header .btn-inicio a span,
.single-post header .btn-inicio a span{
    background: #fff!important;
    color: #df3980!important;
}
.page-id-352 header .btn-inicio a span:hover,
.page-id-354 header .btn-inicio a span:hover,
.page-id-347 header .btn-inicio a span:hover,
.privacy-policy  header .btn-inicio a span:hover,
.page-id-200  header .btn-inicio a span:hover,
.page-id-29  header .btn-inicio a span:hover,
.single-post  header .btn-inicio a span:hover{
    background: #df3980!important;
    color: #fff!important;
}

.single-post .img-destacada{
    width: 100%;
    height: auto;
    margin-top: 30px;
}

.single-post .img-destacada img{
    width: 100%;
    height: auto;
}

.post-not .boton{
   margin-top: 30px;
   margin-bottom: 40px;
   display: inline-block;
}
.post-not .boton a{
    color: var(--color_principal);
    font-size: 34px;
    font-weight: 500;
}
.post-not .boton i{
    color: #de3980;
    font-size: 40px;
    margin-right: 10px;
}

.titulo-interna h2{
    font-size: 40px;
    color: #e03a82;
    font-weight: 700;
    margin-top: 0;
}

.titulo-interna h2:after{
    display: none;
}

.post-not p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.post-not li{
      font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.post-not{
    margin-bottom: 50px!important;
}

.texto-contacto{
background: #ffe0ed;
border-radius: 30px;
padding: 10px 30px;
}

.texto-contacto h3{
    margin: 0px;
    color: #de3980;
    font-size: 26px;
}


.info-contact{
display: inline-flex;
    align-items: center;
}

.info-contact .bloque-img{
    margin-right: 15px;
}
.info-contact .info-canal p{
    margin: 0px;
        font-size: 16px;

}
.info-contact .info-canal h3{
    margin: 0px;
    color: #de3980;
    font-size: 22px;
}

 .preguntas-frecuentes .vc_tta-panel-title{
    background: #f9d7e6;
    border-radius: 20px;
 }
 .preguntas-frecuentes .vc_tta-panel-heading{
    border-radius: 20px!important;
 }

 .preguntas-frecuentes .vc_tta-panel-title a{
    color: #df3980!important;
 }
 .preguntas-frecuentes .vc_tta-panel-title a i{
    color: #df3980!important;
    
 }

 .preguntas-frecuentes .vc_tta-panel-body{
 background-color: #f7f7f7!important;
    border-radius: 20px!important;
    padding: 32px!important;
}

.qr-flot{
    right: -3px;
    position: fixed;
    bottom: 70px;
    display: inline-flex;
    min-height: 100px;
    align-items: center;
    z-index: 999;
}
.qr-flot .widget-qr .custom-html-widget{
    display: inline-flex;
    align-items: center;
}

.qr-flot .solicitar-flot{
    display: inline-flex;
    width: 116px;
    height: 65px;
    align-items: center;
    background: #fff;
       padding: 10px 10px 10px 20px;
    border-radius: 15px 0px 0px 15px;
    box-shadow: -4px 7px 16px rgb(143 143 143 / 30%);

}

.qr-flot .solicitar-flot h3{
    color: var(--color_principal);
        font-size: 13px;
        margin: 0;
}



.qr-flot .qr-img{
    border-radius: 15px;
    display: inline-flex;
    overflow: hidden;
        box-shadow: 3px 3px 10px rgb(143 143 143 / 30%);

}
.qr-flot .solicitar-flot:before{
content: "";
    background: url(images/icono-cell.png);
    display: block;
    width: 58px;
    position: absolute;
    height: 57px;
    margin-left: -57px;
    top: 3px;
}


.page-template-page-pqrs .qr-flot{
    display: none;
}

.cn-text-container{
	    font-size: 16px;
}

.cn-buttons-container a{
	font-size: 15px!important;
	margin-bottom: 5px!important;
}
.widget1 .redes{
	text-align: left;
}
.info-canal .boton-noti {
    margin-top: 8px;
}
.info-canal .boton-noti a {
	font-size: 20px;
}


.display-none{
	display:none;
}


/*responsive*/


#wprmenu_bar .bar_logo {
    border: none;
    margin: 0;
    padding: 0px 0px 0px 0px;
    width: 95px!important;
    height: auto!important;
    margin-top: -13px!important;
}

@media screen and (max-width: 1200px) {
	.item-benefi>div {
    background-repeat: no-repeat;
		min-height: 297px;
	}
}


@media screen and (max-width: 768px) {

.btn-pagos a:before {
    display: none;
}
.btn-pagos a:after {
    display: none;
}
.seccion1-home h2 {
    font-size: 28px;
    font-weight: 300;
}

.dudas-pqr h3 {
    margin: 0px!important;
    font-size: 18px;
}
.display-none{
    display: none!important;
}

.espacios{
    height: 15px!important;
}

.widget-copy{
text-align: center;
}


.noticia-home {
    padding: 15px;
    box-shadow: 2px 8px 17px rgb(143 143 143 / 50%);
    margin-bottom: 22px;
    margin-top: 28px;
    border-radius: 21px;
}

.post-not .boton i {
    color: #de3980;
    font-size: 29px;
}
.post-not .boton a {
    color: var(--color_principal);
    font-size: 26px;
}

.seccion-pqr-page,
.seccion-contacto{
    padding: 20px;
}

h2 {
    font-size: 32px;
}

.logos-home img{
width: 50%

}
	.margin-10{
		padding:30px;
	}
	.margin-10 h1 {
		font-size: 35px;
		    margin: 0;
	}
	
	.margin-10 .espacios {
    height: 0px!important;
    }
	
}

@media screen and (max-width: 480px) {
.qr-flot {
    display: none;
}
.destacada-img {

    height: 190px;
}

}