
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../font/source-sans-pro/source-sans-pro-v21-latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../font/source-sans-pro/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-300.woff') format('woff'),
    /* Modern Browsers */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
}


/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../font/source-sans-pro/source-sans-pro-v21-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../font/source-sans-pro/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../font/source-sans-pro/source-sans-pro-v21-latin-600.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../font/source-sans-pro/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-600.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-600.woff') format('woff'),
    /* Modern Browsers */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-600.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../font/source-sans-pro/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
}










/*-- Global : inicio ------------------------------------------------------------------------------------*/

:root {
  --bs-font-sans-serif: 'Source Sans Pro', -apple-system, 'Arial';
  --bs-body-font-weight: 400;
  --bs-body-color: rgba(38, 38, 38);
  --bs-link-color: rgba(38, 38, 38);
  --bs-link-hover-color: rgba(0, 0, 0, 1);
  --bs-body-bg: rgb(247, 247, 247);
  --bs-primary-rgb: rgba(38, 38, 38);
  --bs-text-numeral:  rgba(38, 38, 38);
  --bs-body-font-size: 1.5rem;
}


.btn-outline-primary {
  --bs-btn-color: rgba(38, 38, 38);
  --bs-btn-border-color: rgba(38, 38, 38);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(38, 38, 38);
  --bs-btn-hover-border-color: rgba(38, 38, 38);
  --bs-btn-focus-shadow-rgb: 38, 38, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(38, 38, 38);
  --bs-btn-active-border-color: rgba(38, 38, 38);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(47, 50, 68, 1.125);
  --bs-btn-disabled-color: rgba(38, 38, 38);
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
  --bs-btn-font-size: 1.5rem;

}

.btn-blanco {
  background-color: #ffffff;
}

.texto-sm,
.link-sm,
.btn-sm
{
  font-size: 1.25rem;
}

a:hover,
.link:hover {
  text-decoration: none;


}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}


.list-group {
  --bs-list-group-action-hover-color: #fff;
  ;
  --bs-list-group-action-hover-bg: var(--bs-link-color);

}

.text-negrita {
  font-weight: 600;
}

.text-negrita-extra {
  font-weight: 800;
}

.card .btn-outline-primary {
  border: none;
}

.text-numeral
{
  color: var(--bs-text-numeral);
}

.btn-outline-primary:hover .text-numeral
{
  color: var(--bs-btn-hover-color);
}

.seccion-listas,
.seccion-listas a
{
  font-size: 1.2rem;
  color: #777;
}

/*-- inconos: inicio----------------------------------------------------------------------*/

.ico103d-home {
  mask: url('/assets/img/ico/ico-home.svg');
  -webkit-mask: url('/assets/img/ico/ico-home.svg');
}

.ico103d-lapiz {
  mask: url('/assets/img/ico/ico-lapiz.svg');
  -webkit-mask: url('/assets/img/ico/ico-lapiz.svg');
}

.ico103d-video {
  mask: url('/assets/img/ico/ico-video.svg');
  -webkit-mask: url('/assets/img/ico/ico-video.svg');
}

.ico103d-descargar {
  mask: url('/assets/img/ico/ico-descargar.svg');
  -webkit-mask: url('/assets/img/ico/ico-descargar.svg');
}

.ico103d-dibujo {
  mask: url('/assets/img/ico/ico-dibujo.svg');
  -webkit-mask: url('/assets/img/ico/ico-dibujo.svg');
}

.ico103d-instagram {
  mask: url('/assets/img/ico/ico-instagram.svg');
  -webkit-mask: url('/assets/img/ico/ico-instagram.svg');
}

.ico103d-tiktok {
  mask: url('/assets/img/ico/ico-tiktok.svg');
  -webkit-mask: url('/assets/img/ico/ico-tiktok.svg');
}

.ico103d-kwai {
  mask: url('/assets/img/ico/ico-kwai.svg');
  -webkit-mask: url('/assets/img/ico/ico-kwai.svg');
}

.ico103d-youtube {
  mask: url('/assets/img/ico/ico-youtube.svg');
  -webkit-mask: url('/assets/img/ico/ico-youtube.svg');
}

.ico103d-logo103d {
  mask: url('/assets/img/ico/ico-103d.svg');
  -webkit-mask: url('/assets/img/ico/ico-103d.svg');
}

.ico103d-cc {
  mask: url('/assets/img/ico/ico-cc.svg');
  -webkit-mask: url('/assets/img/ico/ico-cc.svg');
}

.ico103d-lista-numerada {
  mask: url('/assets/img/ico/ico-lista-numerada.svg');
  -webkit-mask: url('/assets/img/ico/ico-lista-numerada.svg');
}

.ico103d-cuadro-3c {
  mask: url('/assets/img/ico/ico-cuadro-3c.svg');
  -webkit-mask: url('/assets/img/ico/ico-cuadro-3c.svg');
}


.ico103d-anterior {
  mask: url('/assets/img/ico/ico-back.svg');
  -webkit-mask: url('/assets/img/ico/ico-back.svg');
}

.ico103d-siguiente {
  mask: url('/assets/img/ico/ico-next.svg');
  -webkit-mask: url('/assets/img/ico/ico-next.svg');
}


.ico103d-volver {
  mask: url('/assets/img/ico/ico-volver.svg');
  -webkit-mask: url('/assets/img/ico/ico-volver.svg');
}


.ico103d-compartir {
  mask: url('/assets/img/ico/ico-compartir-2.svg');
  -webkit-mask: url('/assets/img/ico/ico-compartir-2.svg');
}

.ico103d-compartir-2 {
  mask: url('/assets/img/ico/ico-compartir.svg');
  -webkit-mask: url('/assets/img/ico/ico-compartir.svg');
}

.ico103d-copiar {
  mask: url('/assets/img/ico/ico-copiar.svg');
  -webkit-mask: url('/assets/img/ico/ico-copiar.svg');
}

.ico103d-x {
  mask: url('/assets/img/ico/ico-x.svg');
  -webkit-mask: url('/assets/img/ico/ico-x.svg');
}

.ico103d-pinterest {
  mask: url('/assets/img/ico/ico-pinterest.svg');
  -webkit-mask: url('/assets/img/ico/ico-pinterest.svg');
}

.ico103d-facebook {
  mask: url('/assets/img/ico/ico-facebook.svg');
  -webkit-mask: url('/assets/img/ico/ico-facebook.svg');
}

.ico103d-whatsapp {
  mask: url('/assets/img/ico/ico-whatsapp.svg');
  -webkit-mask: url('/assets/img/ico/ico-whatsapp.svg');
}

.ico103d-jpg {
  mask: url('/assets/img/ico/ico-jpg.svg');
  -webkit-mask: url('/assets/img/ico/ico-jpg.svg');
}

.ico103d-png {
  mask: url('/assets/img/ico/ico-png.svg');
  -webkit-mask: url('/assets/img/ico/ico-png.svg');
}

.ico103d-pdf {
  mask: url('/assets/img/ico/ico-pdf.svg');
  -webkit-mask: url('/assets/img/ico/ico-pdf.svg');
}


.ico103d-video-vertical {
  mask: url('/assets/img/ico/ico-video-vertical.svg');
  -webkit-mask: url('/assets/img/ico/ico-video-vertical.svg');
}

.ico103d-video-vertical-corto {
  mask: url('/assets/img/ico/ico-video-vertical-corto.svg');
  -webkit-mask: url('/assets/img/ico/ico-video-vertical-corto.svg');
}

.ico103d-video-panoramico {
  mask: url('/assets/img/ico/ico-video-panoramico.svg');
  -webkit-mask: url('/assets/img/ico/ico-video-panoramico.svg');
}

.ico103d-corazon {
  mask: url('/assets/img/ico/ico-corazon.svg');
  -webkit-mask: url('/assets/img/ico/ico-corazon.svg');
}


.ico103d-enviar {
  mask: url('/assets/img/ico/ico-enviar.svg');
  -webkit-mask: url('/assets/img/ico/ico-enviar.svg');
}

.ico103d-doble-check {
  mask: url('/assets/img/ico/ico-doble-check.svg');
  -webkit-mask: url('/assets/img/ico/ico-doble-check.svg');
}

.ico103d-verificado {
  mask: url('/assets/img/ico/ico-verificado.svg');
  -webkit-mask: url('/assets/img/ico/ico-verificado.svg');
}


[class^="ico103d-"],
[class^=" ico103d-"] {

  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;

  background-color: var(--bs-body-color);

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}


.ico103d_lg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
}


.ico103d_xl {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: text-bottom;
}


.ico103d_xxl {
  display: inline-block;
  width: 56px;
  height: 56px;
  vertical-align: text-bottom;
}

.ico103d_2col_xl {
  display: inline-block;
  width: 72px;
  height: 32px;
  vertical-align: text-bottom;
}

.ico103d_2col_xxl {
  display: inline-block;
  width: 84px;
  height: 37px;
  vertical-align: text-bottom;
}

.btn-redondo {
  padding: 0;
  padding: 0.75rem;
  border-radius: 2rem;

}

.btn-outline-primary [class^="ico103d-"],
.btn-outline-primary [class^=" ico103d-"] {
  background-color: var(--bs-btn-color);
}


.btn-outline-primary:hover [class^="ico103d-"],
.btn-outline-primary:hover [class^=" ico103d-"],
.btn-outline-primary:focus [class^="ico103d-"],
.btn-outline-primary:focus [class^=" ico103d-"],
.btn-outline-primary:active [class^="ico103d-"],
.btn-outline-primary:active [class^=" ico103d-"],
.btn-outline-primary.active [class^="ico103d-"],
.btn-outline-primary.active [class^=" ico103d-"] {
  background-color: var(--bs-btn-hover-color);
}

textarea.form-control
{
  font-size: 1.25rem;
}

a.link-opacity-10 {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

a.link-opacity-10:hover {
  opacity: 0.6;
}

.btn-card
{  
  border: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
}

.btn-card-2
{  
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;
}

.card-title
{
  font-weight: normal!important;
}

.bloque
{
  display: block;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  
  margin-top: 1rem;
  

  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);

  
}


.bloque  .text-negrita  span
{
  background-color: var(--bs-text-numeral) ;
}
.bloque .text-negrita
{
  color: var(--bs-text-numeral);
}


/*--íconos: fin----------------------------------------------------------------------*/





/*--logo: inicio----------------------------------------------------------------------*/
/*--- imágenes --*/
.logo-103d {

  background: url('/assets/img/103d-logo.svg');
}

.logo-103d::after {
  background: url('/assets/img/103d-logo-claro.svg');
}

.logo-103d-claro {

  background: url('/assets/img/103d-logo-claro.svg');
}

.logo-103d-claro::after {
  background: url('/assets/img/103d-logo.svg');
}

.logo-elco {
  background: url('/assets/img/elco-claro.svg');
}

.logo-elco::after {
  background: url('/assets/img/elco.svg');
}


.logo-103dibujos::after,
.logo-103dibujos {
  background: url('/assets/img/103dibujos-logo.svg');
  background-repeat: no-repeat;
  background-position: center center;
}

/*--- configuración --*/
[class^="logo-"] {

  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

[class^="logo-"]::after {
  content: "";
  display: block;

  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;

  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  opacity: 0;
  background-color: var(--bs-body-bg);
}


a:hover [class^="logo-"]::after {
  opacity: 1;
}

/*--tamaños--*/
.logo [class^="logo-"]
/*tamaño por defecto*/
  {
  display: inline-block;
  width: 48px;
  height: 48px;
}


.logo .logo_sd[class^="logo-"]::after,
.logo .logo_sd {
  width: 32px;
  height: 32px;
}

.logo .logo_md[class^="logo-"]::after,
.logo .logo_md {
  width: 70px;
  height: 70px;
}


.logo .logo_lg[class^="logo-"]::after,
.logo .logo_lg {
  width: 96px;
  height: 96px;
}

.logo .logo-103dibujos.logo_lg[class^="logo-"]::after,
.logo .logo-103dibujos.logo_lg {
  width: 200px;
  height: 46px;
  background-size: 100%;
}

.logo .logo-103dibujos.logo_md[class^="logo-"]::after,
.logo .logo-103dibujos.logo_md {
  width: 130px;
  height: 30px;
  background-size: 100%;
}


/*--logo: fin----------------------------------------------------------------------*/



/*extra Small devices (landscape phones, 576px and up)*/
@media (max-width: 575px) {
  /*
.btn-group.btn-group-lg .btn
{
  font-size: 0.9rem;
}
*/

  .btn-group.btn-group-lg .btn .ico103d_lg {

    width: 32px;
    height: 32px;
  }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

/* Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/







:root {

  --pink: #cc2929;
  --red: #d11e1e;
  --green: #ad0b0b;
  --yellow: #f471f4;
  --purple: #aa0c57;
  --blue: #ff0000;
  --orange: #f93258;
  --texto: rgba(38, 38, 38);
}

