/* NUNITO SANS FONT */
/* nunito-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: url("/fonts/nunito-sans-v15-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/nunito-sans-v15-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/nunito-sans-v15-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/nunito-sans-v15-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/nunito-sans-v15-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/nunito-sans-v15-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/nunito-sans-v15-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/nunito-sans-v15-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* NUNITO FONT */

/* nunito-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/nunito-v31-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/nunito-v31-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-v31-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/nunito-v31-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-v31-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-v31-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/nunito-v31-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/nunito-v31-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --main-bg-height: 100%;
}

html{
  scroll-behavior:smooth;
}

body {
  overflow-x: clip;
  transition: font-size 0.5s ease;
  touch-action: pan-y;
}

body,
header {
  position: relative;
  left: 0;
}

button,
a,
input,
select,
textarea {
    touch-action: manipulation;
}

div.headermenumobile {
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body,
p {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #000;
  margin: 0px;
}

p {
  color: #4f4f4f;
}

.withline::after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  background-color: #cbd538;
  border-radius: 8px;
}
.withline.color-lh::after{
  background-color: #2477BD;
}

h1 b {
  font-weight: 700;
}

h2 {
  font-size: 62px;
  line-height: 70px;
  margin-bottom: 0px;
  white-space: normal;
}

h2 > b {
  font-weight: 700;
}

h3 {
  margin: 0px;
}

h4 {
  margin: 0px;
}

div.landing ul {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
}

div.landing ul li:last-child {
  border-bottom: 0;
}

div.landing ul li i {
  width: 34px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  margin-left: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

/* Estilos de color de fuentes */
.font-white{  color:#fff; }
.font-semiwhite{ color:#F7F7F7; }
.font-grey{ color:#4f4f4f; }
.font-black{ color:#101011; }
.font-lh{ color: #134167; !important }
.font-lh-claro{ color:#2477BD; }
.font-error{ color:#FF1F1F; }
/* Fin Estilos de color de fuentes */

/* Estilos de tamaño de fuentes */
.display-1{font-size: 64px; line-height:110%}
.display-2{font-size: 56px; line-height:110%}

.text-bold-lh {font-weight: 700;}

.heading-1{ font-size: 52px; line-height: 110%;}
.heading-2{ font-size: 48px; line-height: 110%;}
.heading-3{ font-size: 42px; line-height: 110%;}
.heading-4{ font-size: 36px; line-height: 110%;}
.heading-5{ font-size: 28px; line-height: 110%;}
.heading-6{ font-size: 24px; line-height: 110%;}

.text-xl{font-size: 24px; line-height: 134%;}
.text-lg{font-size: 22px; line-height: 134%;}
.text-md{font-size: 18px; line-height: 150%;}
.text-sm{font-size: 16px; line-height: 150%;}
.text-xm{font-size: 14px; line-height: 150%;}
.text-xs{font-size: 12px; line-height: 150%;}
/* Fin Estilos de tamaño de fuentes */

/* Estilos para componentes */
.c-icon{
  border-radius:8px;
  background-color:#EBF5FF;
}
.c-marcador{
  border: 1px solid #f6f6f6;
  border-radius: 12px;
  background-color: #fff;
}

.c-marcador-v2{
  border-radius: 12px;
  background-color: #f6f6f6;
}

.c-slider{
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
}

.c-slider-v2{
  border-radius: 16px;
  background-color: #fff;
}

.c-tarjeta{
  border-radius: 24px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
}

.c-tarjeta-v2{
  border-radius: 24px;
  background-color: #fff;
  border: 2px solid #e7e7e7;
  border-radius: 16px;
}
/* Fin estilos para componentes */

/*Estilos para los background color*/
div.help-no-bg{ backgground: transparent; }
div.help-violeta-blanco { background: linear-gradient(to bottom, #f5f2ff 50%, #fff 50%); }
div.help-blanco-violeta { background: linear-gradient(to bottom, #fff 50%, #f5f2ff 50%); }
div.help-blanco-amarillo { background: linear-gradient(to bottom, #fff 50%, #feffeb 50%); }
div.help-amarillo-blanco { background: linear-gradient(to bottom, #feffeb 50%, #fff 50%); }
div.help-amarillo-violeta { background: linear-gradient(to bottom, #feffeb 50%, #f5f2ff 50%); }
div.help-amarillo-claro-blanco { background: linear-gradient(to bottom, #FFFCEA 50%, #fff 50%); }
div.help-blanco-verde{ background: linear-gradient(to bottom, #fff 50%,#EEFFEE 50%); }
div.help-azul-blanco { background: linear-gradient(to bottom, #EBF5FF 50%, #fff 50%); }
div.help-blanco-azul { background: linear-gradient(to bottom, #fff 50%, #EBF5FF 50%); }
div.help-azul-amarillo { background: linear-gradient(to bottom, #EBF5FF 50%, #feffeb 50%); }

.bg-default-lh{ background-color:#134167; }
.bg-transparent { background-color:transparent; }
.bg-azul{ background-color:#EBF5FF; }
.bg-grey{ background-color:#F6F6F6;  }
.bg-lh-claro{background-color:#2A5E89; }
.bg-azul-ex{background-color:#CCE8FF; }
.bg-amarillo{ background-color:#feffeb; }
.bg-amarillo-ex{ background-color:#FCFFD6; }
.bg-amarillo-verde{ background-color:#FFF5C5; }
.bg-verde{ background-color: #EEFFEE; }
.bg-verde-ex{ background-color: #D7FFD8; }
.bg-verde-lh{ background-color: #CBD538; }
.bg-violeta{ background-color: #f5f2ff; }
.bg-violeta-ex{ background-color: #EDE7FF; }
.bg-rojo-ex{ background-color: #FFDCDC; }
.bg-blanco{ background-color: #fff; }
.bg-grey{ background-color: #F7F7F7;}
/*Fin Estilos para los background color*/

/* Estilos para paddings/margenes estandar */
.container-fluid{
  max-width: 1740px;
  padding-inline: 150px;
}

.l-block-sm-space{
  padding-top: 64px;
  padding-bottom:64px;
}

.l-block-space{
  padding-top: 104px;
  padding-bottom:104px;
}
.l-block-lg-space{
  padding-top: 134px;
  padding-bottom:134px;
}
.l-blockheader-space{
  padding-top: 134px;
  padding-bottom: 0px;
}

.p-8{ padding:8px; }
.p-12{ padding:12px; }
.p-16{ padding:16px; }
.p-24{ padding:24px; }
.p-32{ padding:32px; }
.p-40{ padding:40px; }
.p-80{ padding:80px; }

.pt-28{ padding-top: 28px; }
.pb-28{ padding-bottom: 28px; }
.pt-64{ padding-top: 64px; }
.pb-64{ padding-bottom: 64px; }
.pt-80{ padding-top: 80px; }
.pb-80{ padding-bottom: 80px; }
.pt-104{ padding-top: 104px; }
.pb-104{ padding-bottom: 104px; }
.pt-134{ padding-top: 134px; }
.pb-134{ padding-bottom: 134px; }

.fit-content{
  width: fit-content;
}
.fit-content-height{
  height:fit-content;
}
/* Fin Estilos para paddings ,margenes, gaps estandar */

/* Estilos para max-widht */
.max-width-xxl{
  max-width: 1020px;
}
.max-width-xl{
  max-width: 863px;
}
.max-width-lg{
  max-width: 840px;
}
.max-width-l{
 max-width: 775px; 
}
.max-width-ml{
  max-width:675px;
}
.max-width-md{
 max-width: 600px; 
}
.max-width-m{
  max-width: 525px; 
}
.max-width-xm{
  max-width:385px;
}
.max-width-xs{
  max-width:300px;
}
/* Fin Estilos para max-widht */

/* Estilos para gaps */
.row-gap-4 { row-gap:4px;}
.row-gap-6 { row-gap:6px;}
.row-gap-8 { row-gap:8px;}
.row-gap-12 { row-gap:12px; }
.row-gap-16 { row-gap:16px; }
.row-gap-24 { row-gap:24px; }
.row-gap-32 { row-gap:32px; }
.row-gap-40 { row-gap:40px; }
.row-gap-64 { row-gap: 64px; }
.row-gap-80 { row-gap: 80px; }

.column-gap-6{ column-gap: 6px; }
.column-gap-8 { column-gap: 8px;}
.column-gap-12 { column-gap: 12px; }
.column-gap-16 { column-gap: 16px; }
.column-gap-24 { column-gap: 24px; }
.column-gap-32 { column-gap: 32px; }
.column-gap-40 {column-gap: 40px; }
.column-gap-64 { column-gap: 64px; }
.column-gap-72 { column-gap: 72px;}
.column-gap-80 { column-gap: 80px; }
.column-gap-110 { column-gap: 110px; }
/* Fin Estilos para gaps */

/* Estilos para sombras */
.sombra-normal{ box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.05), 0px 16px 32px -4px rgba(12, 12, 13, 0.1); }
.sombra-normal-v2{ box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -4px rgba(0, 0, 0, 0.03); }
.sombra-fina{ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1); }
/* Fin Estilos para sombras */

/* Estilos botones */
.btn-lh{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  height: 45px;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border:2px solid;
  padding:12px 24px;
}

.btn-default-lh,
.btn-default-lh:visited,
.btn-default-lh:focus,
.btn-default-lh:active{
  background-color: #cbd538;
  border: 2px solid #cbd538;
  color:#000;
}
.btn-default-lh:hover{
  background-color: #fff;
  border-color: #cbd538;
}

.bg-lh-claro .btn-hosting-lh{
  color:#fff;
}

.btn-hosting-lh,
.btn-hosting-lh:visited,
.btn-hosting-lh:focus,
.btn-hosting-lh:active{
  background-color: transparent;
  border: none;
}
.btn-hosting-lh:hover,
.btn-hosting-lh.selected{
  background-color: #FFF;
  color: #134167;
}

.btn-order-lh,
.btn-order-lh:visited,
.btn-order-lh:focus,
.btn-order-lh:active{
  border: 2px solid #134167;
  background-color: #134167;
  color: #fff;
}
.btn-order-lh:hover{
  background-color: #fff;
  color: #134167;
}


.btn-trial-lh,
.btn-trial-lh:visited,
.btn-trial-lh:focus,
.btn-trial-lh:active{
  background-color: #fff;
  border-color: #134167;
  color: #134167;
}
.btn-trial-lh:hover{
  background-color: #134167 !important;
  color: #fff;
}

.btn-lh.hosting-gratis-button{
  box-shadow: 0px 8px 32px -4px rgba(240, 250, 92, 0.4);
}
/* Fin Estilos botones */

.feature-slider-caracteristica{
  flex: 0 0 20%;
}
/* Fin Estilos botones */

div.blockheader .blockheader-icon{
  width: 80px;
}

div.landing ul li i.landing-rocket {
  background-image: url(/img/landing/rocket.svg);
}

div.landing ul li i.landing-money {
  background-image: url(/img/landing/money.svg);
}

div.landing ul li i.landing-support {
  background-image: url(/img/landing/support.svg);
}

div.landing ul li i.landing-migration {
  background-image: url(/img/landing/migration.svg);
}

div.landing ul li {
  padding: 12px 0;
  font-size: 16px;
  border-bottom: 1px solid #f0f3f5;
  line-height: 28px;
}

div.landing ul li p {
  margin: 0;
}

div.landing ul li p.tittle {
  font-size: 18px;
  margin-bottom: 8px;
}

div.home.main{
  background-color: #ebf5ff;
  z-index: 10;
}
.bg-high-performance,
div.main-background,
div.home.main {
  position: relative;
  z-index: 1;
}
div.bg-aniversario::before,
div.bg-404::before,
div.bg-herramientas::before,
div.bg-cualesmiip::before,
div.bg-dns::before,
div.bg-punycode::before,
div.bg-aviso-legal::before,
div.bg-empresa::before,
div.bg-migraciones::before,
div.bg-datacenter::before,
div.bg-dominios::before,
div.home.main::before,
div.bg-contacto::before,
div.bg-contacto-eventos::before,
div.main-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--main-bg-height);
  z-index: -1;
  background-size: 70%;
  background-repeat: no-repeat;
}

div.bloque-backup{
  max-width: 775px;
}

div.blockheader-image {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  aspect-ratio: 5/4;
  max-width: 551px;
  max-height: 440px;
}
div.bg-afiliados,
div.bg-opiniones {
  position: relative;
}

div.bg-ayudas::before,
div.bg-afiliados::before,
div.bg-opiniones::before {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.bg-herramientas::before,
div.bg-ayudas::before,
div.bg-cualesmiip::before,
div.bg-dns::before,
div.bg-punycode::before,
div.bg-aviso-legal::before,
div.bg-afiliados::before,
div.bg-empresa::before,
div.bg-opiniones::before,
div.bg-migraciones::before,
div.home.main::before,
div.bg-dominios::before,
div.bg-contacto::before,
div.bg-contacto-eventos::before,
.bg-aniversario::before {
  background: #18507f;
  background-image: url("/img/bg-patrones/bg-patron-circulo-default.svg");
  background-size: 70%;
  background-repeat: no-repeat;
}

.bg-404::before{ background-image: url("/img/404.svg"); background-position:top center; margin-top:100px}

.bg-patron-no-patron::before{ background-image:none; }
/* Circulos */
.bg-patron-circulo-blackfriday::before { background-image: url("/img/bg-patrones/bg-patron-circulo-blackfriday.svg"); }
.bg-patron-circulo-amarillo-claro::before { background-image: url("/img/bg-patrones/bg-patron-circulo-amarillo-claro.svg"); }
.bg-patron-circulo-amarillo::before { background-image: url("/img/bg-patrones/bg-patron-circulo-amarillo.svg"); }
.bg-patron-circulo-azul::before { background-image: url("/img/bg-patrones/bg-patron-circulo-azul.svg"); }
.bg-patron-circulo-azul-claro::before { background-image: url("/img/bg-patrones/bg-patron-circulo-azul-claro.svg"); }
.bg-patron-circulo-azul-oscuro::before { background-image: url("/img/bg-patrones/bg-patron-circulo-azul-oscuro.svg"); }
.bg-patron-circulo-claro::before { background-image: url("/img/bg-patrones/bg-patron-circulo-claro.svg"); }
.bg-patron-circulo-default::before { background-image: url("/img/bg-patrones/bg-patron-circulo-default.svg"); }
.bg-patron-circulo-verde-claro::before { background-image: url("/img/bg-patrones/bg-patron-circulo-verde-claro.svg"); }
.bg-patron-circulo-verde::before { background-image: url("/img/bg-patrones/bg-patron-circulo-verde.svg"); }
.bg-patron-circulo-violeta::before { background-image: url("/img/bg-patrones/bg-patron-circulo-violeta.svg"); }
.bg-patron-circulo-violeta-claro::before { background-image: url("/img/bg-patrones/bg-patron-circulo-violeta-claro.svg"); }
/* Cuadrados */
.bg-patron-cuadrado-amarillo::before { background-image: url("/img/bg-patrones/bg-patron-cuadrado-amarillo.svg"); }
.bg-patron-cuadrado-azul::before { background-image: url("/img/bg-patrones/bg-patron-cuadrado-azul.svg"); }
.bg-patron-cuadrado-claro::before { background-image: url("/img/bg-patrones/bg-patron-cuadrado-claro.svg"); }
.bg-patron-cuadrado-default::before { background-image: url("/img/bg-patrones/bg-patron-cuadrado-default.svg"); }
.bg-patron-cuadrado-verde::before { background-image: url("/img/bg-patrones/bg-patron-cuadrado-verde.svg"); }
.bg-patron-cuadrado-violeta::before { background-image: url("/img/bg-patrones/bg-patron-cuadrado-violeta.svg"); }
/* Hexagonos */
.bg-patron-hexagono-amarillo-claro::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-amarillo-claro.svg"); }
.bg-patron-hexagono-amarillo::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-amarillo.svg"); }
.bg-patron-hexagono-azul::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-azul.svg"); }
.bg-patron-hexagono-azul-claro::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-azul-claro.svg"); }
.bg-patron-hexagono-claro::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-claro.svg"); }
.bg-patron-hexagono-default::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-default.svg"); }
.bg-patron-hexagono-verde::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-verde.svg"); }
.bg-patron-hexagono-verde-claro::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-verde-claro.svg"); }
.bg-patron-hexagono-violeta::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-violeta.svg"); }
.bg-patron-hexagono-violeta-claro::before { background-image: url("/img/bg-patrones/bg-patron-hexagono-violeta-claro.svg"); }
/* Pentagonos */
.bg-patron-pentagono-amarillo::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-amarillo.svg"); }
.bg-patron-pentagono-amarillo-claro::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-amarillo-claro.svg"); }
.bg-patron-pentagono-azul-claro::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-azul-claro.svg"); }
.bg-patron-pentagono-azul::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-azul.svg"); }
.bg-patron-pentagono-claro::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-claro.svg"); }
.bg-patron-pentagono-default::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-default.svg"); }
.bg-patron-pentagono-verde::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-verde.svg"); }
.bg-patron-pentagono-verde-claro::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-verde-claro.svg"); }
.bg-patron-pentagono-violeta::before { background-image: url("/img/bg-patrones/bg-patron-pentagono-violeta.svg"); }
/* Triangulos */
.bg-patron-triangulo-amarillo::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-amarillo.svg"); }
.bg-patron-triangulo-amarillo-claro::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-amarillo-claro.svg"); }
.bg-patron-triangulo-azul::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-azul.svg"); }
.bg-patron-triangulo-azul-claro::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-azul-claro.svg"); }
.bg-patron-triangulo-claro::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-claro.svg"); }
.bg-patron-triangulo-default::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-default.svg"); }
.bg-patron-triangulo-verde::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-verde.svg"); }
.bg-patron-triangulo-verde-claro::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-verde-claro.svg"); }
.bg-patron-triangulo-violeta::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-violeta.svg"); }
.bg-patron-triangulo-violeta-claro::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-violeta-claro.svg"); }
.bg-patron-triangulo-rojo-claro::before { background-image: url("/img/bg-patrones/bg-patron-triangulo-rojo-claro.svg"); }

/* Colores de fondo y fuente para los patrones */
.bg-color-negro::before { background-color: #101011; }
.bg-color-amarillo::before { background-color: #fff5c5; }
.bg-color-amarillo-claro::before { background-color: #FFFCEA; }
.bg-color-azul::before { background-color: #cce8ff; }
.bg-color-azul-claro::before { background-color: #EBF5FF; }
.bg-color-azul-oscuro::before { background-color: #134167; }
.bg-color-claro::before { background-color: #fff; }
.bg-color-default::before { background-color: #18507f; }
.bg-color-verde::before { background-color: #d7ffd8; }
.bg-color-verde-claro::before { background-color: #EEFFEE; }
.bg-color-violeta::before { background-color: #4f11a1; }
.bg-color-violeta-claro::before { background-color: #F5F2FF; }
.bg-color-rojo-claro::before{ background-color:#FFEFEF; }
.bg-block-backup::before,
.bg-carousel-adminlucus::before,
.bg-high-performance::before,
.bg-productperk::before{
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

.bg-patron-invertido::before{
  transform: scaleX(-1);
}

 /* ESTILOS CAROUSEL */
.carousel-inner {
  position: relative;
  transition: transform 0.3s ease;
  /* ORIGINALMENTE height: 317px; */
   height: 380px;
}

.carousel-card {
  position: absolute; /* para superponer las cards */
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.3s ease;
  box-shadow: none;
  z-index: 1;
}

/* Indicadores */
.indicator {
  display: inline-block;
  width: 80px;
  height: 6px;
  background: #f6f6f6;
  margin: 0 13px;
  border-radius: 2px;
  transition: background 0.3s;
}
.indicator-dark{
  background: #134167;
}
.indicator.active {
  background: #CBD538;
}

/* Activa */
.carousel-card.center {
  width: 831px;
  height: 317px;
  opacity: 1;
  transform: scale(1);
  z-index: 3;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  left: 50%;
  transform: translateX(-50%) scale(1);
  transition: all 0.3s ease;
}

.carousel-card.left,
.carousel-card.right{
  width: 697px;
  height: 265px;
  opacity: 0.9;
  transform: translateX(-50%) scale(0.9);
  z-index: 2;
}

/* Lateral izquierda */
.carousel-card.left {
  left: calc(35% - 400px); /* distancia a la izquierda de la central */
}

/* Lateral derecha */
.carousel-card.right {
  left: calc(65% + 400px); /* distancia a la derecha de la central */
}

.carousel-card.center h3{
  font-size: 36px;
  line-height: 110%;
}
.carousel-card.center p{
  font-size: 18px;
  line-height: 150%;
}
.carousel-card.left h3,
.carousel-card.right h3{
  font-size: 28px;
  line-height: 110%;
}
.carousel-card.left p,
.carousel-card.right p{
  font-size: 16px;
  line-height: 150%;
}
.carousel-card.center img{
  max-width: 347px;
  height: 268px;
}
.carousel-card.center img.carousel-adminlucus-avatar{
  width: 100px;
  height:100px;
}
.carousel-card.left img.carousel-adminlucus-avatar,
.carousel-card.right img.carousel-adminlucus-avatar{
  width: 75px;
  height:75px;
}
.carousel-card.left img,
.carousel-card.right img{
  max-width: 213px;
  height: 180px;
}

/* Flechas */
.carousel-prev, .carousel-next {
  transform: translateY(-50%);
  cursor: pointer;
}

.carousel-prev { left: -20px; }
.carousel-next { right: -20px; }
  /* FIN ESTILOS CAROUSEL */


.carousel-tags-wrapper{
  /* overflow: hidden; */
  width: 100%;
}

.carousel-tags-track{
  display: flex;
  width: max-content;
  animation: scrollTags 140s linear infinite;
}

.slider-tag{
  flex-shrink: 0;
  background-color: #134167;
  border-color: #2477BD;
}



@keyframes scrollTags{
  from{
      transform: translateX(0);
  }
  to{
      transform: translateX(-50%);
  }
}

div.carousel-tags-track div.slider-tag img{
  width: 24px;
  height: 24px;
}

.period-monthly{
  display: none;
}

div.datacenter-brands-bg {
  background-color: #feffeb;
}

div.main-background .blockheader-certificados-ssl {
  background-image: url(/img/products/ssl.svg);
}

div.main-background .blockheader-hosting-wordpress {
  background-image: url(/img/products/hosting-wordpress.svg);
}

div.main-background .blockheader-hosting-wordpress.txtsvgnegro {
  background-image: url(/img/products/hosting-wordpress-texto-negro.svg);
}

div.main-background .blockheader-hosting-elastico {
  background-image: url(/img/products/hosting-elastico.svg);
}

div.main-background .blockheader-hosting-elastico.txtsvgnegro {
  background-image: url(/img/products/hosting-elastico-texto-negro.svg);
}

div.main-background .blockheader-hosting-prestashop {
  background-image: url(/img/products/hosting-prestashop.svg);
}

div.main-background .blockheader-hosting-prestashop.txtsvgnegro {
  background-image: url(/img/products/hosting-prestashop-texto-negro.svg);
}

div.main-background .blockheader-hosting-nodejs {
  background-image: url(/img/products/hosting-nodejs.svg);
}

div.main-background .blockheader-hosting-nodejs.txtsvgnegro {
  background-image: url(/img/products/hosting-nodejs-texto-negro.svg);
}

div.main-background .blockheader-hosting-moodle {
  background-image: url(/img/products/hosting-moodle.svg);
}

div.main-background .blockheader-hosting-moodle.txtsvgnegro {
  background-image: url(/img/products/hosting-moodle-texto-negro.svg);
}

div.main-background .blockheader-hosting-drupal {
  background-image: url(/img/products/hosting-drupal.svg);
}

div.main-background .blockheader-hosting-drupal.txtsvgnegro {
  background-image: url(/img/products/hosting-drupal-texto-negro.svg);
}

div.main-background .blockheader-hosting-ssd {
  background-image: url(/img/products/hosting-ssd.svg);
}

div.main-background .blockheader-hosting-ssd.txtsvgnegro {
  background-image: url(/img/products/hosting-ssd-texto-negro.svg);
}

div.main-background .blockheader-hosting-woocommerce {
  background-image: url(/img/products/hosting-woocommerce.svg);
}

div.main-background .blockheader-hosting-woocommerce.txtsvgnegro {
  background-image: url(/img/products/hosting-woocommerce-texto-negro.svg);
}

div.main-background .blockheader-servidores-vps {
  background-image: url(/img/products/servidores-vps.svg);
}

div.main-background .blockheader-servidores-vps.txtsvgnegro {
  background-image: url(/img/products/servidores-vps-texto-negro.svg);
}

div.main-background .blockheader-hosting-reseller {
  background-image: url(/img/products/hosting-reseller.svg);
}

div.main-background .blockheader-hosting-reseller.txtsvgnegro {
  background-image: url(/img/products/hosting-reseller-texto-negro.svg);
}

div.main-background .blockheader-hosting-joomla {
  background-image: url(/img/products/hosting-joomla.svg);
}

div.main-background .blockheader-hosting-joomla.txtsvgnegro {
  background-image: url(/img/products/hosting-joomla-texto-negro.svg);
}

div.main-background .blockheader-hosting-correo {
  background-image: url(/img/products/hosting-correo.svg);
}

div.main-background .blockheader-hosting-correo.txtsvgnegro {
  background-image: url(/img/products/hosting-correo-texto-negro.svg);
}

div.main-background.bg-color-azul div.blockheader,
div.main-background.bg-color-verde div.blockheader,
div.main-background.bg-color-claro div.blockheader,
div.main-background.bg-color-amarillo div.blockheader {
  color: #000;
}

div.blockheader div.landing div.img.withline:after {
  display: block;
  position: relative;
  content: "";
  width: 75%;
  height: 6px;
  background-color: #87bb3b;
  clear: both;
  margin: 0 auto 10px;
}

h1 > span.withline:before {
  margin-bottom: 15px;
}

h1.text-center > span.withline:before {
  margin: 15px auto 15px;
}

h1 > span.withline {
  font-size: 30px;
}

h1.withline.text-center:after,
h2.withline.text-center:after {
  margin: 15px auto 0;
}

li {
  list-style: none;
  margin: 0;
  padding: 0;
}

input:active,
input:focus,
input:hover,
textarea:active,
textarea:focus,
textarea:hover {
  outline: 0;
  text-decoration: none;
}

a,
a:hover,
a:active,
a:focus,
a:visited {
  outline: 0 none;
  color:#101010;
  text-decoration: none;
  transition: color 0.5s ease;
}

.txthover,a.font-lh:hover,a.font-lh:visited,a.font-lh:active,a.font-lh:focus,a.font-lh {
  color: #134167;
}
a.font-lh-green:hover,a.font-lh-green:visited,a.font-lh-green:active,a.font-lh-green:focus,a.font-lh-green{
  color: #CBD538;
}

a.font-white:hover,a.white-lh:visited,a.font-white:active,a.font-white:focus,a.font-white {
  color: #fff;
}

body.modal-open header.menu.fixed {
  padding-right: 15px;
}

body.no-scroll {
  overflow: hidden;
}

div.menumobilecol {
  display: none;
}

div.mobilecol-open-close {
  width: 100%;
}

.mobilecol-boton {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #f6f6f6;
  padding: 8px;
  border-radius: 8px;
}

.mobilecol-boton input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -2px;
  left: -1px;
  opacity: 0;
  z-index: 2;
}

.mobilecol-boton span {
  display: block;
  width: 20px;
  height: 2px;
  margin-bottom: 3px;
  margin-left: 2px;
  background: #000;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.mobilecol-boton span:first-of-type {
  margin-top: 5px;
}

.mobilecol-boton span:first-child {
  transform-origin: 0% 0%;
}

.mobilecol-boton span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

.mobilecol-boton input:checked ~ span {
  transform: rotate(45deg) translate(-7px, -4px);
  background: #000;
  top: 2px;
  left: 5px;
  margin-top: 3px;
}

.mobilecol-boton input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

.mobilecol-boton input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(2px, -3px);
  top: 13px;
}

div.mobilemenu {
  display: none;
  border-top: 1px solid transparent;
  transition: border-color 0.5s ease;
}

div.mobilemenu > div {
  display: flex;
  flex-direction: column;
}

div.mobilemenu .btn.focus,.btn:focus {
  box-shadow: none;
}

div.mobilemenu div.contenedor-boton-entrar {
  margin-bottom: 150px;
}

div.mobilemenu.active {
  border-top: 1px solid #e7e7e7;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

header.menu {
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
  margin-bottom: -50px;
}

header div.container-fluid.menu {
  padding-top: 24px;
  padding-bottom: 24px
}

header.menu.fixed {
  position: sticky;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 0;
}

header.menu div.menu div.logo svg {
  width: 300px;
  height: 51px;
}

header.menu div.menu div.logo a {
  display: inline-block;
  background-image: url(/img/logo.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  width: 300px;
  height: 31px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header.menu.fixed div.menu div.logo a {
  width: 208px;
}

header.menu.fixed nav.util {
  display: none;
}

header.menu.fixed nav.main {
  float: left;
}

header.menu.fixed div.main {
  line-height: 10px;
  width: 100%;
}

/* Hacemos el area de su hover mas grande sin afectar al tamaño de los elementos */
header.menu.fixed nav.main ul > li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 60px;
}

header.menu.fixed nav.main ul > li.menu-arrow::after {
  content: "";
  position: absolute;
  top: 33px;
  left: 25px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 40px solid #fff;
  z-index: 50;
}

header.menu.fixed nav.main ul > li.menu-nav-link::before {
  content: none;
}

header.menu.fixed nav.main ul > li > img {
  width: 9px;
  margin-left: 3px;
}

header.menu.fixed nav.main ul > li .boton-entrar {
  border-radius: 20px;
  background-color: #cde8ff;
  padding: 9px 20px;
}

header.menu.fixed div.menumain.carry {
  display: flex;
}

header.menu.fixed div.menumain.carry .menu-cart {
  border-radius: 8px;
  padding: 8px;
  background-color: #f6f6f6;
  text-align: center;
  width: 45px;
  height: 45px;
  position: relative;
}
header.menu.fixed .menumobilecol div.menumain.carry .menu-cart {
  width: 40px;
  height: 40px;
}

header.menu.fixed div.menumain.carry .menu-cart::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -17.5px;
  border-right: 1px solid #e7e7e7;
  height: 80%;
}

header.menu nav.util {
  width: 100%;
}

header.menu div.menumain.carry {
  display: none;
}

header.menu nav li {
  display: inline-block;
}

header.menu nav.main ul > li {
  cursor: default;
}

header.menu nav.util ul > li {
  padding-left: 30px;
  vertical-align: middle;
}

header.menu nav ul > li > a {
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  display: block;
}

header.menu nav.util li.mobile.menu {
  display: none;
}

header.menu nav.util li.mobile.menu a {
  background: transparent url(/img/menumobileopen.svg) no-repeat 0 center;
  width: 33px;
  background-size: 33px;
  margin-top: 10px;
}

header.menu nav.util li.mobile.menu a.open {
  background-image: url(/img/menumobileclose.svg);
}

header.menu div.carry {
  display: inline;
}

header.menu div.carry span {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 24px;
  text-align: center;
  font-size: 12px;
  color: #000;
  border-radius: 50%;
  background: #cbd538;
  line-height: 105%;
  font-weight: 700;
}

header.menu .dropdown {
  display: none;
}

header.menu .dropdown.show {
  display: block;
  position: absolute;
  max-width: 1440px;
  z-index: 31;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  top: 83px;
}

header.menu .dropdown .grid {
  -webkit-transition: height 0.2s ease-out;
  -moz-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
  height: 0px;
  overflow: hidden;
}

header.menu .dropdown .grid.active {
  display: block;
}

header.menu .dropdown .grid > div {
  display: none;
  z-index: 10;
}

header.menu .dropdown .grid > div ul {
  margin: 0;
  list-style-type: none;
}

header.menu .dropdown .grid .hovering {
  display: block;
}

header.menu .dropdown div.head {
  font-size: 16px;
  margin-bottom: 10px;
}

header.menu .dropdown .grid div.submenu {
  font-size: 15px;
  margin-top: 10px;
  white-space: nowrap;
}

/*NUEVO HEADER SUBMENU */

div.sub-menu > div.sub-menu-secciones {
  column-gap: 56px;
  padding-left: 12px;
}
div.sub-menu > div.sub-menu-secciones div.sub-menu-elementos {
  width: clamp(210px,20vw,315px);
}

div.mobilemenu a.sub-menu-elemento-seccion,
div.sub-menu a.sub-menu-elemento-seccion {
  border-radius: 8px;
  transition: background-color 1s ease;
  max-width: 315px;
  z-index: 1;
}

div.mobilemenu a.sub-menu-elemento-seccion{
  width: 100%;
}

div.sub-menu a.sub-menu-elemento-seccion:before {
  content : "";
  position: absolute;
  width: 105%;
  top: -6px;
  bottom: -6px;
  left: -8px;
  background: #FAFFB8;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -1;
}

div.sub-menu a:hover:before {
  opacity:1;
}
div.sub-menu a:hover .sub-menu-nombre{
  font-weight:700;
  color:#134167;
}


div.mobilemenu a .sub-menu-nombre.highlight,
div.sub-menu a .sub-menu-nombre.highlight {
  font-weight: 700;
  color:#134167;
}

div.sub-menu-ayuda.hovering {
  margin-left: auto;
  max-width: 262px;
}

div.help-menu {
  row-gap: 25px;
  background-color: #feffeb;
  border-radius: 16px;
  border: 1px solid #fff5c5;
  padding: 18px 16px;
  min-width: 230px;
}

div.mobilemenu .sub-menu-ayuda {
  padding: 24px;
}

div.mobilemenu .help-menu {
  width: 100%;
}

div.mobilemenu .card {
  border: none;
}
div.mobilemenu .card-header {
  background-color: #fff;
  border-bottom: none;
  display: flex;
  align-items: center;
  max-height: 48px;
}

div.mobilemenu .card-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

div.card-header img {
  width: 12px;
}

div.mobilemenu div.card-body img {
  width: 28px;
}

div.sub-menu img {
  width: 24px;
}

header.menu .dropdown .grid div.colgroup {
  margin-top: 30px;
  margin-bottom: 20px;
}

header.menu .dropdown .grid div.colgroup.text-right {
  border-right: 1px solid #000;
  padding-right: 28px;
  padding-left: 5px;
}

header.menu .dropdown .grid div.colgroup.text-left {
  border-left: 1px solid #000;
  padding-left: 28px;
  padding-right: 5px;
}

header.menu div.text-right div.submenu i {
  margin-left: 10px;
}

header.menu div.text-left div.submenu i {
  margin-right: 10px;
}

div.productcol div.title i,
header.menu div.submenu i {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 1px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

header.menu div.submenu i {
  width: 40px;
  height: 40px;
  background-size: 30px 30px;
}

header.menu div.submenu i.hosting-ssd {
  background-size: 40px 40px;
}

div.whiteblock {
  background-color: #fff;
  padding: 140px 0px;
}

div.blockheader.cualesmiip{
  row-gap: 53px;
}

div.home.main .blockheader .garantia::before {
  position: absolute;
  top: 1px;
  left: 1px;
}

div.home.main .blockheader .garantia::before {
  content: url(/img/icons/garantia-home.svg);
}

div.home.main .blockheader .garantia {
  padding-left: 40px;
}

ul.home-list {
  margin-top: 24px;
}

input.grey {
  background-color: #fff;
}

div.info-bloque-elemento {
  flex: 1 1 calc(25% - 24px);
  transition: transform 0.5s;
}

div.info-bloque-elemento.dos-fila {
flex: 1 1 calc(50% - 24px);
}

div.info-bloque-elemento:hover {
  transform: scale(1.05);
}

div.paso-migracion {
  flex: 1 1 0;
  min-width: 250px;
}

div.paso-migracion img {
  max-width: 282px;
  max-height: 219px;
  width: 100%;
}

div.productcol div.title i {
  margin-right: 10px;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
}

div.productcol div.title i.hosting-ssd {
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
}

footer {
  margin-top: 64px;
  margin-bottom: 64px;
}

div.footer-container .footer-info {
  padding-top: 26.5px;
  border-top: 1px solid #e7e7e7;
}

div.pagos-seguros.seccion {
  display: none;
}

div.pagos-seguros,
div.pagos-seguros > div {
  display: flex;
  flex-direction: column;
}

div.pagos-seguros img {
  width: 211.15px;
  height: 26px;
}

div.footer-secciones .group {
  flex: 1 1 0;
}

div.footer-logo .footer-rrss i {
  width: 24px;
  height: 24px;
}

i.hosting-ssd {
  background-image: url(/img/menu/hosting-ssd.svg);
}

i.hosting-elastico {
  background-image: url(/img/menu/hosting-elastico.svg);
}

i.hosting-reseller {
  background-image: url(/img/menu/hosting-reseller.svg);
}

i.hosting-nodejs {
  background-image: url(/img/menu/hosting-nodejs.svg);
}

i.hosting-correo {
  background-image: url(/img/menu/hosting-correo.svg);
}

i.hosting-wordpress {
  background-image: url(/img/menu/hosting-wordpress.svg);
}

i.hosting-woocommerce {
  background-image: url(/img/menu/hosting-woocommerce.svg);
}

i.hosting-prestashop {
  background-image: url(/img/menu/hosting-prestashop.svg);
}

i.hosting-joomla {
  background-image: url(/img/menu/hosting-joomla.svg);
}

i.hosting-drupal {
  background-image: url(/img/menu/hosting-drupal.svg);
}

i.hosting-moodle {
  background-image: url(/img/menu/hosting-moodle.svg);
}

div.footer-logo i.favicon-logo {
  background: transparent url(/img/logo.svg) no-repeat left;
  width: 41px;
  height: 31px;
  display: inline-block;
  background-size: cover;
}

div.cookies-popup {
  bottom: 0;
  width: 100%;
  box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.5);
  position: fixed;
  display: none;
  text-align: center;
  padding: 6px 0 4px;
  z-index: 100;
  background-color: #175081;
  font-size: 13px;
}

div.cookies-popup .mas-info {
  margin-left: 6px;
}

div.cookies-popup,
div.cookies-popup a,
div.cookies-popup a:hover {
  color: #fff;
}

.catcher-switch > .cookie-necesaria {
  cursor: not-allowed;
}

.cookie-banner,
.cookie-settings {
  position: fixed;
  bottom: 40%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px;
  z-index: 1001;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 40px;
  border-radius: 20px;
}

.cookie-banner div.buttons button {
  width: 100%;
}

.cookie-settings {
  width: 800px;
  height: 600px;
  max-width: unset;
  overflow: hidden;
  box-sizing: border-box;
}

.cookie-settings-inner {
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 20px 30px;
}

.cookie-settings .cookie-settings-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.cookie-settings > .cookie-settings-inner > .cookie-settings-buttons {
  justify-content: space-between;
}

.cookie-accept-all {
  margin-right: 20px;
}

.cookie-settings button > img {
  width: 15px;
}

.cookie-banner p {
  margin-bottom: 15px;
  color: #333333;
  font-size: 16px;
}

.cookie-banner .buttons {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 10px;
}

.cookie-accept,
.cookie-manage,
.cookie-save,
.cookie-cancel {
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}

.cookie-banner .cookie-manage {
  font-size: 1.25rem;
}

.hidden {
  display: none;
}

.switch-contenedor {
  position: relative;
}

/* The switch - the box around the slider */
.switch {
  margin-top: 5px;
  position: relative;
  display: inline-block;
  width: 40px; /* antes 60px */
  height: 24px; /* antes 34px */
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider-cookies {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider-cookies:before {
  position: absolute;
  content: "";
  height: 18px; /* antes 26px */
  width: 18px; /* antes 26px */
  left: 3px; /* ajustado */
  bottom: 3px; /* ajustado */
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider-cookies {
  background-color: #2196f3;
}

input:focus + .slider-cookies {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .cookie-necesaria {
  background-color: #5fa7e2;
}

input:checked + .slider-cookies:before {
  -webkit-transform: translateX(16px); /* antes 26px */
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider-cookies.round {
  border-radius: 24px; /* ajustado */
}

.slider-cookies.round:before {
  border-radius: 50%;
}

.catcher-switch {
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.overlay,
.overlay-settings {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}

.cookie-settings {
  top: 20%;
}

.cookie-settings h2 {
  margin-top: 0;
}

.cookie-settings label {
  display: block;
  margin: 10px 0;
}

.buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.accept,
.save {
  background-color: #007bff;
  color: white;
}

.manage,
.cancel {
  background-color: white;
  border: 1px solid #ccc;
  color: #333;
}

div.blockheader.cookies-info-header h1 {
  max-width: unset;
}

div.blockheader.cookies-info-header button {
  margin-top: 40px;
}

div.cookies-info-body {
  max-width: 1200px;
}

div.cookies-info-body ul.alcance-politica-lista li {
  list-style: unset;
}

div.cookies-info-body th.col-cookie {
  min-width: 230px;
}

div.cookies-info-body table p {
  margin-bottom: 0px;
}

div.cookies-info-body a {
  font-weight: bold;
  color: #87bb3b;
}

div.cookies-info-body h2 {
  font-weight: bold;
  font-size: 50px;
}

div.contacto form div.custom-checkbox a,
div.contacto form div.rgpd div.txt a,
div.cookies-popup a,
div.cookies-popup span.aceptar-cookies,
div.modal a {
  border-bottom: 1px dotted;
}

div.cookies-popup span.aceptar-cookies {
  background-color: #87bb3b;
  padding: 6px;
  border-radius: 8px;
  border: 0;
}

div.custom-checkbox input,
div.custom-checkbox label {
  cursor: pointer;
  left: 1px;
}

div.cookies-popup .aceptar-cookies {
  margin-right: 6px;
  cursor: pointer;
}

div.productcols.correo-container div.columna{
  /* max-width: 624px; */
  max-width: 450px;
}

div.upselling div.columna.maxwidth-none,
div.productcols div.columna.maxwidth-none,
div.domaincols div.columna.maxwidth-none {
  max-width: unset;
}

div.productcols.correo-container > div.row {
  column-gap: 16px;
}

div.dominios {
  row-gap: 92px;
}

div.blockheader img {
  width: 100%;
  object-fit: contain;
}

div.blockheader div.landing div.img img {
  padding: 0;
  text-align: center;
  max-width: 75%;
  width: inherit;
}

div.blockheader div.landing div.img {
  margin: 10px 5px;
  text-align: center;
}

div.tools,
div.productcol {
  z-index: 10;
  position: relative;
  overflow: hidden;
}

div.tools div.img {
  height: 300px;
}

div.tools div.img img {
  max-width: 75%;
  max-height: 75%;
  margin: auto;
}

span.label-ribbon{
  background-color: #d7ffd8;
  color:#0A7110;
  padding: 6px 8px;
  border-radius: 10px;
  display: block;
  text-align: center;
}

span.label-ribbon.precio-ahorro {
  background-color: #FAFFB8;
}

div.columna span.label-ribbon {
  position: absolute;
  right: 16px;
  top: 16px;
}

div.upselling div.columna span.label-ribbon{
  position:relative;
  right: unset;
  top:unset;
}

div.columna.highlight span.label-ribbon {
  background-color: #7ac143;
}

div.div-ribbon {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0px;
}
div.div-ribbon.highlight,
div.div-ribbon.first {
  border-radius: 20px;
}

div.product.highlight div.title i.hosting-prestashop {
  background-image: url(/img/menu/hosting-prestashop_highlight.svg);
}

div.tools div.title{
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 22px;
  line-height: 134%;
  color: #101011;
}

div.info-bloque-container .info-bloque-icon,
div.domain-register-container div.domain-register-slides div.domain-register-slide i,
div.lucusmonitor div.caracteristicas-lucusmonitor-container .caracteristica i,
div.productcol-extra i.productcol-icono-plan,
div.productcol i.productcol-icono-plan {
  display: block;
  width: 40px;
  height: 40px;
  text-align: left;
  margin-bottom: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
div.productcol i.servidores-vps,div.productcol-extra i.servidores-vps { background-image: url(/img/products/icons/servidores-vps.svg); }
div.productcol i.certificados-ssl { background-image: url(/img/products/icons/icono-ssl.svg); }
div.productcol i.plan-junior { background-image: url(/img/products/icons/icono-plan-junior.svg); }
div.productcol i.plan-senior { background-image: url(/img/products/icons/icono-plan-senior.svg); }
div.productcol i.plan-master { background-image: url(/img/products/icons/icono-plan-master.svg); }
div.productcol i.plan-pro { background-image: url(/img/products/icons/icono-plan-pro.svg); }
div.productcol i.hosting-ssd { background-image: url(/img/menu/hosting-ssd.svg);}
div.productcol i.hosting-elastico { background-image: url(/img/menu/hosting-elastico.svg); }
div.productcol i.hosting-reseller { background-image: url(/img/menu/hosting-reseller.svg); }
div.productcol i.hosting-nodejs { background-image: url(/img/menu/hosting-nodejs.svg); }
div.productcol i.hosting-correo { background-image: url(/img/menu/hosting-correo.svg); }
div.productcol i.hosting-wordpress { background-image: url(/img/menu/hosting-wordpress.svg); }
div.productcol i.hosting-woocommerce { background-image: url(/img/menu/hosting-woocommerce.svg); }
div.productcol i.hosting-prestashop { background-image: url(/img/menu/hosting-prestashop.svg); }
div.productcol i.hosting-joomla { background-image: url(/img/menu/hosting-joomla.svg); }
div.productcol i.hosting-drupal { background-image: url(/img/menu/hosting-drupal.svg); }
div.productcol i.hosting-moodle {
  background-image: url(/img/products/upselling/product-icons/moodle.svg);
  width:53px;
  height: 36px;
}

div.productcol div.pretitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #4f4f4f;
}

div.productcol div.pretitle {
  padding-top: 30px;
}

div.productcol div.price {
  line-height: 73px;
  white-space: nowrap;
}

div.productcol div.price.discounted {
  line-height: 51px;
}

div.productcol div.price .before {
  margin-left: 4px;
  text-decoration: line-through;
}

div.productcol div.txtbottom {
  font-weight: 700;
}

div.productcol div.price div.desde {
  line-height: 8px;
  text-align: left;
}

div.productcol div.price div.moneda small {
  margin-left: 5px;
}

div.productcol div.price div.moneda {
  display: inline-block;
  margin-left: 8px;
  font-size: 28px;
  vertical-align: top;
  position: relative;
  top: 26px;
  line-height: 20px;
}

div.productcol div.price.discounted div.moneda {
  top: 16px;
  font-size: 22px;
  line-height: 12px;
}

div.productcol ul.features-list li {
  background: url(/img/products/icons/list-green-check.svg) no-repeat left
    center;
}

div.productcol ul.features-list li:has(hr) {
  background: none;
  padding-left: 0px;
}

div.slider.slider-horizontal {
  width: 100%;
  height: 25px;
  margin-left:10px;
}

.slider-config-responsive{
  display:none;
}


div.blockslider div.slidervalue {
  width: 120px;
  height: 48px;
  border: 1px solid #E7E7E7;
  background-color:#F6F6F6;
}

div.configurador-hosting-resume div{
  border-top:1px dashed #E7E7E7;
}

div.configurador-hosting-resume div:first-child{
  border-top:none;
}


div.blockslider .slider-selection {
  background: #134167;
}

div.blockslider .slider-track {
  box-shadow: none;
}


div.blockslider .slider-handle {
  background: #CBD538;
  width: 24px;
  height: 24px;
}

div.blockslider div.sliderrangetxt {
  font-weight: 400;
}

div.blockslider div.sliderrangetxt span {
  float: right;
}

div.productcol div.wehelpyou {
  background-color: #CCE8FF;
  border-radius: 16px;
}

div.wehelpyou .btn-trial{
  color:#134167;
}

span.icotooltip {
  position: relative;
  margin-right: -18px;
  left: 5px;
}

span.icotooltip::before {
  content: "";
  position: relative;
  filter: brightness(0) invert(1);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -4px;
}

span.icotooltip.ico-info::before {
  background-image: url(/img/icons/info-circle.svg);
}

span.icotooltip.c-ico-orange::before {
  filter: invert(87%) sepia(7%) saturate(7288%) hue-rotate(327deg)
    brightness(102%) contrast(97%);
}

span.icotooltip.c-ico-blue::before {
  filter: invert(52%) sepia(14%) saturate(1720%) hue-rotate(177deg)
    brightness(90%) contrast(95%);
}

div.product div.hat {
  line-height: 240%;
  color: #101011;
  background-color: #cbd538;
  border-radius: 24px 24px 0 0;
  height: 37px;
  /* display: inline-block; */
  top: -55px;
  position: absolute;
  /* z-index: 8; */
  width: calc(100% + 36px);
  /* font-weight: 700; */
  left: -18px;
  border: 2px solid #cbd538;
}

div.productcols div.columna.columna-hat {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 2px solid #cbd538;
  position: relative;
}

div.toogle-selector .custom-control-label.productcol-selector::after{
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
div.toogle-selector .custom-switch .custom-control-label.productcol-selector::before{
  width: 40px;
  height: 24px;
  border-radius: 16px;
}


div.domaincols div.hat.top-ventas {
  background-color: #134167;
  color: #fff;
  border: 2px solid #134167;
}

div.domaincols div.columna {
  flex: 0 0 226px;
  min-width: 220px;
  box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.05),
    0px 16px 16px -8px rgba(12, 12, 13, 0.1);
}

div.domaincols div.columna.highlight {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

div.productcolcontent hr {
  width: 100%;
}

div.domaincols div.product div.hat {
  top: -54px;
  left: -17px;
  width: 226px;
  text-align: center;
}

div.block.afiliados-block {
  margin-top: 136px;
  margin-bottom: 160px;
}

div.afiliados-block h2,
div.afiliados-block p {
  max-width: 1091px;
}

div.featurekey div[class^="icon-"] i {
  max-width: 100%;
  width: 120px;
  height: 100px;
  margin-top: 10px;
  display: block;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}

div.featurekey div.icon-drush i {
  background-image: url(/img/products/featurekey/drush.svg);
}

div.featurekey div.icon-litespeed-drupal i {
  background-image: url(/img/products/featurekey/litespeed-drupal.svg);
}

div.featurekey div.icon-cache i {
  background-image: url(/img/products/featurekey/cache.svg);
}

div.featurekey div.icon-wpcli i {
  background-image: url(/img/products/featurekey/wpcli.svg);
}

div.featurekey div.icon-litespeed-wordpress i {
  background-image: url(/img/products/featurekey/litespeed-wordpress.svg);
}

div.featurekey div.icon-litespeed-joomla i {
  background-image: url(/img/products/featurekey/litespeed-joomla.svg);
}

div.featurekey div.icon-litespeed-prestashop i {
  background-image: url(/img/products/featurekey/litespeed-prestashop.svg);
}

div.featurekey div.icon-npm i {
  background-image: url(/img/products/featurekey/npm.svg);
}

div.featurekey div.icon-cpanelwhm i {
  background-image: url(/img/products/featurekey/cpanelwhm.svg);
}

div.featurekey div.icon-apps i {
  background-image: url(/img/products/featurekey/apps.svg);
}

div.featurekey div.icon-nodejs i {
  background-image: url(/img/products/featurekey/nodejs.svg);
}

div.featurekey div.icon-seguridad i {
  background-image: url(/img/products/featurekey/seguridad.svg);
}

div.featurekey div.icon-rendimiento i {
  background-image: url(/img/products/featurekey/rendimiento.svg);
}

div.featurekey div.icon-configuracion i {
  background-image: url(/img/products/featurekey/configuracion.svg);
}

div.featurekey div.icon-backupcorreo i {
  background-image: url(/img/products/featurekey/backupcorreo.svg);
}

div.featurekey div.icon-compatibilidadcorreo i {
  background-image: url(/img/products/featurekey/compatibilidadcorreo.svg);
}

div.featurekey div.icon-http3 i {
  background-image: url(/img/products/featurekey/http3.svg);
}

div.help {
  column-gap: 140px;
  padding: 93px 124px;
  background-color: #134167;
  position: relative;
  overflow: hidden;
}

div.help .help-buttons-container > div {
  width: 100%;
}

div.bloque-migrar > div::after,
div.help::after {
  content: "";
  position: absolute;
  height: 16px;
  width: 186px;
  background-color: #f0fa5c;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  bottom: 39px;
  left: -18px;
}
div.bloque-migrar > div::before,
div.help::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 256px;
  background-color: #cbd538;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  bottom: 16px;
  left: -18px;
}

div.wehelpyou .btn-default img,
div.bloquedestacado .btn-default img {
  height: 24px;
  width: 24px;
}

div.datacenter-container h2 { max-width: 350px; }
div.datacenter-container p { max-width: 1090px; }
.datacenter-location-container img { max-width: 700px; }
.datacenter-location-text-container p { max-width: 724px; }

div.elemento-empresa-futuro img {
  max-width: 298px;
  width: 100%;
}

div.bg-proceso-afiliado {
  background-color: #ebf5ff;
  position: relative;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: -60px 150px;
  background-image: url("/img/bg-patrones/bg-patron-circulo-azul-claro.svg");
}

div.proceso-afiliado-portada {
  max-width: 711px;
}

div.proceso-afiliado-portada img {
  max-width: 587px;
  max-height: 442px;
  width: 100%;
}

div.proceso-migracion-proceso-container div.paso-proceso-container,
div.proceso-afiliado-proceso-container div.paso-proceso-container {
  background-color: transparent;
}

div.proceso-afiliado-proceso a.btn-order-lh{
  max-width: 257px;
}

div.faq .faq-container {
  max-width: 1008px;
}

div.article-datacenter-perks,
div.faq .faq-container .article {
  padding: 25.5px 24px;
  position: relative;
  cursor: pointer;
}
div.article-datacenter-perks .header::after,
div.faq .faq-container .article .header::after {
  content: "+";
  font-size: 32px;
  float: right;
  margin-left: 24px;
}
div.article-datacenter-perks.open .header::after,
div.faq .faq-container .article.open .header::after {
  content: "-";
}
div.article-datacenter-perks .article-text,
div.faq .faq-container .article .article-text {
  display: none;
  margin-top:33.5px;
}
div.article-datacenter-perks.open .text ul,
div.faq .faq-container .article.open .text ul {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  margin:0px;
}
div.article-datacenter-perks.open .text ul li,
div.faq .faq-container .article.open .text ul li {
  list-style: disc;
}

div.bg-azul-lh {
  background: #cde8ff;
}

div.datacenter-perks-container img{
  border-radius:24px;
}

div.bg-datacenter-brands-empresa div.datacenter-brands {
  padding: 104px 16px;
}


.datacenter-brand-logo {
  max-width: 140px;
  max-height: 40px;
  filter: brightness(0%);
  transition: filter 0.5s ease, transform 0.5s ease;
}

.datacenter-brand-logo:hover {
  filter: brightness(100%);
  transform: scale(1.1);
}

div.otros-testimonios div.score-card-container img {
  max-width: 100%;
  max-height: 70px;
}

div.score-card {
  padding: 24.5px 32px;
}

div.otros-testimonios div.score-card img {
  max-width: 93px;
}

div.score-card div.otros-testimonios-stars {
  column-gap: 2.5px;
}

div.score-card div.otros-testimonios-stars img {
  width: 24px;
  height: 24px;
  padding: 0px;
}

div.score-bar div.progress {
  border-radius: 4px;
  height: 8px;
  background-color: #e7e7e7;
  width: 100%;
}
div.score-bar div.progress-bar {
  background-color: #134167;
}
.contacto-help,
.chatonline,
.tellamamos {
  cursor: pointer;
  display: none;
}
.contacto-help.show,
.chatonline.show,
.tellamamos.show {
  display: flex;
  flex-direction:row;
  column-gap:6px;
  align-items:center;
  justify-content:center;
}

[data-parent="#acordeonMenu"] {
  background-color: #ebf5ff;
}

.floating-action-list {
  position: fixed;
  right: -210px;
  width: 210px;
  z-index: 999;
  bottom: 3em;
}

.floating-action {
  height: 80px;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  position: relative;
  transform: translateX(-50px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
  right: -50px;
  display: block;
  box-shadow: 4px 3px 0px 0px rgb(0, 0, 0);
}

.floating-action a:hover {
  color: initial;
}

.floating-action .icono {
  width: 51px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  border-right: 1px solid #263238;
}

div.productcol-selector-precio .custom-switch .custom-control-label::after {
  width: 20px;
  height: 20px;
  border-radius: 16px;
}
div.productcol-selector-precio .custom-switch .custom-control-label::before {
  width: 36px;
  height: 24px;
  border-radius: 16px;
}
div.productcol-selector-precio .custom-control-input:checked ~ .custom-control-label::before {
  border-color:#134167;
  background-color: #134167;
}



.floating-action-chat {
  border: 1px solid #263238;
  background-color: #18507f;
}

.floating-action-chat .icono {
  background-image: url(/img/icons/float-chat.svg);
}

.floating-action-telefono {
  background-color: #cbd538;
  border: 1px solid #263238;
}

.floating-action-telefono .icono {
  background-image: url(/img/icons/float-phone.svg);
}

.floating-action .contacto {
  position: absolute;
  left: 50px;
  top: 15px;
  line-height: 22px;
  margin: 2px 15px;
}

.floating-action.floating-action-chat .contacto {
  color: #fff;
}

.floating-action .contacto span {
  font-weight: 700;
}

.floating-action + .floating-action {
  margin-top: 1rem;
}

.floating-action-list .floating-action.show {
  right: 0;
}

.floating-action-list .floating-action.show.open {
  right: 159px;
}
div.icon-cloudlinux i { background-image: url(/img/products/icons/cloudlinux.svg); }
div.icon-independencia i {  background-image: url(/img/products/icons/independencia.svg); }
div.icon-imunify i {  background-image: url(/img/products/icons/imunify.svg); }
div.icon-cpanel i {  background-image: url(/img/products/icons/cpanel.svg); }
div.icon-ssl i {  background-image: url(/img/products/icons/ssl.svg); }
div.icon-migracion i {  background-image: url(/img/products/icons/migracion.svg); }
div.icon-soporte i {  background-image: url(/img/products/icons/soporte.svg); }
div.icon-wpo i {  background-image: url(/img/products/icons/wpo.svg); }
div.icon-garantia i {  background-image: url(/img/products/icons/garantia.svg); }
div.icon-apps i {  background-image: url(/img/products/icons/apps.svg); }
div.icon-whois i {  background-image: url(/img/products/icons/whois.svg); }
div.icon-dns i {  background-image: url(/img/products/icons/dns.svg); }
div.icon-authcode i {  background-image: url(/img/products/icons/authcode.svg); }
div.icon-lock i {  background-image: url(/img/products/icons/lock.svg); }
div.icon-redirect i {  background-image: url(/img/products/icons/redirect.svg); }
div.icon-ip i {  background-image: url(/img/products/icons/ip.svg); }
div.icon-sencillo i {  background-image: url(/img/products/icons/sencillo.svg); }
div.icon-seguro i {  background-image: url(/img/products/icons/seguro.svg); }
div.icon-amedida i {  background-image: url(/img/products/icons/amedida.svg); }
div.icon-https i {  background-image: url(/img/products/icons/https.svg); }
div.icon-http3 i {  background-image: url(/img/products/icons/http3.svg); }
div.icon-firewall i {  background-image: url(/img/products/icons/firewall.svg); }
div.icon-confianza i {  background-image: url(/img/products/icons/confianza.svg); }
div.icon-sello i {  background-image: url(/img/products/icons/sello.svg); }
div.icon-root i {  background-image: url(/img/products/icons/root.svg); }
div.icon-escalable i {  background-image: url(/img/products/icons/escalable.svg); }
div.icon-administracion i {  background-image: url(/img/products/icons/administracion.svg); }
div.icon-so i {  background-image: url(/img/products/icons/so.svg); }
div.icon-estadisticas i {  background-image: url(/img/products/icons/estadisticas.svg); }
div.icon-velocidad i {  background-image: url(/img/products/icons/velocidad.svg); }
div.icon-rgpd i {  background-image: url(/img/products/icons/rgpd.svg); }
div.icon-flexibilidad i {  background-image: url(/img/products/icons/flexibilidad.svg); }
div.icon-mantenimiento i {  background-image: url(/img/products/icons/mantenimiento.svg); }

ul li.check {  list-style: none; }

.custom-hosting-slider ul li.check:before{
  scale: 0.76;
}

.custom-hosting-slider ul li{
  border:1px solid #e7e7e7;
}

ul li.cross::before,
ul li.check:before {
  content: "";
  position: relative;
  background: transparent url(/img/icons/checktrue.svg) no-repeat center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  display: inline-block;
}

ul li.checkv2::before{
  background: transparent url(/img/icons/check.svg) no-repeat center;
}

ul li.check-blue::before{
  background: transparent url(/img/icons/check-blue.svg) no-repeat center;
}

ul li.check-green::before{
  background: transparent url(/img/icons/check-green.svg) no-repeat center;
}

ul.lista-hosting-gratis li.check::before,
ul.home-list li.check::before,
.migracion-list li.check::before,
.empresa ul li.check::before{
  background: transparent url(/img/icons/checktrue.svg) no-repeat center;
  min-width: 28px;
}

ul li.cross::before{
  background: transparent url(/img/icons/cross.svg) no-repeat center;
}

div.hosting-trial-container::before{
  content: "";
  position: absolute;
  left: 10%;
  top: 22px;
  width: 78%;
  height: 4px;
  background: linear-gradient(140deg, #134167 0%, #E7E7E7 100%);
}

div.hosting-trial-step img{
  max-width: 160px;
  max-height: 128px;
  margin-top: auto;
}

div.headermenumobile {
  background-color: #175081;
  position: fixed;
  top: 0;
  right: -475px;
  width: 475px;
  height: 100%;
}

div.headermenumobile span.shadow {
  width: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(0, 0, 0, 0)),
    color-stop(100%, rgba(0, 0, 0, 0.5))
  );
  background-image: -webkit-linear
    gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.5)
  );
  z-index: 999;
  height: 100%;
}

div.headermenumobile,
div.headermenumobile a,
div.headermenumobile h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

div.headermenumobile.show {
  display: block;
  right: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

div.headermenumobile ul {
  display: none;
  padding-left: 50px;
  margin: 0;
  background-color: #2e6d9b;
}

div.headermenumobile ul.payment {
  display: block;
}

div.headermenumobile ul li {
  padding: 11px 0;
  color: #d1e0eb;
}

div.headermenumobile ul li.FreeSH {
  display: none;
}

div.headermenumobile h3 {
  margin: 0;
  padding: 18px 0 18px 42px;
  border-bottom: 1px solid #2e6d9b;
  position: relative;
}

div.headermenumobile h3.dropdownmenu {
  cursor: pointer;
}

div.headermenumobile h3.dropdownmenu.open:before {
  content: "-";
}

div.headermenumobile h3.dropdownmenu:before {
  content: "+";
  font-size: 30px;
  margin-left: -40px;
  width: 40px;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
  padding-bottom: 6px;
  vertical-align: middle;
  line-height: 0;
}

div.headermenumobile h3.dropdownmenu span {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  border-left: 1px solid #2e6d9b;
  height: 100%;
  background: transparent url(/img/icons/arrowright.svg) no-repeat center;
  background-size: 25px;
}

div.domain-register-bg + div.whyus{
  margin-bottom: 0px;
}

div.whyus div.whyus-lunchbox {
  display: grid;
  grid-template-columns: minmax(200px,455px ) repeat(2, minmax(150px,0.5fr)) minmax(200px,455px);
  grid-template-rows: 307px auto 307px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

div.whyus div.whyus-lunchbox.whyus-datacenter{
  grid-template-rows: 307px 500px 307px;
}
div.whyus div.whyus-lunchbox.whyus-migraciones {
  grid-template-rows: 310px 550px 307px;
}

div.whyus div.whyus-lunchbox.whyus-migracion {
  grid-template-rows: 315px 507px 307px;
}

div.whyus div.whyus-lunchbox.whyus-dominios{
  grid-template-rows: 307px 553px 307px;
}

div.whyus div.whyus-lunchbox > div {
  border-radius: 24px;
}

div.whyus div.whyus-lunchbox > div > div {
  row-gap: 8px;
  padding:16px 20px;
}

div.whyus div.whyus-lunchbox > div img {
  width: 100%;
  max-width: 366px;
  max-height: 283px;
}

div.whyus .whyus-migracion .bloque-centro-medio {
  row-gap: 24px;
  background-color: #FFEFEF;
  border: 1px solid #FFDCDC;
}

div.whyus .whyus-migracion .bloque-centro-medio  div{
  order:1;
}

div.whyus .whyus-migracion .bloque-centro-medio  img{
  order:2;
}

div.whyus .whyus-migracion .bloque-centro-medio img {
  position: inherit;
  align-self: center;
  max-width: unset;
  right: unset;
  bottom: unset;
}

div.whyus .bloque-arriba-iz {
  grid-area: 1 / 1 / 3 / 2;
  background-color: #eeffee;
  border: 1px solid #d7ffd8;
  padding: 92.5px 32px;
  row-gap: 24px;
}

div.whyus div.whyus-dominios .bloque-arriba-iz{
  background-color: #FFEFEF;
  border: 1px solid #FFDCDC;
}

div.whyus .bloque-arriba-iz h3,
div.whyus .bloque-arriba-iz p{
  text-align: center;
}

div.whyus .whyus-migracion .bloque-arriba-iz p {
  max-width: 391px;
  text-align: center;
}

div.whyus .whyus-migracion .bloque-arriba-iz,
div.whyus .whyus-dominios .bloque-arriba-iz {
  row-gap: 49px;
}


div.whyus .whyus-dominios .bloque-arriba-iz h3 {
  margin-bottom: 0px;
  font-size: 35px;
}

div.whyus .whyus-dominios .bloque-arriba-iz p {
  max-width: 391px;
  text-align: center;
}
div.whyus .whyus-migracion .bloque-arriba-iz h3,
div.whyus .whyus-migracion .bloque-arriba-iz img {
  margin-bottom: 0px;
}

div.whyus .whyus-dominios .bloque-arriba-iz img {
  margin-bottom: 0px;
}

div.whyus .bloque-arriba-der {
  position: relative;
  grid-area: 1 / 2 / 2 / 5;
  background-color: #fffcea;
  border: 1px solid #fff5c5;
  padding: 12px;
  column-gap: 16px;
}

div.whyus div.whyus-datacenter .bloque-arriba-der {
  background-color: #EBF5FF;
  border: 1px solid #CCE8FF;
}

div.whyus .whyus-dominios .bloque-arriba-der p {
  max-width: 517px;
  margin-top: 8px;
}


div.whyus .whyus-migracion .bloque-arriba-der > img {
  right: 6px;
  top: 80px;
}

div.whyus .whyus-dominios .bloque-arriba-der > img {
  right: -5px;
  top: 35px;
}

div.whyus .whyus-migracion .bloque-arriba-der > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 517px;
}

div.whyus .bloque-centro-medio {
  position: relative;
  grid-area: 2 / 2 / 3 / 4;
  background-color: #EBF5FF;
  border: 1px solid #CCE8FF;
  padding: 12px;
  row-gap: 16px;
}

div.whyus div.whyus-datacenter .bloque-centro-medio {
  background-color: #FFFCEA;
  border: 1px solid #FFF5C5;
}

div.whyus .bloque-centro-derecha {
  grid-area: 2 / 4 / 3 / 5;
  background-color: #FEFFEB;
  border: 1px solid #FCFFD6;
  padding: 12px;
  row-gap: 16px;
}

div.whyus div.whyus-datacenter .bloque-centro-derecha {
  background-color: #FFEFEF;
  border: 1px solid #FFDCDC;
}

div.whyus .whyus-migracion .bloque-centro-derecha {
  background-color: #EBF5FF;
  border: 1px solid #CCE8FF;
}

div.whyus div.whyus-dominios .bloque-centro-derecha {
  background-color: #EEFFEE;
  border: 1px solid #D7FFD8;
}

div.whyus .whyus-migracion .bloque-centro-derecha img {
  margin-bottom: 0px;
}

div.whyus .bloque-centro-derecha img {
  margin-bottom: 19px;
  align-self: center;
  order:1;
}

div.whyus .bloque-centro-derecha div {
  order:2;
}
div.home~div.whyus .bloque-centro-derecha div,
div.whyus div.whyus-dominios .bloque-centro-derecha div {
  order:1;
}
div.home~div.whyus .bloque-centro-derecha img,
div.whyus div.whyus-dominios .bloque-centro-derecha img {
  order:2;
}

div.whyus .whyus-migracion .bloque-abajo-der,
div.whyus .whyus-migracion .bloque-abajo-iz {
  padding: 12px;
}

div.whyus .whyus-migracion .bloque-abajo-iz h3 {
  white-space: nowrap;
}

div.whyus .bloque-abajo-iz {
  grid-area: 3 / 1 / 4 / 3;
  background-color: #FFEFEF;
  border: 1px solid #FFDCDC;
  padding: 12px;
  column-gap: 16px;
}

div.whyus div.whyus-datacenter .bloque-abajo-iz {
  background-color: #F5F2FF;
  border: 1px solid #EDE7FF;
}

div.whyus div.whyus-dominios .bloque-abajo-iz {
  background-color: #FEFFEB;
  border: 1px solid #FCFFD6;
}

div.whyus .whyus-migracion .bloque-abajo-iz {
  background-color: #FEFFEB;
  border: 1px solid #FCFFD6;
}

div.whyus .bloque-abajo-iz > div {
  padding: 28px 20px 16px 20px;
}

div.whyus .bloque-abajo-iz p {
  max-width: 273px;
  min-width: 180px;
}

div.whyus .bloque-abajo-der {
  grid-area: 3 / 3 / 4 / 5;
  background-color: #f5f2ff;
  border: 1px solid #ede7ff;
  padding: 12px;
  column-gap: 16px;
}

div.whyus div.whyus-datacenter .bloque-abajo-der {
  background-color: #FEFFEB;
  border: 1px solid #FCFFD6;
}

div.whyus .bloque-abajo-der > div {
  padding: 16px 20px;
}

div.whyus .bloque-abajo-der p {
  max-width: 354px;
  min-width: 200px;
}

div.whyus .whyus-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  max-width: 460px;
}

div.whyus > div:last-child > div:nth-of-type(odd) div.whyus-section {
  margin-left: 250px;
}
div.whyus > div:last-child > div:nth-of-type(even) div.whyus-section {
  margin-right: 250px;
}

div.whyus .whyus-datacenter .bloque-arriba-der {
  justify-content: center;
}

div.whyus .whyus-datacenter .bloque-arriba-der p {
  max-width: 517px;
}

div.whyus .whyus-datacenter .bloque-arriba-der img {
  max-width: 36%;
  max-height: 315px;
  top: 35px; 
  right: 0px;
}

div.whyus .whyus-datacenter .bloque-centro-medio p {
  max-width: 396px;
}

div.whyus .whyus-datacenter .bloque-centro-medio div {
  order:1
}
div.whyus .whyus-datacenter .bloque-centro-medio img {
  order:2
}

div.whyus .whyus-datacenter .bloque-abajo-der {
  padding: 12px 12px 7px 12px;
}

div.warranty-trial-bg {
  background-color: #f5f2ff;
  background-image: url(/img/freeTrial/freeTrial-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

div.warranty-trial > div {
  display: none;
}

div.home.migration .cabecera {
  padding: 0px 16px;
}

div.elemento-empresa-futuro .empresa-futuro-img,
div.productfeaturekey-panel .productfeaturekey-image {
  border-radius: 16px;
  background-color: #F7F7F7;
  min-height: 360px;
}
div.elemento-empresa-futuro .empresa-futuro-img{ min-height:unset; }


.producticon-img-container{
  border-radius: 16px;
  background-color: #F7F7F7;
  min-height: 280px;
}

.producticon-img-container img{
  max-width: 300px;
}

div.productfeaturekey-panel .productfeaturekey-image img {
  max-width: 403px;
  max-height: 312px;
}

div.lucusmonitor img{
  display:none;
  border-radius:24px;
}
div.lucusmonitor img.default-lucusmonitor-img{
  display:block;
}

div.lucusmonitor div.caracteristicas-lucusmonitor-container.selected-0,
div.lucusmonitor div.caracteristicas-lucusmonitor-container {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #e7e7e7 0%, #18507f 0%, #18507f 20%, #e7e7e7 35%);
  border-image-slice: 1;
  transition: border-image .3s ease;
}

div.lucusmonitor div.caracteristicas-lucusmonitor-container.selected-1 {
  border-image: linear-gradient( 90deg, #e7e7e7 0%, #e7e7e7 28%, #18507f 39%, #18507f 66%, #e7e7e7 70% );
  border-image-slice: 1;
}

div.lucusmonitor div.caracteristicas-lucusmonitor-container.selected-2 {
  border-image: linear-gradient( 90deg, #e7e7e7 0%, #e7e7e7 60%, #18507f 70%, #18507f 100% );
    border-image-slice: 1;
}

div.lucusmonitor div.caracteristicas-lucusmonitor-container .caracteristica {
  padding: 12px 24px 44px 24px;
  flex: 1;
  row-gap: 8px;
}

div.caracteristicas-lucusmonitor-container .caracteristica i.lucusmonitor-icon.monitor { background-image: url(/img/products/lucusmonitor/icons/lucusmonitor-monitor.svg); }
div.caracteristicas-lucusmonitor-container .caracteristica i.lucusmonitor-icon.seguridad { background-image: url(/img/products/lucusmonitor/icons/lucusmonitor-seguridad.svg); }
div.caracteristicas-lucusmonitor-container .caracteristica i.lucusmonitor-icon.amenaza {  background-image: url(/img/products/lucusmonitor/icons/lucusmonitor-amenaza.svg); }

div.caracteristicas-lucusmonitor-container .caracteristica.default-lucusmon-option i.lucusmonitor-icon.monitor { background-image: url(/img/products/lucusmonitor/icons/lucusmonitor-monitor-blue.svg); }
div.caracteristicas-lucusmonitor-container .caracteristica.default-lucusmon-option i.lucusmonitor-icon.seguridad { background-image: url(/img/products/lucusmonitor/icons/lucusmonitor-seguridad-blue.svg); }
div.caracteristicas-lucusmonitor-container .caracteristica.default-lucusmon-option i.lucusmonitor-icon.amenaza {  background-image: url(/img/products/lucusmonitor/icons/lucusmonitor-amenaza-blue.svg); }

div.caracteristicas-lucusmonitor-container .caracteristica.default-lucusmon-option i{
  border-color:#134167;
  box-shadow:none;
}

div.caracteristicas-lucusmonitor-container .caracteristica.default-lucusmon-option h3{
  color:#134167;
}

div.datacenter-video iframe{
  border-radius: 24px;
  min-width: 49%;
  z-index: 10;
  aspect-ratio: 4/3;
  max-height: 376px;
}

div.datacenter-video div{
  z-index: 10;
}

div.caso-estudio-container div.caso-estudio-avatar img {
  border-radius: 24px;
  max-width:600px;
}

div.caso-estudio-texto-container div.caso-estudio-texto:first-child {
  padding-bottom: 40px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90.08deg, #18507f 0.13%, #e7e7e7 92.93%);
  border-image-slice: 1;
}

div.clipboardCopied {
  background-color: #eee;
  font-size: 13px;
  color: #000;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  pointer-events: none;
  z-index: 999;
  display: inline-flex;
  position: relative;
}

div.clipboardCopied::before {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 999;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #eee;
  top: -6px;
  left: 49%;
}

div.clipboardCopied svg {
  width: 13px;
  margin-right: 5px;
}

span.likeinput {
  padding: 12px 80px 12px 24px;
  min-height: 64px;
}

span.likeinput::before{
  content: url(/img/icons/copy-icon-black.svg);
  position: absolute;
  right: 16px;
  top:16px;
}

div.inputinline {
  display: inline-flex;
  padding: 10px;
}

div.inputinline,
div.inputinline input {
  border-radius: 175px;
  background-color: #eaeaea;
}

div.inputinline input {
  width: 100%;
  background-color: transparent;
  height: 48px;
  padding: 0 10px;
  border: 0;
}

div.inputinline button {
  margin: 0;
}

div.searchdomain {
  padding: 40px 48px 32px 48px;
  max-width: 1104px;
}

div.greyinput {
  border-radius: 175px;
}

div.searchdomain div.button {
  border-radius: 50%;
  display: flex;
  justify-content: right;
}

div.searchdomain button.btn-order-lh {
  height: unset;
  margin-bottom: 0px;
  max-width: 105px;
  font-size: 18px;
  padding: 14.5px 18px;
}

div.greyinput input,
div.searchdomain input,
div.punycode-input input,
div.dns-tool-container-input input {
  width: 100%;
  background-color: #f6f6f6;
  border-radius: 12px;
  border: none;
  padding: 14.5px 16px;
  font-size: 22px;
  line-height: 140%;
  font-weight: 400;
  color: #5d5d5d;
}

div.dns-tool-container .btn-order-lh,
div.punycode-input-container .btn-order-lh{
  height: 59px;
}

div.searchdomain .searchdomain-precios .tld:not(:first-child) {
  border-left: 2px solid #f6f6f6;
}

div.searchdomain .searchdomain-precios .tld-nombre.tld-com { color: #2b91e5; }
div.searchdomain .searchdomain-precios .tld-nombre.tld-co {  color: #ff1f1f; }
div.searchdomain .searchdomain-precios .tld-nombre.tld-es {  color: #faa300; }
div.searchdomain .searchdomain-precios .tld-nombre.tld-info {  color: #00b809;  line-height: 150%; }
div.searchdomain .searchdomain-precios .tld-nombre.tld-store {  color: #8c4dff;  line-height: 150%; }
div.searchdomain .searchdomain-precios .tld-nombre.tld-net {  color: #2477bd; }
div.searchdomain .searchdomain-precios .tld-nombre.tld-org {  color: #ffc81b; }

div.proceso-migracion,
div.review-score {
  padding: 87px 168px;
}

div.quienes-somos-empresa > div {
  z-index: 10;
}

div.quienes-somos-empresa img {
  max-width: 640px;
  max-height: 502px;
  width: 100%;
  height: 100%;
  z-index: 10;
}

div.proceso-migracion {
  padding: 40px;
  column-gap: 103px;
}

/* div.proceso-migracion-portada h2 {
  max-width: 633px;
  margin-top: 12px;
} */

div.quienes-somos-empresa p {
  max-width: 640px;
}

div.bloque-valor p {
  max-width: 930px;
}

div.score-result-container .score .score-stars {
  column-gap: 2.5px;
}

div.score-result-container .score img{
  max-width: unset;
  max-height: unset;
  padding: unset;
  width: unset;
}
div.datacenter-video::before,
div.productfeaturekey::before,
div.hosting-gratis-block::before,
div.quienes-somos-empresa::before,
div.proceso-migracion::before {
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  transform: translate(-120px, 0px);
  z-index: 1;
}
div.productfeaturekey{
  overflow:hidden;
}
div.productfeaturekey::before{
  transform: none;
  z-index: 0;
}

div.hosting-gratis-title, div.hosting-gratis-list{
  z-index: 10;
}

ul li.cross::before,
div.hosting-gratis-slide ul li.check::before{
  background-size: 24px 24px;
}

div.hosting-gratis-slide img{
  width: 100%;
  max-width: 282px;
}

div.proceso-migracion-portada {
  max-width: 608px;
  z-index: 2;
}

div.proceso-migracion-proceso {
  z-index: 2;
}

div.paso-proceso-texto-container::before{
  content: "";
  position: absolute;
  left: 20px;
  top: 30px;
  width: 4px;
  height: 80%;
  background: linear-gradient(180deg, #134167 0%, #E7E7E7 100%);
}

div.paso-proceso-texto {
  padding-top: 10px;
}

div.paso-proceso-texto h3 {
  font-weight: 500;
}

div.numero-paso {
  max-width: 46px;
  max-height: 46px;
  z-index: 10;
}

div.afiliados-recomendaciones-texto {
  max-width: 683px;
  width: 100%;
}

div.nuestra-info {
  background-image: url("/img/bg-patrones/bg-patron-circulo-claro.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

div.nuestra-info img {
  max-width: 343px;
  max-height: 265px;
}

div.aviso-legal-descargas {
  max-width: 1008px;
}

div.aviso-legal-descargas-container {
  row-gap: 56px;
}

div.elemento-aviso-legal-descargas h3::after {
  content: "";
  border-top: 1px solid #cbd538;
  width: 100%;
}

div.elemento-aviso-legal-descargas a {
  padding: 17.5px 80px 17.5px 24px;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
}

div.elemento-aviso-legal-descargas a::after {
  content: url(/img/aviso-legal/icons/descargar.svg);
  top: 16px;
  right: 16px;
  position: absolute;
}

div.elemento-aviso-legal-descargas a:hover {
  background-color: #ebf5ff;
  border-color: #134167;
  color: #134167;
}

div.mision-y-valores-container div.elemento-mision-valores {
  max-width: 464px;
  padding:28px;
}

img.img-slider-conf{
  max-width:20vw;
}

div.elemento-mision-valores img {
  max-width: 282px;
  width: 100%;
}

form.dns-tool,
div.punycode-tool{
  padding:40px 48px 32px 48px;
  max-width: 1104px;
}

form.dns-tool input,
div.punycode-tool input{
  font-size: 16px;
  line-height: 150%;
  font-weight: 700;
  color:#101011;
}

div.dns-tool-container .btn-order-lh{
  max-width: 119px;
}

div.w200 {
  width: 200px !important;
}

div.domainprice .tab-pane .collapse,
div.domainprice div.accordionheader {
  display: none;
}

div.domainprice .tab-pane.active .collapse,
div.domainprice div.tab-pane {
  display: block;
}

div.domain-price-tables-container {
  display: flex;
  flex-direction: row;
}

div.domain-price-tables-container table {
  flex: 1;
  height: fit-content;
}

div.domainprice div.domain-price-tables-container table tr:first-child {
  box-shadow: 0px 7px 6px -6px rgba(12, 12, 13, 0.05);
  border: none;
}

div.domain-price-tables-container table tr {
  border-bottom: 1px solid #e7e7e7;
}

div.domain-price-tables-container table th { width: 113px; height: 57px; }
div.domain-price-tables-container table th:last-child {
  padding: 0px 16px;
  position: relative;
}

div.domain-price-tables-container table th:last-child::after {
  position: absolute;
  content: "|";
  font-size: 22px;
  font-weight: 200;
  color: #e7e7e7;
  top: 16px;
  right: -3px;
}

div.domain-price-tables-container table td {
  width: 113px;
  height: 77px;
}

div.domain-price-tables-container table td:last-child {
  border-right: 1px solid #e7e7e7;
}

div.domain-price-tables-container table:last-child td:last-child {
  border-right: none;
}

ul.features-list span.label.destacado,
div.domain-price-tables-container span.label.destacado {
  border-radius: 10px;
  padding: 2px 8px;
  background-color: #b2ffb4;
  color: #0a7110;
}

div.domainprice div.tabs ul li a {
  background-color: white;
  border-radius: 18px 18px 0 0;
  padding: 12px 46px;
  transition: background-color 0.5s ease, color 0.5s ease;
}

div.domainprice div.tabs ul li a:hover {
  color: #134167;
}

div.domainprice div.tabs ul li a.active {
  background-color: #134167;
  color: #fff;
}

div.domainprice ul.dom-price-cols .label {
  background-color: #237cbe;
}

div.domainprice ul.dom-price-cols .label.oferta {
  background-color: #f99c08 !important;
}

div.domainprice ul.dom-price-cols .label.destacado {
  background-color: #cbd538 !important;
  letter-spacing: 2.8px;
}

div.domain-register div.domain-register-container div.domain-register-slide img {
  max-width: 282px;
  max-height: 217px;
  width: 100%;
}

div.info-bloque-container .info-bloque-icon.rendimiento {  background-image: url("/img/products/rendimiento.svg"); }
div.info-bloque-container .info-bloque-icon.proteccion {  background-image: url("/img/products/proteccion.svg"); }
div.info-bloque-container .info-bloque-icon.soporte-disponible {  background-image: url("/img/empresa/icons/soporte.svg"); }
div.info-bloque-container .info-bloque-icon.sin-trampas {  background-image: url("/img/products/sin-trampas.svg"); }

div.info-bloque-container .info-bloque-icon.eficiencia-centro-datos,
div.info-bloque-container .info-bloque-icon.seguridad {  background-image: url("/img/centro-datos/icons/seguridad.svg"); }

div.info-bloque-container .info-bloque-icon.objetivos-centro-datos,
div.info-bloque-container .info-bloque-icon.red-rendimiento {  background-image: url("/img/centro-datos/icons/red-rendimiento.svg"); }

div.info-bloque-container .info-bloque-icon.energia {  background-image: url("/img/centro-datos/icons/energia.svg"); }
div.info-bloque-container .info-bloque-icon.innovacion-centro-datos {  background-image: url("/img/centro-datos/icons/innovacion.svg"); }
div.info-bloque-container .info-bloque-icon.clima {  background-image: url("/img/centro-datos/icons/clima.svg"); }
div.info-bloque-container .info-bloque-icon.estandares-centro-datos {  background-image: url("/img/centro-datos/icons/fire.svg"); }
div.info-bloque-container .info-bloque-icon.incendios {  background-image: url("/img/centro-datos/icons/incendios.svg"); }
div.info-bloque-container .info-bloque-icon.conectividad {  background-image: url("/img/centro-datos/icons/conectividad.svg"); }
div.info-bloque-container .info-bloque-icon.disponibilidad {  background-image: url("/img/centro-datos/icons/disponibilidad.svg"); }
div.info-bloque-container .info-bloque-icon.latencia {  background-image: url("/img/centro-datos/icons/latencia.svg"); }
div.info-bloque-container .info-bloque-icon.permanencia {  background-image: url("/img/empresa/icons/permanencia.svg"); }
div.info-bloque-container .info-bloque-icon.prueba {  background-image: url("/img/empresa/icons/prueba.svg"); }
div.info-bloque-container .info-bloque-icon.soporte {  background-image: url("/img/empresa/icons/soporte.svg"); }
div.info-bloque-container .info-bloque-icon.garantia { background-image: url("/img/empresa/icons/garantia.svg"); }


.customer-trust-container{
  touch-action: pan-y;
}

div.customer-trust-carousel div.customer-trust-slide {
  row-gap: 19px;
  padding: 40px 48px;
  min-width: 520px;
  min-height: 280px;
  width: 100%;
}

div.customer-trust-carousel div.customer-trust-slide p{
  transition: max-height 0.4s ease;
}

.texto-resena-limit{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 98px !important;

}

.texto-resena-toggle{
  cursor: pointer;
}
.texto-resena-toggle:hover{
  text-decoration: underline;
  color:#134167;
}

div.customer-trust-avatar div.customer-trust-avatar-info p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.customer-trust-avatar img,
div.customer-trust-avatar-letters{
  width: 64px;
  height: 64px;
}

div.resena-general-container div.customer-trust-score,
div.customer-trust-slide div.customer-trust-score {
  column-gap: 2.5px;
}
div.resena-general-container div.customer-trust-score img,
div.customer-trust-slide div.customer-trust-score img {
  width: 24px;
  height: 24px;
}

div.resena-general-container div.customer-trust-score img {
  width: 28px;
  height: 28px;
}

div.customer-trust-slide div.customer-trust-score p {
  max-width: 442px;
}

div.error404 img {
  max-width: 650px;
  width: 100%;
}

div.company h2 {
  max-width: 337px;
}


div.company h3 {
  max-width: 823px;
}
div.slider-custom{
  border-bottom:1px solid #e7e7e7;
}
div.slider-custom:last-of-type {
  border-bottom:none;
}

div.migrationprocess div.line {
  content: "";
  border: 1px solid;
  height: 100%;
  display: block;
  width: 1px;
}

div.migrationprocess div.arrow {
  content: "";
  background: transparent url(/img/icons/arrowdown.svg) no-repeat center bottom;
  height: 37px;
  display: block;
  width: 15px;
  background-size: 15px;
  margin: 2px 0;
}

div.migrationprocess div.step {
  border: 2px solid #b8b8b8;
  background-color: #f5f5f5;
  display: table-cell;
  width: 200px;
  height: 45px;
  vertical-align: middle;
  border-radius: 8px;
  font-weight: 600;
}

div.migrationprocess div.first div.step,
div.migrationprocess div.last div.step {
  background-color: transparent;
  width: 350px;
}

div.migrationprocess div.first div.step {
  border-color: #18507f;
  color: #18507f;
}

div.migrationprocess div.last div.step {
  border-color: #87bb3b;
  color: #87bb3b;
}

div.migrationprocess div.order div.step {
  height: 55px;
}

div.migrationprocess div.info div.step {
  height: 80px;
}

div.migrationprocess div.migrate div.step {
  height: 95px;
}

div.migrationprocess div.check div.arrow,
div.migrationprocess div.first div.arrow {
  height: 65px;
}

div.dejanos-opinion form div > div.col-md-6 > div {
  width: 90%;
}
#newsletterForm div.rgpd span,
div.dejanos-opinion form div.check-group,
div.dejanos-opinion div.check-group.rgpd span,
div.contacto form div.check-group,
div.contacto form div.check-group.rgpd span {
  cursor: pointer;
}

div.contact-info .group h3 i {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: sub;
  margin-right: 8px;
  display: inline-block;
}

div.contact-info .group h3 i.contact-info-soporte {
  background-image: url("/img/contacto/icons/contacto-soporte.svg");
}
div.contact-info .group h3 i.contact-info-dominios {
  background-image: url("/img/contacto/icons/contacto-dominios.svg");
}
div.contact-info .group h3 i.contact-info-facturacion {
  background-image: url("/img/contacto/icons/contacto-facturacion.svg");
}
div.contact-info .group h3 i.contact-info-atencion {
  background-image: url("/img/contacto/icons/contacto-atencion.svg");
}
div.contact-info .group h3 i.contact-info-sugerencias {
  background-image: url("/img/contacto/icons/contacto-sugerencia.svg");
}
div.contact-info .group h3 i.contact-info-rrhh {
  background-image: url("/img/contacto/icons/contacto-rrhh.svg");
}

div.contacto form .form-row .col,
div.dejanos-opinion form .form-row .col {
  flex: 1 1 calc(50% - 24px);
}

div.dejanos-opinion select {
  background: none;
}

div.dejanos-opinion select,
div.dejanos-opinion input[type="text"],
div.dejanos-opinion input[type="email"],
div.contacto input[type="text"],
div.contacto input[type="email"],
input.clicktocall-input,
div.dejanos-opinion textarea,
div.contacto textarea {
  background-color: #f6f6f6;
  border-radius: 12px;
  padding: 14px 16px;
  border: none;
  font-size: 16px;
  line-height: 150%;
}

input.clicktocall-input{
  max-width:400px;
  height:52px;
}

.clicktocall-input-error{
  display:none;
  color:#bc0017;
  font-size:12px;
}

div.dejanos-opinion textarea,
div.contacto textarea {
  resize: none;
}
#newsletterForm .custom-checkbox .custom-control-label::before {
  background-color: transparent;
  border-radius: 2px;
  border: 2px solid #fff;
}
.custom-checkbox .custom-control-label::before {
  background-color: #f6f6f6;
  border-radius: 2px;
  border: 2px solid #737373;
}

div.dejanos-opinion .contacto-select {
  position: relative;
}

div.dejanos-opinion .contacto-select > select {
  border-radius: 12px;
  appearance: none;
  width: 100%;
}

div.dejanos-opinion .contacto-select svg {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 11px;
  height: 11px;
  pointer-events: none;
}

body.bg-black div.contacto form div.rgpd div.txt,
body.bg-black div.contacto form {
  background-color: transparent;
  border: 2px solid #ffffff;
}

div.dejanos-opinion form div.form-group select {
  padding: 0px 21px;
  height: 52px;
}
#te-llamamos div.check-group.rgpd,
#aniversarioForm div.check-group.rgpd,
#newsletterForm div.rgpd,
div.dejanos-opinion form div.check-group.rgpd,
div.contacto form div.check-group.rgpd {
  cursor: default;
}
#te-llamamos div.rgpd span:before,
#newsletterForm div.rgpd span:before,
#aniversarioForm div.rgpd span:before,
div.dejanos-opinion form div.rgpd span:before,
div.contacto form div.rgpd span:before {
  content: "+";
  font-size: 30px;
  width: 28px;
  display: inline-block;
  text-align: left;
  padding-bottom: 6px;
  vertical-align: middle;
  line-height: 0;
  color: #737373;
}
#newsletterForm div.rgpd span:before{
  color:#fff;
}
#te-llamamos div.rgpd span.open:before,
#aniversarioForm div.rgpd span.open:before,
div.dejanos-opinion form div.rgpd span.open:before,
div.contacto form div.rgpd span.open:before {
  content: "-";
}

#modalNewsletter .txt,
.newsletterform-rgpd-info .modal-content{
  border-radius:18px;
}

.newsletterform-rgpd-info {
  display:none;
}

.newsletter-form-confirmation{
  display:none;
}

#te-llamamos div.rgpd div.txt,
#aniversarioForm div.rgpd div.txt,
div.dejanos-opinion form div.rgpd div.txt,
div.contacto form div.rgpd div.txt {
  background-color: #f6f6f6;
  border-radius: 16px;
  display: none;
}

div.rgpd div.txt li,
#modalNewsletter li {
  list-style: disc;
}

div.newsletter-bg {
  background-color: #134167;
}

div.newsletter .form-newsletter .btn-default-lh {
  height: 52px;
}

div.newsletter .form-newsletter input {
  padding: 14px 16px;
  background-color: #f6f6f6;
  border-radius: 12px;
  border: none;
  color: #888888;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  min-width: 320px;
  height: 52px;
}

form#opinionform input.error-input,
div.newsletter .form-newsletter input.error-input {
  border:1px solid #FF1F1F;
}

div.hosting-gratis-block div.hosting-gratis-title img{
  max-width: 587px;
  max-height: 442px;
}

div.grey {
  background-image: url("/img/whyus/background.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px;
  width: 100%;
  margin-top: 130px;
  margin-bottom: 130px;
}

div.afiliados div.group {
  padding: 40px 40px 30px;
  margin: 10px 0;
}

div.socialnetwork {
  margin-bottom: 10px;
}

div.footer-rrss i[class^="icon-"] {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  display: block;
}

div.footer-rrss i.icon-fb {
  background-image: url(/img/icons/social-fb.svg);
}

div.footer-rrss i.icon-ig {
  background-image: url(/img/icons/social-ig.svg);
}

div.footer-rrss i.icon-x {
  background-image: url(/img/icons/social-x.svg);
}
div.footer-rrss i.icon-lk {
  background-image: url(/img/icons/social-lk.svg);
}
div.footer-rrss i.icon-tt {
  background-image: url(/img/icons/social-tt.svg);
}
div.footer-rrss i.icon-yt {
  background-image: url(/img/icons/social-yt.svg);
}
div.footer-rrss i.icon-bls {
  background-image: url(/img/icons/social-bls.svg);
}
div.siguenos-rrss i[class^="icon-"] {
  width: 40px;
  height: 40px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  margin-top: 15px;
}
div.siguenos-rrss i.icon-fb {
  background-image: url(/img/icons/siguenos-fb.svg);
}
div.siguenos-rrss i.icon-ig {
  background-image: url(/img/icons/siguenos-ig.svg);
}
div.siguenos-rrss i.icon-x {
  background-image: url(/img/icons/siguenos-x.svg);
}
div.siguenos-rrss i.icon-lk {
  background-image: url(/img/icons/siguenos-lk.svg);
}
div.siguenos-rrss i.icon-yt {
  background-image: url(/img/icons/siguenos-yt.svg);
}
div.siguenos-rrss i.icon-tt {
  background-image: url(/img/icons/siguenos-tt.svg);
}

body.bg-black div.siguenos-rrss i.icon-x,
body.bg-black div.siguenos-rrss i.icon-tt {
  border: 1px solid #fff;
  border-radius: 8px;
}
div.hosting-gratis-bg,
div.upselling-bg {
  background: #ebf5ff;
  background-image: url(/img/products/upselling/upselling-bg.svg);
  background-repeat: no-repeat;
  background-position: center 100px;
  background-size: clamp(1200px, 100vw, 1600px);
}

div.upselling-bg.no-pattern{
  background-image: unset;
}

div.upselling-bg.bg-white {
  background-color: #fff;
  background-image: url(/img/products/upselling/upselling-bg-white.svg);
  background-size: clamp(1200px, 100vw, 1500px);
}

div.upselling-bg.bg-violeta {
  background-color: #F5F2FF;
  background-image: url(/img/products/upselling/upselling-bg-violeta.svg);
  background-size: cover;
  background-position: center;
}

div.upselling-bg.bg-amarillo {
  background: #feffeb;
  background-image: url(/img/products/upselling/bg-amarillo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}

div.empresa-futuro-bg{
  background:transparent;
  background-image: url(/img/bg-patrones/bg-empresa-futuro.svg);
  background-repeat: no-repeat;
  background-position: center;
}

div.upselling-bg + div.help-blanco-azul > .bloquedestacado{
  padding-top: 0px;
  padding-bottom: 0px;
}

div.upselling-bg.no-bg{
  background:transparent;
  background-image: none;
}

div.upselling-bg.no-pattern{
  background-image: none;
}

div.upselling .upselling-highlight {
  transform: translateY(-40px);
}

div.upselling .columna img {
  max-width: 361px;
  max-height: 283px;
  width: 100%;
}

div.upselling div.columna {
  max-width: 458px;
  width: 100%;
  min-width: 300px;
}

.item {
  border: 1px solid #000;
  border-radius: 0;
  max-width: 367px;
}

.items > .item.primer-elemento {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-right: none;
}

.items > .item.elemento-medio {
  border-radius: 0;
  border-right: none;
}
.items > .item.ultimo-elemento {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.items > .item.elemento-unico {
  border-radius: 20px;
}

div.modal div.modal-content {
  border-radius: 16px;
}

#modalOpinion div.modal-dialog{
  max-width: 671px;
  max-height: 561px;
  width: 100%;
  height: 100%;
  padding-inline:16px;
}

div.modal-content h4 {
  margin-top: 70px;
  max-width: 300px;
  line-height: 100%;
  letter-spacing: -0.32px;
}

div.close-te-llamamos {
  width: 17.5px;
  height: 17.5px;
  position: absolute;
  top: 25.5px;
  right: 25.5px;
}

div.close-te-llamamos img {
  width: 17.5px;
  height: 17.5px;
  user-select: none;
  cursor: pointer;
}

div.modal-content button:disabled {
  cursor: not-allowed;
}

.modal-notification {
  color: #bc0017;
  font-size: 15px;
  padding: 0 0 20px;
}

div.more-features div.groupheader {
  margin-top: 10px;
}

div.more-features div.groupcontent[data-name="Más Características"] {
  margin-top: 0px;
}

div.more-features div.groupheader div.header {
  box-sizing: border-box;
  padding: 25.5px 24px;
  cursor: pointer;
}

div.more-features div.groupheader div.header:after {
  content: "+";
  font-size: 32px;
  float: right;
}

div.more-features div.groupheader div.header.open:after {
  content: "-";
}

div.more-features div.groupheader div.header.open {
  background-color: #f7f7f7;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

div.more-features div.groupcontent {
  display: none;
}

div.more-features div.groupcontent div div:not(:first-child){
  border-top: 1px solid #f6f6f6;
}

div.more-features div.groupcontent > div {
  background-color: #fff;
  border-radius: 0px 0px 16px 16px;
  border: 1px solid #f6f6f6;
}

div.more-features .groupcontent div.groupcontent > div,
div.groupcontent[data-name="Más Características"] > div:first-child {
  border-radius: 0px 0px 16px 16px;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
div.more-features div.groupcontent div.line {
  border-top: 1px solid #e7e7e7;
}

div.more-features div.groupcontent div.servicename span {
  width: 50px;
  height: 50px;
  background: transparent url(/img/icons/arrowrightblack.svg) no-repeat center;
  background-size: 0;
}

div.more-features div.groupcontent div.servicename span.icon {
  background-size: 25px;
  cursor: pointer;
}

div.more-features div.groupcontent div.servicename span.next {
  float: right;
}

div.more-features div.groupcontent div.servicename span.previous {
  float: left;
}

div.more-features div.groupcontent div.servicename span.icon.previous {
  transform: rotate(180deg);
}

div.underheader {
  z-index: 990;
  width: 100%;
  position: relative;
  display: none;
  box-shadow: 2px 2px 5px #999;
  color: #fff;
}

div.underheader-promo .underheader-cerrar{
  display: none;
}

div.underheader .underheader-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding:14.5px 0px;
}
.underheader-contador,
.underheader-promo{
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  align-items: center;
}

.underheader-cerrar svg{
  cursor: pointer;
}

.underheader-contador{
  column-gap: 45px;
  margin:-2px 0px;
}

.underheader-contador img{
  margin:-15px 0px;
}

.underheader-cerrar{
  display: flex;
  align-items: center;
}


.bg-black {
  background-color: #000 !important;
  color: #fff !important;
}
.bg-black div.contacto a {
  color: #fff;
}

.bg-promobanner {
  background-color: #CBD538 !important;
  color: #000 !important;
}

.bg-blue-light {
  background-color: #527fc3 !important;
  color: #fff !important;
}

.bg-orange {
  background-color: #fbb040;
  color: #fff;
}

div.underheader .texto {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

div.underheader .btn-promo{
  padding:6px 8px;
  background-color: transparent;
  border:1px solid #101011;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color:#101011;
  width: fit-content;
}

div.underheader.bg-black .btn-default {
  color: #fbb040;
  border-color: #fbb040;
}

div.underheader.bg-black .btn-default.btn-blue {
  color: #527fc3;
  border-color: #527fc3;
}

div.underheader.bg-black .btn-default:hover {
  background-color: #fbb040 !important;
  color: #000;
  border-color: #fbb040 !important;
}

div.underheader.bg-black .btn-default.btn-blue:hover {
  background-color: #527fc3 !important;
  color: #000;
  border-color: #527fc3 !important;
}

div.underheader.bg-blue .btn-default {
  color: #fff;
  background-color: #fbb040;
  border-color: #fbb040;
}

div.underheader div.logobar img.blackfriday {
  position: relative;
  top: 18px;
  max-width: 100%;
}

header.menu.fixed + div.underheader {
  position: sticky;
  top: 66px;
}

body.xmas:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-image: url("/img/home/nieve-1.png"), url("/img/home/nieve-2.png"),
    url("/img/home/nieve-3.png");
  animation: snow 10s linear infinite;
}

body.xmas div.home.main {
  background-image: none !important;
  position: relative;
}

body.xmas header.menu div.menu div.logo a {
  background-image: url(/img/logo_xmas.svg);
  height: 61px;
}

body.xmas header.menu.fixed div.menu div.logo a {
  height: 50px;
}

@keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }

  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }

  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}

body.bg-black div.featurekey div.icon-nodejs i,
body.bg-black div.featurekey div.icon-npm i,
body.bg-black div.featurekey div.icon-wpcli i,
body.bg-black div.landing ul li i,
body.bg-black div.producticons i,
body.bg-blue div.featurekey div.icon-nodejs i,
body.bg-blue div.featurekey div.icon-npm i,
body.bg-blue div.featurekey div.icon-wpcli i,
body.bg-blue div.landing ul li i,
body.bg-blue div.producticons i {
  filter: brightness(0) invert(1);
}

body.bg-blue header.menu {
  background-color: #18507f;
}

body.bg-black header.menu {
  background-color: #000;
}

body.bg-black div.down-footer .toppayment,
body.bg-black footer,
body.bg-blue div.down-footer .toppayment,
body.bg-blue footer {
  background-color: #000 !important;
  color: #fff !important;
}

body.bg-blue div.contacto form,
body.bg-blue div.contacto form p {
  color: initial !important;
}

body.bg-black div.block a,
body.bg-black header.menu .main li a,
body.bg-black header.menu nav.util a,
body.bg-black p,
body.bg-blue div.block a,
body.bg-blue header.menu .main li a,
body.bg-blue header.menu nav.util a,
body.bg-blue p {
  color: #fff !important;
}

body.bg-blue div.custom-hosting-slider p {
  color: initial !important;
}

body.bg-black div.custom-hosting-slider div.blockslider div.slidervalue {
  background-color: transparent;
}

body.bg-blue div.product {
  color: #000 !important;
}

body.bg-blue div.product.highlight {
  color: #fff !important;
}

body.bg-black div.modal-content,
body.bg-black div.modal-content p,
body.bg-blue div.modal-content,
body.bg-blue div.modal-content p {
  color: initial !important;
}

body.bg-black div.block a:hover,
body.bg-black header.menu .main a:hover,
body.bg-black header.menu nav.util a:hover,
body.bg-blue div.block a:hover,
body.bg-blue header.menu .main a:hover,
body.bg-blue header.menu nav.util a:hover {
  color: #87bb3b !important;
}

body.bg-black .floating-action,
body.bg-black .floating-action .contacto,
body.bg-black div.product div.productcol span.label-ribbon,
body.bg-black header div.dropdown {
  background-color: #fff !important;
  color: #000 !important;
}

body.bg-blue .down-footer {
  background-color: #000 !important;
}

body.bg-black .down-footer a,
body.bg-black footer a,
body.bg-blue .down-footer a,
body.bg-blue footer a {
  color: #aed1ef !important;
}

body.bg-black .floating-action .icono {
  filter: invert(1) !important;
}

body.bg-black div.productcol {
  background-color: #242424 !important;
}

body.bg-black div.product.highlight div.productcol {
  background-color: #000 !important;
  border: 2px solid #242424 !important;
}

body.bg-black div.down-footer i.favicon-logo,
body.bg-black div.product div.title i,
body.bg-black header.menu div.menu div.logo a,
body.bg-black header.menu nav.util li.mobile.menu a,
body.bg-blue div.down-footer i.favicon-logo,
body.bg-blue header.menu div.menu div.logo a,
body.bg-blue header.menu nav.util li.mobile.menu a {
  filter: brightness(0) invert(1);
}

body.bg-black,
body.bg-black .down-footer a,
body.bg-black .floating-action .contacto,
body.bg-black .floating-action .icono,
body.bg-black div.down-footer .toppayment,
body.bg-black div.product div.productcol span.label-ribbon,
body.bg-black div.product div.title i,
body.bg-black div.product.highlight div.productcol,
body.bg-black div.productcol,
body.bg-black footer,
body.bg-black footer a,
body.bg-black header.menu .main li a,
body.bg-black header.menu div.menu div.logo a,
body.bg-black header.menu nav.util a,
body.bg-black a,
body.bg-black p {
  -webkit-transition: background-color 0.7s linear, color 0.7s linear !important;
  -moz-transition: background-color 0.7s linear, color 0.7s linear !important;
  -o-transition: background-color 0.7s linear, color 0.7s linear !important;
  -ms-transition: background-color 0.7s linear, color 0.7s linear !important;
  transition: background-color 0.7s linear, color 0.7s linear !important;
}

body.bg-blue div.countdown,
body.bg-blue div.countdown p {
  background-color: #eee;
  color: #18507f !important;
}

body.bg-black div.countdown div.number,
body.bg-blue div.countdown div.number {
  width: 175px;
  height: 175px;
  border: 7px solid #527fc3;
  border-radius: 100px;
  line-height: 160px;
  margin: 20px 25px 5px 25px;
}

body.bg-blue div.countdown div.number {
  border: 7px solid #18507f;
}

body.bg-black div.countdown div.number img,
body.bg-blue div.countdown div.number img {
  width: 60%;
}

body.bg-black div.product div.title i.hosting-prestashop {
  background-image: url(/img/menu/hosting-prestashop_highlight.svg) !important;
}

div.tagcabecera {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: bold;
  margin-bottom: 20px;
}

.list-productperk{
  list-style-type: disc;
}
.list-productperk li{
  list-style: unset;
}

.countdown-slider{
  /* width: 109px; */
  height:126px;
  padding:12px;
  border:1px solid transparent;
}

.img-affiliate-border{
  max-width:350px;
  padding: 1em;
  border-radius: 24px;
  background-color: #CBD538;
  overflow: hidden;
}

.img-affiliate-border img{
  display: block;
  width: 100%;
  background-color:#fff;
  border-radius: 16px;
}
/* Media Query para pantallas pequeñas de Desktop */
@media (max-width: 1440px) {

  .container-fluid{
    max-width: 1540px;
    padding-inline: 50px;
  }

  .customer-trust-container{
    margin:0px -50px;
  }

  div.domain-register {
    padding:40px;
  }

  .datacenter-location-container img {
    max-width: 570px;
  }

  div.afiliados-recomendaciones-texto {
    max-width: 573px;
  }

  div.review-score {
    padding:86px 90px;
  }

}

@media (max-width: 1470px) {
  div.upselling .upselling-highlight {
    transform: none;
  }
  div.whyus div.whyus-lunchbox.whyus-migracion .bloque-arriba-der > img {
    max-width: 300px;
    top: 70px;
  }
}

@media (max-width: 1350px) {
  div.whyus div.whyus-lunchbox.whyus-dominios .bloque-arriba-der > img {
    max-width: 300px;
    top: 70px;
  }

}

/* Solucion al menu pequeño */
/* @media (max-height: 800px) {
  div.dropdown .sub-menu.hovering .sub-menu-elementos.cms .sub-menu-elemento-seccion .text-xm.font-grey{
    display:none;
  }
} */

@media (max-width: 1265px) {
  header.menu nav.util li.aff {
    display: none;
  }

  div.whyus .whyus-section {
    margin: 0px 0px 100px 0px !important;
  }

  div.domainprice div.tabs {
    display: none;
  }

  div.domainprice div.row > div.container-fluid {
    border: none;
  }

  div.domainprice .tab-pane.active .collapse {
    display: none;
  }

  div.domainprice .tab-pane .collapse.show {
    display: block !important;
  }

  div.domainprice .tab-pane div.domain-price-tables-container {
    border: none;
    box-shadow: none;
  }

  div.domainprice
    .tab-pane
    div.domain-price-tables-container
    table
    td:last-child {
    border-right: none;
  }

  div.domainprice div.accordionheader {
    display: block;
  }

  div.domainprice div.content {
    padding: 0 5px;
  }

  div.domainprice div.content {
    background-color: transparent;
  }

  div.domainprice div.tab-pane {
    margin-top: 16px;
    border-radius: 16px;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 1px 4px 0px rgba(12, 12, 13, 0.05),
      0px 1px 4px 0px rgba(12, 12, 13, 0.1);
    cursor: pointer;
  }

  div.domainprice div.accordionheader a {
    width: 100%;
    display: inline-block;
    padding: 22px;
    font-size: 16px;
    line-height: 150%;
    background-color: #134167;
    color: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-weight: 700;
  }

  div.domainprice div.accordionheader a:after {
    content: "-";
    float: right;
    font-size: 30px;
  }

  div.domainprice div.accordionheader a.collapsed {
    background-color: transparent;
    color: #000;
    transition: background-color 0.5s ease, color 0.5s ease;
  }

  div.domainprice div.accordionheader a.collapsed:after {
    content: "+";
  }

  div.domain-price-tables-container {
    flex-direction: column;
  }

  div.domainprice
    div.domain-price-tables-container
    table:not(:first-child)
    tr:first-child {
    display: none;
  }

  div.domain-price-tables-container table td {
    display: table-cell;
    flex: 1;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }

  div.domain-price-tables-container table tr {
    display: flex;
    flex-direction: row;
  }

  div.domain-price-tables-container table th {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  div.domain-price-tables-container table th:last-child {
    padding: unset;
  }

}

@media (max-width: 1199px) {
  div.div-ribbon {
    border-radius: 20px;
  }

  div.afiliados-recomendaciones-texto {
    max-width: unset;
  }

  div.contenedor-carousel-testimonios {
    max-width: 680px;
  }

  div.review-score {
    padding: 52px 24px;
  }

  div.review-score-container .score-result-container {
    max-width: unset;
    max-height: unset;
  }

  div.hosting-trial-container::before {
    content: none;
  }

  div.hosting-trial-step {
    max-width: unset;
    width: 50%;
  }
}

@media (max-width: 1180px) {
  header.menu div.menu div.logo a,
  header.menu.fixed div.menu div.logo a {
    width: 190px;
    height: 40px !important;
  }

  div.bg-aviso-legal::before,
  div.bg-empresa::before,
  div.bg-opiniones::before,
  div.bg-migraciones::before,
  div.bg-datacenter::before,
  div.bg-contacto::before,
  div.bg-contacto-eventos::before,
  div.bg-aniversario::before,
  div.main-background::before,
  div.home.main::before,
  div.bg-dominios::before,
  div.main-background.hosting-wordpress::before,
  div.main-background.hosting-elastico::before {
    background-size: cover;
  }
}

@media (min-width: 1113px) {
  div.headermenumobile {
    display: none !important;
  }
}

@media (max-width: 1113px) {
  div.menu-desktop {
    display: none;
  }

  header.menu.fixed .menu > div.menumain.carry {
    display: none;
  }
  .container-fluid{
    padding-inline: 16px;
  }

  .customer-trust-container{
    margin:0px -16px;
  }
  header div.container-fluid.menu {
    padding-top: 20px;
    padding-bottom: 20px
  }

  header.menu.fixed {
    padding: 0px;
  }

  div.menumobilecol {
    display: flex;
  }

  div.whyus div.whyus-lunchbox .bloque-arriba-der > img {
    max-width: 300px;
    max-height: 224px;
  }

  div.whyus div.whyus-datacenter .bloque-arriba-der > img {
    max-width: 36%;
  }

  div.whyus div.whyus-lunchbox.whyus-dominios .bloque-arriba-der > img {
    max-width: 245px;
    max-height: 224px;
    top: 100px;
  }

  div.whyus div.whyus-lunchbox .bloque-arriba-der p {
    min-width: 390px;
  }

  div.whyus div.whyus-lunchbox.whyus-migracion .bloque-arriba-der > img {
    max-width: 250px;
    top: 70px;
  }

  div.quienes-somos-empresa {
    padding: 32px 24px;
  }

  div.quienes-somos-empresa p {
    max-width: unset;
  }

  div.quienes-somos-empresa img {
    max-width: unset;
    max-height: unset;
  }

  div.quienes-somos-empresa::before {
    background-size: cover;
    transform: unset;
  }
}

@media (max-width: 1000px) {
  header.menu nav.util ul > li {
    padding-left: 15px;
  }
  div.whyus .whyus-section {
    margin: 0px 0px 100px 0px !important;
  }
}

@media (max-width: 991px) {
  /* Estilos de fuentes movil */
  .display-1-responsive{font-size: 56px; line-height:110%}
  .display-2-responsive{font-size: 48px; line-height:110%}

  .heading-1-responsive{ font-size: 44px; line-height: 110%;}
  .heading-2-responsive{ font-size: 40px; line-height: 110%;}
  .heading-3-responsive{ font-size: 34px; line-height: 110%;}
  .heading-4-responsive{ font-size: 28px; line-height: 110%;}
  .heading-5-responsive{ font-size: 20px; line-height: 110%;}
  .heading-6-responsive{ font-size: 16px; line-height: 110%;}

  .text-xl-responsive{font-size: 24px; line-height: 134%;}
  .text-lg-responsive{font-size: 22px; line-height: 134%;}
  .text-md-responsive{font-size: 18px; line-height: 150%;}
  .text-sm-responsive{font-size: 16px; line-height: 150%;}
  .text-xm-responsive{font-size: 14px; line-height: 150%;}
  .text-xs-responsive{font-size: 12px; line-height: 150%;}
  /* Fin Estilos de fuentes movil*/

  /* Estilos gap responsive */
  .row-gap-0-responsive { row-gap:0px;}
  .row-gap-8-responsive { row-gap:8px;}
  .row-gap-12-responsive { row-gap:12px; }
  .row-gap-16-responsive { row-gap:16px; }
  .row-gap-24-responsive { row-gap:24px; }
  .row-gap-32-responsive { row-gap:32px; }
  .row-gap-40-responsive { row-gap:40px; }
  .row-gap-64-responsive { row-gap: 64px; }

  .column-gap-6{ column-gap: 6px; }
  .column-gap-8-responsive { column-gap: 8px;}
  .column-gap-12-responsive { column-gap: 12px; }
  .column-gap-16-responsive { column-gap: 16px; }
  .column-gap-24-responsive { column-gap: 24px; }
  .column-gap-32-responsive { column-gap: 32px; }
  .column-gap-40-responsive {column-gap: 40px; }
  .column-gap-64-responsive { column-gap: 64px; }
  /* Fin Estilos gap responsive */

  /* Estilos de utilities movil */
  .l-blockheader-space,
  .l-block-lg-space,
  .l-block-space{
    padding-top: 52px;
    padding-bottom:52px;
  }

  .p-0-responsive{ padding: 0px;}
  .p-8-responsive{ padding:8px; }
  .p-12-responsive{ padding:12px; }
  .p-16-responsive{ padding:16px; }
  .p-24-responsive{ padding:24px; }
  .p-32-responsive{ padding:32px; }

  .pt-16-responsive{ padding-top:16px }
  .pb-16-responsive{ padding-bottom:16px }
  .pt-24-responsive{ padding-top:24px }
  .pb-24-responsive{ padding-bottom:24px }
  .pt-32-responsive{ padding-top:32px }
  .pb-32-responsive{ padding-bottom:32px }
  .pt-40-responsive{ padding-top:40px; }
  .pb-40-responsive{ padding-bottom:40px; }
  .pt-52-responsive{ padding-top:52px; }
  .pb-52-responsive{ padding-bottom:52px; }
  /* Fin Estilos de utilities movil */

  /* Estilos para max-witdh */
    .max-width-m,.max-width-xl, .max-width-xs{
      max-width: unset;
    }
  /* Fin Estilos para max-witdh */


  /* Carousel admin lucus */
    .carousel-inner {
      height: 587px;
    }

    .carousel-card.left {
      left: calc(35% - 100px); /* distancia a la izquierda de la central */
    }

    /* Lateral derecha */
    .carousel-card.right {
      left: calc(65% + 100px); /* distancia a la derecha de la central */
    }

    .carousel-card.center{
      max-height: 587px;
      height: fit-content;
      width: 90%;

    }

    .carousel-card.left,
    .carousel-card.right{
      max-height: 521px;
      height: fit-content;
      width: 90%;
    }

    .carousel-card.center h3{
      font-size: 28px;
      line-height: 110%;
    }
    .carousel-card.center p{
      font-size: 16px;
      line-height: 150%;
    }
    .carousel-card.left h3,
    .carousel-card.right h3{
      font-size: 24px;
      line-height: 110%;
    }
    .carousel-card.left p,
    .carousel-card.right p{
      font-size: 14px;
      line-height: 150%;
    }
    .carousel-card.center img{
      max-width: 295px;
      height: 228px;
    }
    .carousel-card.left img,
    .carousel-card.right img{
      max-width: 251px;
      height: 203px;
    }
    .carousel-card.center img.carousel-adminlucus-avatar{
      width: 76px;
      height: 76px;
    }
    .carousel-card.left img.carousel-adminlucus-avatar,
    .carousel-card.right img.carousel-adminlucus-avatar{
      width: 56px;
      height: 56px;
    }

  /* FIN Carousel admin lucus */

  div.configurador-producto .c-tarjeta{
    border:none;
    border-top:1px solid #e7e7e7;
    border-radius:unset;
  }
  div.configurador-producto .c-slider-v2{
    margin:0px 24px;
  }
  div.configurador-producto .sombra-fina{
    box-shadow:none;
  }



  div.blockslider div.slidervalue {
    max-width: unset;
    width: 100%;
  }


  div.searchdomain input {
    width: 100%;
    padding-right: 0px;
    font-size: 16px;
  }

  .countdown-slider{
    /* width: 53px; */
    height: 58px;
 }

  div.blockheader.dominios img {
    max-height: 300px;
  }

  div.inputinline {
    text-align: center;
    display: block;
    background-color: transparent;
  }

  div.inputinline input {
    background-color: #eaeaea;
    height: 63px;
    margin-bottom: 20px;
  }

  div.searchdomain-precios::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }
  div.searchdomain > .row {
    position: relative;
  }
  div.searchdomain > .row::after {
    content: "";
    position: absolute;
    top: 90px;
    right: 0;
    width: 60px; /* ancho del degradado */
    height: 57px;
    pointer-events: none; /* que no bloquee el scroll */
    background: linear-gradient(to left, white, transparent);
  }

  div.upselling .columna img {
    width: 100%;
    height: unset;
  }

  div.whyus div.whyus-lunchbox {
    display: flex;
    column-gap: 24px;
    row-gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
  }

  div.whyus div.whyus-lunchbox > div {
    padding: 12px 12px 24px 12px;
    max-width: 440px;
  }

  div.whyus div.whyus-lunchbox > div >div{
    padding:12px;
  }

  div.whyus div.whyus-lunchbox div.bloque-arriba-iz{
    padding:24px;
    row-gap: 0px;
  }

  div.whyus .bloque-arriba-iz h3{
    order: 1;
    margin-bottom: 8px;
    max-width: 287px;
  }

  div.whyus .bloque-arriba-iz p{
    order:2;
    margin-bottom: 16px;
  }

  div.whyus .bloque-arriba-iz a{
    order:2;
    margin-bottom: 28px;
  }

  div.whyus .bloque-arriba-iz img{
    order:3;
  }

  div.whyus .bloque-centro-medio div{
    order:1;
  }
  div.whyus .bloque-centro-medio img{
    order:2;
  }

  div.whyus div.whyus-datacenter .bloque-centro-derecha div{
    order:1;
  }
  div.whyus div.whyus-datacenter .bloque-centro-derecha img{
    order:2;
  }

  div.whyus div.whyus-lunchbox > div img {
    position: relative;
  }

  div.whyus div.whyus-lunchbox.whyus-migracion .bloque-arriba-der > img,
  div.whyus div.whyus-lunchbox .bloque-centro-medio img,
  div.whyus div.whyus-lunchbox .bloque-arriba-der > img,
  div.whyus div.whyus-lunchbox.whyus-dominios .bloque-arriba-der > img {
    max-width: unset;
    max-height: unset;
    right: unset;
    top: unset;
  }
  div.whyus div.whyus-lunchbox .bloque-arriba-der p,
  div.whyus div.whyus-lunchbox > div p {
    min-width: unset;
  }
  div.whyus div.whyus-lunchbox .bloque-arriba-der a {
    max-width: unset;
  }

  div.migration .cabecera {
    margin-bottom: 40px;
  }

  div.info-bloque-elemento {
    flex: 1 1 calc(50% - 24px);
  }

  div.proceso-migracion {
    padding:24px;
  }
  
  div.datacenter-video iframe{
    order:2;
    min-height: 300px;
  }

  div.datacenter-perks-container img{
    max-width:450px;
  }

  div.proceso-migracion-portada {
    max-width: unset;
  }
  div.proceso-migracion-proceso a {
    max-width: unset;
    width: 100%;
  }

  div.blockheader.productheader{
    padding:52px 16px;
  }

  div.bg-proceso-afiliado {
    background-size: cover;
    background-position: center;
  }

  div.elemento-empresa-futuro img {
    max-width: 200px;
  }

  div.proceso-afiliado-proceso a {
    min-width: 100%;
  }

  div.nuestra-info {
    padding: 40px 24px;
  }

  div.nuestra-info img{
    align-self: unset;
  }
  div.home.main .blockheader .garantia {
    margin-bottom: 32px;
  }

  div.blockheader .home-header img {
    margin-bottom: 52px;
    padding-top: 0px;
  }

  div.blockheader.opiniones img{
    margin-top: 32px;
  }

  div.underheader-contador,
  div.underheader .underheader-container {
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
    width: 100%;
  }

  div.underheader .container-fluid{
    padding:0px
  }
  div.underheader-container .underheader-promo{
    flex-direction: column;
    row-gap: 16px;
    width: 100%;
    padding:0px 16px;
  }
  div.underheader-container .underheader-promo > div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  div.underheader-container > .underheader-cerrar{
    display: none;
  }

  div.underheader-container .underheader-promo .underheader-cerrar{
    display: block;
  }

  div.underheader-contador button{
    order:1;
    width: 100%;
  }

  div.underheader-contador img{
    order:2;
    width: 100%;
    margin-top: 0px;
    max-width: 375px;
  }

  div.hosting-gratis-list ul li.check::before {
    max-width: 26px;
  }

  .slider-config-responsive{
    display:flex;
  }
}

@media (max-width: 920px) {
  header.menu nav.util li.panel {
    display: none;
  }

  div.carousel-testimonios {
    position: relative;
  }

  div.contenedor-carousel-testimonios {
    max-width: 300px;
  }

  div.carousel-testimonio-card {
    min-width: 300px;
    max-height: none;
    padding: 20px 45px;
  }

  div.carousel-prev {
    margin: 0;
    width: 39px;
    position: absolute;
    height: 59px;
    left: 5px;
    filter: opacity(0.1);
  }
  div.carousel-next {
    margin: 0;
    width: 39px;
    position: absolute;
    height: 59px;
    right: 5px;
    filter: opacity(0.1);
  }

  div.customer-trust-carousel div.customer-trust-slide {
    row-gap: 19px;
    padding: 20px 24px;
    border-radius: 16px;
    min-width: 267px;
    min-height: 277px;
    width: 100%;
  }

  div.customer-trust-carousel div.customer-trust-slide p.resena-text{
    display: block;
    overflow: hidden;
  }

  /* div.customer-trust-carousel div.customer-trust-slide p.texto-resena-toggle{
    display: none;
  } */

  div.customer-trust-slide > p {
    font-size: 16px;
  }
  div.customer-trust-avatar-letters,
  div.customer-trust-avatar img {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  div.customer-trust-slide div.customer-trust-score img {
    width: 16px;
    height: 16px;
  }

  .datacenter-brand-logo {
    flex: 1 1 calc(40%, -48px);
    max-width: unset;
  }

}

@media (max-width: 860px) {
  .cookie-settings {
    max-width: 600px;
  }

  div.help {
    padding: 52px 16px 72px 16px;
  }

  div.bloque-migrar > div::before, div.help::before {
    width: 171px;
    height: 8px;
    bottom:15px;
  }

  div.bloque-migrar > div::after, div.help::after {
    width: 100px;
    height: 8px;
    bottom:31px;
  }

}

@media (max-width: 767px) {
  body.push,
  body.push header.menu.fixed {
    left: -400px;
  }

  div.headermenumobile {
    width: 400px;
  }

  div.whyus .whyus-section {
    margin: 0px 0px 100px 0px !important;
  }

  div.socialnetwork {
    text-align: center;
  }

  header.menu nav.util li.company {
    display: none;
  }

  div.producticons i {
    margin: auto;
    background-position: center;
  }

  div.company div.separatorvleft {
    border: 0;
  }

  header.menu.fixed + div.underheader div.logobar,
  header.menu.fixed + div.underheader div.texto {
    display: none;
  }

  div.company div.afiliados-line {
    display: none;
  }

  div.dejanos-opinion form div > div.col-md-6 > div {
    width: 100%;
  }

  div.blockheader.productheader,
  div.main-background div.blockheader,
  div.datacenter-container.blockheader,
  div.dominios.blockheader,
  div.home .blockheader,
  div.blockheader.afiliados {
    padding: 52px 16px;
  }

  div.blockheader.productheader h1{
    font-size: 44px;
    line-height: 110%;
    margin-bottom: 16px;
  }

  div.blockheader.cualesmiip .likeinput::before{
    right: 28px;
  }

  div.searchdomain .searchdomain-precios .tld:nth-child(3n + 1) {
    border-left: none;
  }

  div.score-card div.otros-testimonios-stars img {
    width: 18px;
    height: 18px;
  }

  div.score-card {
    padding: 32px 24px;
  }

  div.contacto div.contact-info h2.withline::after,
  div.contacto form .form-row h2.withline::after {
    margin-top: 8px;
    width: 100px;
  }

  form.dns-tool,
  div.punycode-tool {
    padding:24px 16px;
  }

  form.dns-tool input::placeholder{
    color:#888888;
  }

  form.dns-tool .dns-tool-container .btn-order-lh{
    max-width: unset;
    align-self: unset;
    width: 100%;
  }

  div.lucusmonitor div.caracteristicas-lucusmonitor-container .caracteristica {
    padding: 0px 0px 24px 24px;
  }
  div.lucusmonitor div.caracteristicas-lucusmonitor-container.selected-0,
  div.lucusmonitor div.caracteristicas-lucusmonitor-container {
    row-gap: 12px;
    border-left: 2px solid transparent;
    border-bottom:none;
    border-image: linear-gradient(100.08deg, #18507f 0.13%, #e7e7e7 11.93%);
    border-image-slice: 1;
  }

  div.lucusmonitor div.caracteristicas-lucusmonitor-container.selected-1{
    border-image: linear-gradient(100.08deg,#e7e7e7 7%, #18507f 15%, #e7e7e7 23%);
    border-image-slice: 1;
  }
  div.lucusmonitor div.caracteristicas-lucusmonitor-container.selected-2{
    border-image:linear-gradient(100.08deg, #e7e7e7 14%, #18507f 28%, #e7e7e7 0%);
    border-image-slice: 1;
  }

  div.productcol-selector-precio p{
    font-size: 14px;
    line-height: 150%;
  }
  div.productfeaturekey-panel .productfeaturekey-image {
    min-height: unset;
  }
  div.productcol div.wehelpyou {
    width: 100%;
  }
}

@media (max-width: 692px) {

  div.footer-logo .pagos-seguros {
    display: none;
  }

  div.pagos-seguros img {
    width: 100%;
  }

  div.footer-container div.footer-secciones .pagos-seguros {
    display: flex;
  }

  div.producticons .icons .icon .icon-text-container {
    max-height: 200px;
  }
}

@media (max-width: 680px) {
  header.menu nav.util li.contact {
    display: none;
  }
  div.hosting-trial-step {
    width: 100%;
  }

  div.hosting-trial-step p {
    max-width: 311px;
  }
}

@media (max-width: 620px) {
  .blockheader a{
    max-width: none;
    width: 100%;
  }
  .cookie-settings {
    max-width: unset;
    width: 350px;
  }

  .cookie-settings h3 {
    font-size: 20px;
  }

  .cookie-settings p {
    font-size: 15px;
  }
  .cookie-settings .cookie-settings-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0px;
    margin-bottom: 15px;
  }
  .cookie-settings .cookie-settings-buttons button {
    width: 100%;
    margin: 0px;
    margin-bottom: 15px;
  }

  div.paso-migracion img {
    max-width: 160px;
    max-height: 123px;
    width: 100%;
  }

}

@media (min-width: 576px) {
  #modalOpinion .modal-dialog {
    max-width: 665px;
  }
}

@media (max-width: 575px) {
  div.modal div.modal-content {
    width: unset;
  }

  div.modal-content div.input input {
    width: unset;
  }

  div.text-center.text-sm-left h1.withline:after,
  div.text-center.text-sm-left h2.withline:after {
    margin: 15px auto 0;
  }

  div.featurekey div[class^="icon-"] i {
    margin: auto;
    background-position: center;
  }

  div.upselling div.columna{
    min-width: unset;
  }

  div.score-text h2 {
    margin-top: 12px;
  }

  div.searchdomain {
    padding: 16px;
  }

  div.searchdomain > .row::after {
    top: 155px;
  }

  div.searchdomain div.input .btn-order-lh {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 590px) {
  header.menu div.menu div.logo a,
  header.menu.fixed div.menu div.logo a {
    width: 180px;
    height: 27px !important;
  }
}

@media (max-width: 515px) {
  header.menu nav.util li.telefono {
    display: none;
  }

  div.productfeaturekey div.product {
    display: unset;
  }

  div.cookies-info-body th.col-cookie {
    min-width: unset;
  }

  div.productcol.custom-hosting-slider div.custom-slider-button.discounted {
    height: 140px;
  }

  div.productcol.custom-hosting-slider
    div.custom-slider-button
    div.price.discounted {
    margin-left: unset;
  }

  div.blockslider div.sliderrangetxt {
    font-size: 13px;
  }

  div.blockslider div.slidervalue span {
    font-size: 13px;
  }

  div.domain-price-tables-container table th {
    max-width: 113px;
    font-size: 12px;
    width: unset;
  }

  div.domain-price-tables-container table td {
    max-width: 113px;
    font-size: 12px;
    width: unset;
  }

  div.domain-price-tables-container table td:last-child {
    border-right: unset;
  }

  div.domain-price-tables-container table th:last-child::after {
    content: none;
  }
}

@media (max-width: 480px) {
  body.push,
  body.push header.menu.fixed {
    left: -238px;
  }

  div.headermenumobile {
    width: 238px;
  }

  div.modal-content div.input {
    width: 100%;
  }

  div.more-features div.groupcontent div.servicename span {
    width: 20px;
  }

  div.newsletter .form-newsletter input {
    min-width: unset;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
  }

  div.domaincols div.columna {
    flex: 0 0 92vw;
  }

  div.domaincols div.product div.hat {
    width: calc(100% + 34px);
  }
}

@media (max-width: 400px) {
  body.xmas header.menu div.menu div.logo a {
    background-position-x: -75px;
  }

  header.menu div.logocol {
    padding-right: 0;
  }

  header.menu div.menumobilecol {
    padding-left: 0;
  }

  div.modal-content div.modal-content-block {
    padding: 15px;
  }
}