﻿/*
 * Descripción: CUSTOM
 * Copyright (c) 2024
*/


/*===================================
			Google Fonts 
=====================================*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
/*
	font-family: "Oswald", sans-serif;
*/

/*===================================
       Colores light / dark
=====================================*/


:root {
  --body-font-size: 1em;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --fuente-principal:'Open Sans', Arial, Helvetica, sans-serif;
  --fuente-secundaria:'Oswald', sans-serif;

  --colordest: #38b6ff;
  --colordest-hover: #38b6ff;
  --colordest-active: #38b6ff;
  --colordest-txt:#fff;
  --colordest-fill: #38b6ff;

  --filter-colordest: brightness(0) saturate(100%) invert(64%) sepia(68%) saturate(2513%) hue-rotate(175deg) brightness(100%) contrast(103%);
  --filter-verde: brightness(0) saturate(100%) invert(46%) sepia(66%) saturate(568%) hue-rotate(71deg) brightness(98%) contrast(90%);
  --filter-blanco: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);
  --filter-rojo: brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(5878%) hue-rotate(9deg) brightness(88%) contrast(121%);
  --filter-azul-oscuro:brightness(0) saturate(100%) invert(10%) sepia(72%) saturate(2296%) hue-rotate(208deg) brightness(91%) contrast(108%);

  --color-principal:#000;
  --color-principal-hover:#000;
  --color-principal-focus:#000;
  
  --color-title:#00194c;
  --color-title-a:#00194c;
  --color-title-hover:#00194c;
  --color-title-focus:#00194c;

  --color-claro:#8a96a3;
  --color-clarito:#a5b0bc;

  --rojo:#dc2751;
  --magenta: #dd2350;
  --verde:#2ea330;
  --verde-claro:#57bf93;    
  --morado: #626ed4;
  --purpura:#663399;
  --granate:#c00b5d;
  --amarillo:#ffc200;
  --azul: #3b7ddd;
  --azul-oscuro:#00194c;
  --cian:#09c2de;
  --light:#8D8D8D;
  --dark:#3c3346;
  --blanco: #fff;
  --negro: #000;
  --rosa:#fdc8d6;
  --rosa-claro:#fcebee;
  --naranja:#F47B03;
  
  --gris:#A5A5A5;
  --gris-oscuro:#424343;
  --gris-claro:#c2c2c2;
  --gris-clarito:#dfe3e8;
  
  --color-dark:#24242a;
  --color-dark-75:#2c2c34;
  --color-dark-65:#3c3c46;
    
  --text-dark:#181c32;
  --text-dark-75:#3f4254;
  --text-dark-65:#5e6278;
  --text-dark-50:#7e8299;
  --text-dark-25:#d1d3e0;

  --fondoweb: #f0f2f4 url(../images/fondo-web.webp) no-repeat;
  --fondoazuloscuro:#00194c;
  --fondomodal:#fff;
  --fondoclaro:#f0f2f4;
  --fondomarquee:#eaeaea;
  --fondoblanco:#fff;

  --linea: rgba(0,0,0,0.15);
  --linea-footer: rgba(255,255,255,0.2);
 	
  --titaba:#fff;
  --titaba-a:#fff;
  --titaba-hover:#fff;
  --titaba-focus:#fff;
  
  --txtaba:rgba(255,255,255,0.16);
  --txtaba-a: var(--colordest);
  --txtaba-hover:var(--colordest);
  --txtaba-focus:var(--colordest);
  
  --borde-colder:#dbdfea;
  --borde-colizq:#dbdfea;
  --borde-colder-claro:rgba(255,255,255,0.16);
  --fondo-colder:#f4f4f8;
   
  --color-borde:#d9dde1;
  
  --form-txt:#8a96a3;
  --form-color: #8a96a3;
  --form-fondo:#fff;
  --form-borde: #d9dde1;
  --form-borde-hover:#d9dde1;
  --form-borde-active:#d9dde1;
  --form-txt-active:#d9dde1;
  --form-disabled:#c2c2c2;
}

.dark {
    
  --color-principal:#fff;
  --color-principal-hover:#fff;
  --color-principal-focus:#fff;
  --color-title:#fff;
  --color-title-a:#fff;
  --color-title-hover:#fff;
  --color-title-focus:#fff;
  
  --fondoazuloscuro:#00194c;
  --azul-oscuro: #4e8fab;
  --fondomodal:#2d3237;
  --fondoclaro:#282828;
  --fondoblanco:#000;
  --linea: #6c6c6c;
  
  --form-txt:#fff;
  --form-color: rgba(255,255,255,.7);
  --form-fondo:#2d3237;
  --form-borde: #d9dde1;
  --form-borde-hover:#d9dde1;
  --form-borde-active:#d9dde1;
  --form-txt-active:#fff;
  --form-disabled:#c2c2c2;
}


/*=========================
        Generales
=========================*/

/*scrollbar*/
::-webkit-scrollbar {width:6px; height:4px;}
::-webkit-scrollbar-track {background: transparent; border-radius:3px; margin-top:4px; margin-bottom:4px;}
::-webkit-scrollbar-thumb {background-color:rgba(47, 47, 47, 1); border-radius:3px;}
::-webkit-scrollbar-thumb:hover {background-color:rgba(47, 47, 47, 1);}
* {scrollbar-width: thin; scrollbar-color: rgba(47, 47, 47, 1) transparent;}

.mr-s-size{margin-right:.45rem !important}
.ml-s-size{margin-left:.45rem !important}
.mt-s-size{margin-top:.45rem !important}
.mb-s-size{margin-bottom:.45rem !important}
.mtb-s-size{margin:.45rem 0px !important}

a{color: var(--color-principal);}
a:hover {color: var(--color-principal-hover);}
a:focus {color: var(--color-principal-focus);}


blockquote {
	color: var(--color-principal);
    background-color: rgba(151,151,192,0.1);
    border-left: 3px solid var(--colordest);
    border-radius:inherit;
}


/*=========================
          CUSTOM
=========================*/

body {min-height: 100vh; display: flex; flex-direction: column;}
body {min-height: 100%; height: 100%;}

footer {margin-top: auto;}/*para que se posicione abajo*/
.txt-truncate, .elipsis{right:5px}

.linea {margin:60px 0;}

redondo.borde-xl-size{border-radius:12px !important; -moz-border-radius: 12px !important; -webkit-border-radius:12px !important;}
.header-modal img {max-width: 200px;}

/*zonas*/
.zona-contenidos-flex{display: flex; align-items: center; gap:8px}
.zona-contenidos-flex-between{display: flex; justify-content: space-between; align-items: center; gap:24px;}
.zona-contenidos-wrap{display: flex; gap: 4px; flex-wrap:wrap;}

/*filtros svg colores*/
.svg-colordest{filter:var(--filter-colordest);}
.svg-verde{filter:var(--filter-verde);}
.svg-blanco{filter:var(--filter-blanco);}
.svg-rojo {filter: var(--filter-rojo);}
.svg-azul-oscuro{filter: var(--azul-oscuro);}
.svg-sombra{filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}

/*body*/
body{background:var(--fondoweb);}

.scrolltop {
    color: var(--colordest-txt);
    background: var(--colordest);
    border-radius: 50%;
    padding: 10px 12px;
}

.zona-id{padding-top: 150px; background: transparent;}

/*header*/
header{padding:30px 0 0 0;}

header{
   width: 100%;
   z-index: 1000;
   top: 0px;
}

/*fondos*/
.fondo-cuadrados-right{
    background: url(../images/fondo-cuadrados-right.webp) no-repeat;
    background-position: center right;
}

.fondo-azul-oscuro{
    background: var(--fondoazuloscuro);
}
.fondo-azul-oscuro.con-imagen{
    background: var(--fondoazuloscuro) url(../images/shape01.webp) no-repeat;
    background-position: center top;
}

.fondo-blanco{
    background: var(--fondoblanco);
}

/*ONEPAGE*/
.logotipo{max-width: 260px}
.logotipo.s-size{max-width:200px}
@media (max-width: 480px) {
    .logotipo {
        max-width: 220px;
    }
}

.img-stats{
    border:1px solid var(--color-borde);
    border-radius: 12px;
    box-shadow: 6px 6px rgba(0,0,0,0.2);
}

.zona-requisitos{
    max-width: 400px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 15px;
    margin: 20px auto 0px auto; 
    background: var(--colordest);
    border-radius: 6px;
    color:white;
}
.icono-requisitos{
    padding:15px 20px 15px 0px;
    border-right: 1px solid var(--linea-footer);
    display: inline-block;
}
.icono-requisitos img{
     width: 60px;
}
.texto-requisitos{
    padding-left:20px;
}
@media (max-width: 991px) {
    .zona-requisitos{
        height: auto;
    }
}

/*testimonios*/
.zona-testimonio{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: white;
    position: relative;
    z-index: 1;
    border-radius:8px;
    padding:15px;
    color:#6e7b88;
    height: 100%;
    margin:0 auto;
}
.zona-testimonio img{
    width: auto !important;
}
.testimonio{
    font-style: italic;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.zona-influencer{
    display: flex;
    gap:8px;
    margin-top:20px;
}
.img-influencer{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.img-influencer.l-size{
    width: 80px;
    height: 80px;
    border-radius: 12px;
}
.info-influencer{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.nombre-influencer{
    font-size: 20px;
    font-weight: bold;
    color:var(--gris-oscuro)
}
.datos-influencer{
    font-size: 0.875em;
    color:var(--color-claro);
    display: flex;
    align-items: center;
    gap: 4px;
}
.datos-influencer img{height: 12px; margin-left:5px}

@media (max-width: 991px) {
    .testimonio{
       -webkit-line-clamp: inherit;
    }
}

/*ventajas*/
.zona-ventajas{
    max-width: 400px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 15px;
    margin: 20px auto 0px auto; 
    background: var(--colordest);
    border-radius: 6px;
    color:white;
    justify-content: start;
    flex-direction: column;
    font-size: 1.125em;
    text-align: center;
    transition: .5s
}



.zona-img-ventajas span {
    display: flex;
    height: 87px;
    width: 87px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background-color: white;
    color: var(--colordest);
    position: relative;
    margin: 15px auto;
    transition: .3s;
}

.zona-img-ventajas span::after {
    content: "";
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 50%;
    transition: .5s;
    transform: translate(-50%,-50%) scale(1.2);
    border: 1px dashed white;
    transition: .5s
}

.zona-ventajas:hover{
    background: var(--fondoazuloscuro);
}
.zona-ventajas:hover .zona-img-ventajas img{filter:var(--filter-azul-oscuro);}

/*contactar*/

.miami {position: absolute; left: 14.5%; top: 46%;}
.madrid {position: absolute; right: 36%; top: 32%;}
.canarias {position: absolute; right: 44%; top: 44%;}

.pointer-block .point {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #4e8fab /*var(--azul-oscuro)*/;
    transition: .5s
}

.pointer-block .point:after {
    position: absolute;
    content: "";
    left: 3px;
    top: 3px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    transition: .5s;
    background: var(--colordest);
}
.pointer-block .point:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--blanco);
    transition: .5s
}

.pointer-block:hover .point:after {
    transform: scale(.7);
}
.pointer-block:hover .point {
    border-color: #4e8fab /*var(--azul-oscuro)*/;
    transform: scale(1.5)
}


.pointer-block:hover .point:before {
    background-color: var(--blanco);
}

.pointer-block:first-child .point:before,.pointer-block:nth-child(3) .point:before {
    animation-delay: .7s
}

.content{
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 100px;
    padding: 5px 10px;
    bottom: -20px;
    left: -40px;
    transition: 1s;
    transform: translateY(-110%);
    background-color: #fff;
    color:#000;
    border-radius: 6px;
    font-size: 0.8125em;
    line-height: 1;
    text-align: center;
    cursor: default;
}
.relative:hover .content {
    opacity: 1;
}

@media (max-width: 400px) {
    .madrid {right: 37.5%!important; top: 30.5%!important}
    .canarias {right: 46%; top: 41%;}
}

@media (max-width: 510px) {
    .madrid {right: 36.5%; top: 31.5%; }
}

@media (max-width: 991px) {
    .content{
       display:none;
    }
}

/*listas*/
ul.lista-imagen {padding: 0; margin: 15px 0; list-style: none;}
ul.lista-imagen li {position: relative; margin:0px 20px 0px 0px; padding:4px 0px 4px 25px;} 
ul.lista-imagen li:before {position: absolute; height: 20px !important; width: 20px !important; top: 5px; left: 0px; content: url(../images/check.svg);}

ul.lista-numero {padding: 0; margin: 25px 0; list-style: none;}
ul.lista-numero li {position: relative; margin:0px 20px 0px 0px; padding:8px 0px 8px 35px;} 
ul.lista-numero li:before {position: absolute; height: 28px !important; width: 28px !important; top: 7px; left: 0px;}
ul.lista-numero li.n01:before {content: url(../images/01.webp);}
ul.lista-numero li.n02:before {content: url(../images/02.webp);}
ul.lista-numero li.n03:before {content: url(../images/03.webp);}
ul.lista-numero li.n04:before {content: url(../images/04.webp);}
ul.lista-numero li.n05:before {content: url(../images/05.webp);}
ul.lista-numero li.n06:before {content: url(../images/06.webp);}

@media (max-width: 512px) {
    ul.lista-imagen{
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 40px !important;
    }
}

/*FOOTER*/
footer{/*box-shadow: 0px 0px 12px #00000059;*/ padding: 60px 0 40px 0;}
.dark footer {box-shadow:none; border-top:1px solid #d1d1d1}

.zona-abajo {margin:0px 0;}
.zona-contenidos-footer {display: flex; justify-content: space-between; align-items: center; gap: 5px;}
.idioma-footer{position:relative; /*display:flex; gap:4px; justify-content: flex-end;*/ color:var(--gris-oscuro); cursor:pointer;}

.lnkaba li {display:block; font-size:1em; color:var(--color-clarito); font-weight:500; line-height: 1.6em; padding:1px 0 0 10px; position:relative; margin:5px 0}
.lnkaba li:before{content: "\203A"; color:var(--colordest);}
.lnkaba li a{color:var(--colordest); text-decoration:none;}
.lnkaba li a:hover, .lnkaba li a:focus {text-decoration:none; color:var(--colordest)}

ul.lnkaba.listaenlinea {margin: 0px; padding: 0px; }
ul.lnkaba.listaenlinea li {display: inline-block; width:30%}
ul.inlinelist li:last-child {margin-right: 0rem;}

.abajo{font-size: 0.875em; color: var(--color-clarito); text-decoration: none;}
.abajo a, .abajo a:focus{color: var(--color-clarito); text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: var(--color-clarito); text-decoration: none;}

/*share*/
.share{width:auto;}
.share a.circle {width: 40px; height: 40px; background-color: rgba(255,255,255,0.1); text-align: center; color: #ffffff; opacity: 1; line-height:10px; border-radius:50%}

@media (max-width: 991px) {
	.zona-abajo {margin:20px auto 0px auto;}
    .zona-abajo .d-flex{justify-content: center;}
	.abajo{text-align:center;}
	.zona-contenidos-footer {justify-content: center; flex-direction: column; gap:15px}
	.logotipo.footer{margin:0 auto 10px auto;}
	.idioma-footer{justify-content: center;}
	ul.lnkaba.listaenlinea li {display: block; width:100%}
    .lnkaba li{background:none; padding:5px 0px !important;}

    /*IMPORTANTE NO BORRAR ESTAS DOS CLASES*/
    /*.detalle-perfil footer{padding-bottom:80px;} poner esto en la versión en DEVELOP*/
     footer.detalle-perfil{padding-bottom:80px;}/*poner esto en la versión en MAQUETACIÓN*/
}

/*footer fixed*/
.contenedor-fixed-bottom{padding: 5px 0px; display: flex; position: relative; width: 100%; margin-top: 40px;}
.footer-fixed {
    display: flex;
    justify-content: space-around;
    /*border-top: 1px solid var(--primavera);*/
    height: 60px;
    width: 100%;
    bottom: 0px;
    position: fixed;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(0,0,0,0.6);
    z-index: 200;
}

/*==============================
             Botones
==============================*/

.boton.l-size{
    padding: 14px 20px;
}

.boton.marquee{width: 250px; padding:20px;}
.boton.marquee.auto{width: auto; line-height: 1.3}

@media (max-width: 640px){
    .boton.marquee{font-size: 0.875em}
}

.boton.azul-oscuro {font-weight: 600;background-color: var(--azul-oscuro); color: var(--blanco);}
.boton.azul-oscuro:hover{background-color:var(--azul-oscuro); color: var(--blanco);}
.boton.azul-oscuro.active, .boton.azul-oscuro:focus{background-color:var(--azul-oscuro); color: var(--blanco);}
.boton.azul-oscuro.bordered, .boton.azul-oscuro.bordered:hover, .boton.azul-oscuro.bordered.active {border:1px solid var(--azul-oscuro); color: var(--azul-oscuro); background:transparent}

.boton.verde {font-weight: 600;background-color: var(--verde); color: var(--blanco);}
.boton.verde:hover{background-color:var(--verde); color: var(--blanco);}
.boton.verde.active, .boton.verde:focus{background-color:var(--verde); color: var(--blanco);}
.boton.verde.bordered, .boton.verde.bordered:hover, .boton.verde.bordered.active {border:1px solid var(--verde); color: var(--verde); background:transparent}

.boton.rojo {font-weight: 600;background-color: var(--rojo); color: var(--blanco);}
.boton.rojo:hover{background-color:var(--rojo); color: var(--blanco);}
.boton.rojo.active, .boton.rojo:focus{background-color:var(--rojo); color: var(--blanco);}
.boton.rojo.bordered, .boton.rojo.bordered:hover, .boton.rojo.bordered.active {border:1px solid var(--rojo); color: var(--rojo); background:transparent}

/*=============================
       Objetos y animaciones
===============================*/

.shape01{
    position: absolute;
    z-index: -1;
    left:-5%;
    bottom:15%;
}

.shape02{
    position: absolute;
    z-index: -1;
    right: 15%;
    top: 4%;
}

.alltuchtopdown {
    -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation-duration: 3s;
}
@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
.rightToLeft {
    -webkit-animation-name: rightToLeft;
    animation-name: rightToLeft;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes rightToLeft {
    0% {
        transform: translateX(-30px);
    }
    50% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(-30px);
    }
}
.rotate360 {
    -webkit-animation-name: Rotate;
    animation-name: Rotate;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes Rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25%,
    75% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}



/*==============================
			Textos
==============================*/

.txt-border-bottom {
    border-bottom: 1px solid var(--colordest);
}

.title{font-family:var(--fuente-secundaria);font-size:5em; margin-bottom:30px; color:var(--color-title); line-height: 1em; position: relative;}
.title.lineatop:after{position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px; height: 3px; width: 70px; background-color: var(--colordest); content: ""; margin-bottom:25px}

.title .txtbordered{
    display: contents;
    -webkit-text-stroke: 1.149px var(--color-title);
    color: var(--blanco);
    -webkit-font-smoothing: antialiased;
    padding: 0 10%;
}

.title .txtbordered b{
    position: relative;
    display: inline-block;
}
.title .txtbordered b:before {
    content: '';
    position: absolute;
    bottom: -12px;
    height: 9px;
    width: 94px;
    background-image: url('../images/underline.svg');
    left: 50%;
    transform: translateX(-50%);
}


.title.s-size{font-size: 4.25em}

.subtitle{
    color:var(--color-title);
    font-size:1.375em;
    line-height: 1;
    margin-bottom: 15px;
}


@media (max-width: 991px) {
    .subtitle{font-size: 1.325em;}
    .title{font-size: 3em}
    .title.s-size{font-size: 2.75em}
}

@media (max-width: 480px) {
    .title.s-size-movil{font-size: 1em; margin-bottom:0px}
    .title.principal {font-size: 2.5625em;}
}

.txtmin.l-size{font-size: 0.875em;}
.txtmin{font-size: 0.8125em; text-decoration: none;line-height:1.231em;}
.txtmin.tarifa{font-size: 1.125em; color:var(--primavera)}
.txtmin span.tarifa-antes{color:var(--dorado);text-decoration: line-through; font-size: 0.875em; font-weight: normal; margin-left:2px; opacity: .8}
.txtmin.xs-size{font-size:0.6875em;}
.txtmin.active{color:var(--colordest);}

.colordest {color:var(--colordest)!important;}
.color-claro {color:var(--color-claro)!important;}
.azul-oscuro{color:var(--azul-oscuro);!important;}
.rojo {color:var(--rojo)!important;}
.clarito{color:var(--color-clarito)!important}
.magenta{color:var(--magenta);}
.morado{color:var(--morado);}
.purpura{color:var(--purpura);}
.azul{color:var(--azul);}
.cian{color:var(--cian);}
.light{color:var(--light);}
.negro{color:var(--negro);}
.blanco{color:var(--blanco);}
.verde {color:var(--verde)!important;}
.verde-oscuro {color:var(--verde-oscuro);}
.verde-claro {color:var(--verde-claro);}

.rosa {color:var(--rosa);}
.rosa-claro {color:var(--rosa-claro);}

.gris {color:var(--gris);}
.gris-oscuro {color:var(--gris-oscuro);}
.gris-claro {color:var(--gris-claro);}
.gris-clarito {color:var(--gris-clarito);}

.text-dark{color:var(--text-dark);}
.text-dark-75{color:var(--text-dark-75);}
.text-dark-65{color:var(--text-dark-65);}
.text-dark-50{color:var(--text-dark-50);}
.text-dark-25{color:var(--text-dark-25);}

/*==============================
			Msg-form
==============================*/

.msg-form {padding-left: 1rem;border-width: 1px 1px 1px 5px;color: var(--light); background-color: var(--fondolight); border-color: var(--color-borde);}
.msg-form a{box-shadow: 0 1px 0 currentColor;}
.msg-form .close {top: -12px; right: -5px;}
.msg-form.borde{border-color: #526484;}
.dark .msg-form.borde {background: transparent !important; box-shadow: 0 4px 15px 0 rgba(255, 255, 255, 0.1);}
.msg-form.con-fondo{background: rgba(0,0,0,0.03)}
.dark .msg-form.con-fondo{background: rgba(255,255,255,0.04)}

.msg-form.colordest {color: var(--colordest)!important; background-color: transparent; border-color: var(--colordest);}
.msg-form.colordest a {color: var(--colordest)!important;}
.msg-form.borde.colordest{border-color: var(--colordest); color:var(--colordest) !important;}
.msg-form.borde.colordest a{color: var(--colordest)!important;}
.msg-form.con-fondo.colordest {color: var(--colordest-txt)!important; background-color: var(--colordest)}
.msg-form.con-fondo.colordest a{color: var(--colordest-txt)!important;}

.msg-form.verde {color: #19bc90!important; background-color: #e4fbf5; border-color: #aef4e1;}
.msg-form.verde a {color: #19bc90;}
.msg-form.con-fondo.verde {color: #fff!important; background: #19be92;}
.msg-form.con-fondo.verde a{color: #fff!important;}
.msg-form.borde.verde {border-color: #19be92;}

.msg-form.amarillo {color: #cd9f0c!important; background-color: #fef7e2; border-color: #fbe7a8;}
.msg-form.amarillo a {color:#9d7a09;}
.msg-form.con-fondo.amarillo {color: #fff!important; background: #ffae11;}
.msg-form.con-fondo.amarillo a{color: #fff!important;}
.msg-form.borde.amarillo {border-color: #ffae11;}

.msg-form.rojo {color: #c3463c!important; background-color: #fceae9; border-color: #f7c1bd;}
.msg-form.rojo a {color: #9c3830;}
.msg-form.con-fondo.rojo {color: #fff!important; background: #e85347;}
.msg-form.con-fondo.rojo a{color: #fff!important;}
.msg-form.borde.rojo {border-color: #e85347;}

.msg-form.gris {color: #6c7a8c !important; background-color: #f0f2f4; border-color: #d1d7df;}
.msg-form.gris a {color: #56616f;}
.msg-form.con-fondo.gris {color: #fff!important; background: #8091a7;}
.msg-form.con-fondo.gris a{color: #fff!important;}
.msg-form.borde.gris {border-color: #8091a7;}

.dark .msg-form.verde {background:transparent; border-color:#19bc90;}
.dark .msg-form.con-fondo.verde {background: #19bc90; color: #ffffff !important;}

.dark .msg-form.amarillo {background:transparent; border-color:#ffae11; color:#ffae11!important}
.dark .msg-form.con-fondo.amarillo {background:#ffae11!important;color: #ffffff !important;}
.dark .msg-form.amarillo a {color: #ffae11;}

.dark .msg-form.rojo {background:transparent; border-color:#e5352f; color:#e5352f!important}
.dark .msg-form.con-fondo.rojo {background:#e5352f!important;color: #ffffff !important;}
.dark .msg-form.rojo a {color: #e5352f;}

.dark .msg-form.gris {background:transparent; border-color: #6b7275; color:#6b7275!important}
.dark .msg-form.con-fondo.gris {background:#6b7275!important;color: #ffffff !important;}
.dark .msg-form.gris a {color: #6b7275;}