/*
Theme Name: Skandia Care v2
Theme URI: https://skandiacare.com
Author: Skandia/ZC/Brandster
Author URI: https://skandia.com.mx
Description: CMS Skandia Care
Version: v.2
Text Domain: skandiacare.com
Tags: CMS, blog, Skandia
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Elementos generales
# Header
  # Logo
  # header banner
# Menu secciones (categorias)
# Contenedor
  # Post
  # Pagination
# Sidebar
  # Search
  # banners
# Widgets
# Footer
  # Logo
  # Terminos
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/

@import url('https://411385.claudeassets.com/20260315113508cs_/https://fonts.googleapis.com/css?family=Montserrat:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i,900,900i');

/*--------------------------------------------------------------
## Elementos Generales
--------------------------------------------------------------*/
*:focus {
  outline: none;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  color: #383845;
  font-weight: 400;
  background-color: #ffffff;
}


a {
  text-decoration: none;
  color:#00C83C;
  background-color: transparent;
}
a:hover {
  color:#00C83C;
}
a img {
  border: 0;
}
h1 {
  color: #00C83C;
  font-size: 1.9em;
  padding-top: 57px;
}
h2 {
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.3em;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #00C83C;
}
h3 {
  color: #00C83C;
  font-size: 1.5em;
}
h4 {
  font-size: 12px;
  line-height: 16px;
  color: #00C83C;
}
h6 {
  font-size: 14px;
  color:#00C83C;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
p {
  font-size: 0.9rem;
  line-height: 1.75em;
  margin: 0.5em 0 1em 0;
}
p a {
  color: #00C83C;
}

.bg-womento{
  background: #00C83C;
}
.bg-sk{
  background: #00C83C;
}

.green {
  color: #00C83C;
}
.womento {
  color: #00C83C;
}

/* mobile */

@media (max-width:480px){
  body {
    font-family: "Monserrat", Helvetica, Arial, sans-serif;
    color: #383B45;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.5em;
  }

  p {
    font-size: 1.0rem;
    line-height: 1.5em;
    margin: 0.5em 0 1em 0;
  }
}



@media (min-width:481px){

.no-desk{
  display: none;
}


}


@media (max-width:480px){

.no-mobile{
  display: none;

}
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/


#logo {
  /* background: #1a1a1a; */
   background: #ffffff;
  box-shadow:0px 2px 6px 2px rgba(0,0,0,.12),inset 0 -1px 0 0 #1a1a1a;
  -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,.12),inset 0 -1px 0 0 #1a1a1a;
  

}

@media (max-width: 320px) {
  #logo img{
    width:100%;

  }
}
/*--------------------------------------------------------------
## header banner
--------------------------------------------------------------*/


.banner-inicio{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-skandia.jpg) no-repeat;
  background-position: center center;
}

.banner-ahorro{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-ahorro.jpg) no-repeat;
  background-position: center center;
	
}
.banner-proteccion{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-proteccion.jpg) no-repeat;
  background-position: center center;
	
}

.banner-coyuntura{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Plan-de-pensiones.jpg) no-repeat;
  background-position: center center;

}

.banner-retosfinancieros{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-retiro.jpg) no-repeat;
  background-position: center center;

}
.banner-inversion{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-inversion.jpg) no-repeat;
  background-position: center center;

}

#contenedor-banner-header {
  width: 1130px;
  height: 350px;
  background-size: cover;
  background-color: #1a1a1a;
  margin: 0 auto;
}

@media (min-width:768px) and (max-width: 1280px) {
  #contenedor-banner-header {
    height: 350px;
    width: 100%;
  }
  .banner-inicio{
    background-position: 8% 0px !important;
  }
}
/* @media (min-width:321px) and (max-width: 767px) {
  #contenedor-banner-header {
    height: 350px;
    background-position: center center;
   width: 100%;
  }

  .banner-inicio{
    background-position: 8% 0px !important;
  }
} */
/*--------------------------------------------------------------
## responsive Headers
--------------------------------------------------------------*/

@media (max-width: 500px) {
  #contenedor-banner-header {
    height: 350px;
    background-position: center center;
    background-size: auto;
    width: 100%;
  }
 .banner-inicio{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-skandia-resp.jpg) no-repeat;
  background-position: center center;
	   background-size: auto;
}

.banner-ahorro{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mia-horro-resp.jpg) no-repeat;
  background-position: center center;
	 background-size: auto;
}
.banner-proteccion{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-protecci%C3%B3n-resp.jpg) no-repeat;
  background-position: center center;
	 background-size: auto;
}

.banner-coyuntura{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Plan-de-pensiones-resp.jpg) no-repeat;
  background-position: center center;
	 background-size: auto;
}

.banner-retosfinancieros{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-retiro-resp.jpg) no-repeat;
  background-position: center center;
	 background-size: auto;
}
.banner-inversion{
  background: url(https://www.skandia.com.mx/mercadeo/2022/Imagenes/Mi-inversion-resp.jpg) no-repeat;
  background-position: center center;
	 background-size: auto;
}
}

/*--------------------------------------------------------------
## menu general  womento
--------------------------------------------------------------*/
.btn-outline-success {
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  color: #00C83C;
  border: solid 1px #00C83C;
  
}
.btn-outline-success:hover {
  background-color: #00C83C;
}
@media (max-width: 320px) {
  .btn-outline-success {
    margin: 5px;
  }
}

.menu-menu-skandia-container ul.menu{
  
  list-style: none;
  margin: 20px 0px 20px 0px;
  margin-block-end: 0em;
  margin-block-start: 0em;
  padding-inline-start: 0px;
  height: auto;
}
.menu-menu-skandia-container ul.menu li{
  
  display: inline-block !important;
  color: #383B45;
  line-height: 2.5rem;
}
.menu-menu-skandia-container ul.menu li a{
  
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  padding: .375rem .75rem;
  border: 1px solid #00C83C;
  background: #00C83C;
  color: #ffffff;
  font-weight: 500;
  font-size: 0.75rem;

  
}

.menu-menu-skandia-container ul.menu li a:hover{
  
  background-color: #9f9f9f;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #9f9f9f;
}


/* recibir asesoria boton */


.btn-asesor{
  border-radius: 25px !important;
  -webkit-border-radius: 25px !important;
  -moz-border-radius: 25px !important;
  -ms-border-radius: 25px !important;
  -o-border-radius: 25px !important;
  background-color: #fe9201;
  font-size: 1rem;
  padding: 10px 20px;
  color: #ffffff;
  text-align: center;
  width: 100%;
} 


.btn-asesor:hover {
  background-color: #868686;
  text-decoration: none;
  /* border: solid 1px #868686; */
}





/* form */

.formulario-sk{
  background: #666666;

}

.formulario-sk input,
.formulario-sk select.formsk
{

  padding: 10px;
  border: #b4b3b3 1px solid;

  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 13.33333px;
  font-size: 0.85rem;

  

}

 .formulario-sk button {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background-color: #00C83C;
  font-size: 1rem;
  padding: 10px 20px;
  color: #ffffff;
  text-align: center;
  border: none;

 
} 


 .formulario-sk button:hover {
  background-color: #868686;
  text-decoration: none;
  /* border: solid 1px #868686; */
}


.formulario-sk .question{
  color:#ffffff;
  font-size: 0.85rem;
  padding-bottom: 10px;
}


@media (max-width: 375px) {
  .btn-asesor{
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    background-color: #fe9201;
    font-size: 0.75rem;
    padding: 10px 10px;
    color: #ffffff;
    text-align: center;
     width: 100%;
   
  } 

  .formulario-sk .logolight img{

    width: 80%;
  }

  .formulario-sk h2{
    font-size: 1rem;
    text-align: center;
  }  

  .formulario-sk input{

    padding: 10px;
    border: #b4b3b3 1px solid;
  
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 13.33333px;
    font-size: 0.70rem;
  
    
  
  }
}


/*--------------------------------------------------------------
## Post Extract
--------------------------------------------------------------*/
.post {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

.tags{

 
  min-height: 22px;
}

.tags a {
  background-color: #868686;
  padding: 4px;
  font-size: 0.6rem;
  color: #ffffff;
}
.imagen img {
  width: 100%;
  height: auto;
}
.contenido-post {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
}
.titulo-post {
  color: #00C83C;
  font-size: 1.6rem;
  line-height: normal;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 10px;
  min-height: 96px;
}
.autor {
  margin-bottom: 20px;
  color: #C4C4C4;
  font-size: 0.8rem;
}
.pleca {
  border: solid 2px #00C83C;
  width: 40px;
  margin-bottom: 10px;
}

.extracto p{
  margin-bottom: 20px;
  min-height: 75px;
  max-height: 120px;
  height:120px;
}

.boton-categoria{
  text-align: right;
}

.btn-success {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background-color: #00C83C;
  font-size: 0.75rem;
}
.btn-success:hover {
  background-color: #868686;
  /* border: solid 1px #868686; */
}
@media (max-width: 320px) {
  .imagen img {
  width: 100%;
  height: auto;
  }
  .contenido-post {
    width: 100%;
    padding: 20px;
    font-size: 1.0rem;
  }
}

/*--------------------------------------------------------------
## Contenido Post
--------------------------------------------------------------*/

.row article p{
 
    background: #ffffff; 
    width: 100%;
    height: auto;
  
}


div.col-12.contenido-full-post {
  background: #ffffff;
  padding: 5%;
  }

.contenido-full-post h1 {
margin-bottom: 30px;
font-size: 2rem;
padding-top: 1rem;
font-weight: 500;
}

.contenido-full-post .autor{
  margin-bottom: 40px;
  
  }
/*--------------------------------------------------------------
## Post extract categoria
--------------------------------------------------------------*/
.contenido-categoria .post {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.contenido-categoria .tags span {
  background-color: #868686;
  padding: 4px;
  font-size: 0.6rem;
  color: #ffffff;
}
.contenido-categoria .imagen img {
  width: 100%;
}
.contenido-categoria .contenido-post {
  width: 100%;
  padding: 20px;
  height: 100%;
}
.contenido-categoria .titulo-post {
  color: #00C83C;
  font-size: 1.6rem;
  line-height: normal;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px;
}
.contenido-categoria .autor {
  margin-bottom: 10px;
  color: #C4C4C4;
  font-size: 0.8rem;
}
.contenido-categoria .pleca {
  border: solid 2px #00C83C;
  width: 40px;
  margin-bottom: 10px;
}



.contenido-categoria .btn-success {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  background-color: #00C83C;
  font-weight: 500;
  font-size: 0.75rem;


}


.contenido-categoria .btn-success:hover {
  background-color: #00C83C;
  border: solid 1px #00C83C;
}
.contenido-categoria .extracto p {
  margin-bottom: 20px;
  min-height: 70px;
  max-height: 150px;
	height:80px;
}


.contenido-categoria .boton-categoria{
  display: flex;
  justify-content: flex-end;
  
}


@media (max-width: 320px) {
  .contenido-categoria .imagen img {
  width: 100%;
  }
  .contenido-categoria .contenido-post {
    width: 100%;
    padding: 20px;
  }
}

/*--------------------------------------------------------------
## Contenido Page
--------------------------------------------------------------*/
.contenido-page {
  margin-bottom: 30px;
  background: #ffffff;
  }
  

.contenido-page h1 {
  margin-bottom: 30px;
  font-size: 2rem;
padding-top: 1rem;
font-weight: 500;
  }
  
.contenedor-page .btn-danger {
  background: #00C83C;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

#contenedor-blog-suscribete
{

    background: #666666!important;


  }




/*--------------------------------------------------------------
## paginación
--------------------------------------------------------------*/
.paginacion ul.page-numbers{
  
  list-style: none;
  margin: 20px;
  text-align:center;

}
.paginacion ul.page-numbers li{
  
  display: inline;
  margin: 10px;
  font-weight: bold;
  color: #1a1a1a;
}
.paginacion ul.page-numbers li a{
  
  color: #00C83C;
  display: inline-block;
  
}

.paginacion ul.page-numbers li a.next,
.paginacion ul.page-numbers li a.prev
{
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  padding: .375rem .75rem;
  border: 1px solid #00C83C;
  background: #00C83C;
  color: #ffffff;
  font-size: 0.75rem;
}

/*--------------------------------------------------------------
## Menu lateral sidebar
--------------------------------------------------------------*/

#sidebar #s{
  background-color: #f3f3f3;
  border: none;
  width: 70%;
  height: 30px;
  padding: 10px;
  border: #C4C4C4 1px solid;
}

#sidebar div, .banner
{
  padding-top: 20px;
  width: 100%;
}

#sidebar #searchform .screen-reader-text{
  display: none;
}

#sidebar #searchform #searchsubmit{
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  padding: .375rem .75rem;
  border: 1px solid #00C83C;
  background: #00C83C;
  font-size: 0.75rem;
  color: #ffffff;
}

.textwidget img,
#sidebar div img.image
{
  width: 100%;
  height: auto;
}

#sidebar ul.instagram-pics{
  list-style: none;
  margin: 20px 0px 20px 0px;;
  margin-block-end: 0em;
  margin-block-start: 0em;
  padding-inline-start: 0px;
  text-align: center;
  
}

#sidebar ul.instagram-pics li{
  display: inline;
  width: 150px;
  height: auto;
  
}

#sidebar ul.instagram-pics li img{

  margin: 5px;
}

#sidebar h1.title-instagram{

  margin: 0px;
  padding: 0px;
  text-align: center;
}


/*--------------------------------------------------------------
## Tal vez te interese
--------------------------------------------------------------*/

#interese  h1 {
  
  font-weight: bold;
}

/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/
.footer {
  background: #363636;
  padding-top: 40px;
  padding-bottom: 40px;
  /* margin-top: 20px; */
}
.footer p {
  font-size: 0.9rem;
  line-height: 0.6em;
  margin: 0.5em 0 1em 0;
  color: #ffffff;
}

.footer .logo-footer p.title {
  font-weight: 600;
}

.footer .logo-footer img {
  width: 200px;
  margin-bottom: 0px;
}
.footer .footer-col-derecha {
  text-align: right;

}

.footer a{
color: #ffffff;

}

@media (max-width:2000px) {
  .footer .logo-footer img {
    width: 200px;
    margin: 0 auto;
    padding: 20px;
  }
  .footer {
    
    justify-content: center;
    
  }



  .footer .footer-col-derecha {
    text-align: center;
  }
}

/*--------------------------------------------------------------
## youtube responsive
--------------------------------------------------------------*/

.youtube-responsive-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  }
  
  .youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  }


  
  
/*
     FILE ARCHIVED ON 11:51:30 Feb 24, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:25:47 Jun 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 2.125
  exclusion.robots: 0.082
  exclusion.robots.policy: 0.064
  esindex: 0.014
  cdx.remote: 6.557
  LoadShardBlock: 42.188 (3)
  PetaboxLoader3.datanode: 53.948 (4)
  PetaboxLoader3.resolve: 269.026 (2)
  load_resource: 317.034
*/