@import
url("https://fonts.googleapis.com/css2?family=helvetic:wght@100;300;400;500;600;700;800&family=Secular+One:wght@200;400;900&family=helvetic:wght@100;300;400;500;600;700;800&display=swap");

* {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}

html {
scroll-behavior: smooth;
}

body {
background-color: #e5e5e5;
color: #333;
font-family: "", sans-serif;
font-size: 16px;
line-height: 1.5;
overflow-x: hidden;
}

h1 {
font-size: 2.5rem;
}

h1,
h2 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}

h2 {
font-size: 2rem;
}

h3 {
font-size: 1.5rem;
}

h3,
h4 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}

h4 {
font-size: 1.25rem;
}

p {
font-family: "Montserrat", sans-serif;
}

a {
font-family: "Montserrat", sans-serif;
}

.wrapper {
margin: 0 auto;
max-width: 1200px;
padding: 0 1rem;
}

.btn {
background-color: rgb(40, 69, 150);
border-radius: 0.25rem;
color: #fff;
display: inline-block;
font-size: 0.875rem;
font-weight: 700;
padding: 0.5rem 1rem;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}

.btn:hover {
background-color: #fab600;
border-color: #fab600;
}

.btn-transparent {
background-color: transparent;
border: 2px solid rgb(40, 69, 150);
color: rgb(40, 69, 150);
}

.btn-transparent:hover {
background-color: rgb(40, 69, 150);
color: #fff;
}

.search-domain {
display: flex;
width: 100%;
}

@media only screen and (max-width: 1024px) {
.search-domain {
width: 100%;
}
}

.search-domain .input-container {
align-items: center;
background-color: #fff;
border-radius: 0.5rem;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
display: flex;
height: 3rem;
width: 100%;
}

@media only screen and (max-width: 1024px) {
.search-domain .input-container {
height: 4rem;
}

.search-domain .input-container .lens,
.search-domain .input-container button {
display: none;
}
}

.search-domain .input-container.error {
box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.9);
}

.search-domain .input-container .lens {
padding: 1rem;
}

.search-domain .input-container .lens i {
color: grey;
font-size: 0.9rem;
}

.search-domain .input-container input {
border: none;
border-radius: 0 0.5rem 0.5rem 0;
flex: 1 1 auto;
height: 100%;
outline: none;
}

.search-domain .input-container input::-webkit-input-placeholder {
color: #b3b3b3;
}

.search-domain .input-container input::-moz-placeholder {
color: #b3b3b3;
}

.search-domain .input-container input:-ms-input-placeholder {
color: #b3b3b3;
}

.search-domain .input-container input::-ms-input-placeholder {
color: #b3b3b3;
}

.search-domain .input-container input::placeholder {
color: #b3b3b3;
}

.search-domain .input-container button {
margin-right: 0.5rem;
}

.modal-content {
/*background-image: url(../images/background.png);*/
}

header.header {
display: block;
position: relative;
}

header.header .header-background {
height: 14rem;
}

header.header .header-background img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}

header.header .header-background .breadcrumbs {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}

header.header .header-background .breadcrumbs ul {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.6rem;
font-weight: 400;
position: relative;
z-index: 1;
}

header.header .header-background .breadcrumbs ul li:before {
color: #6c757d;
content: "\f054";
display: inline-block;
font-family: Font Awesome\5 Pro;
font-weight: 400;
padding: 0 0.5rem 0 0.75rem;
}

header.header .header-background .breadcrumbs ul li:first-child:before {
display: none;
}

header.header .header-background .breadcrumbs ul li:last-child {
font-weight: 600;
}

header.header .top {
background-color: hsla(0, 0%, 100%, 0.7);
border-bottom: 3px solid grey;
position: relative;
z-index: 9;
}

.navbar-toggler-icon {
background-image: url("../svg/menu-icon.svg");
background-size: cover;
}

header.header .top .navbar {
align-items: center;
display: flex;
justify-content: space-between;
padding: 1rem 0;
}

header.header .top .navbar .navbar-brand {
display: flex;
}

header.header .top .navbar .navbar-brand .logo-img {
height: 4rem;
margin-right: 1rem;
transition: all 0.3s ease;
width: auto;
}

header.header .top .navbar .navbar-brand .logo-img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

header.header .top .navbar .hamburger-menu {
background-color: #fff;
border: 1px solid grey;
border-radius: 0.5rem;
cursor: pointer;
display: none;
flex-direction: column;
height: 2.4rem;
justify-content: center;
padding: 0.3rem;
position: relative;
width: 2.4rem;
z-index: 2;
}

header.header .top .navbar .hamburger-menu .bar-bottom,
header.header .top .navbar .hamburger-menu .bar-middle,
header.header .top .navbar .hamburger-menu .bar-top {
background: rgb(40, 69, 150);
border-radius: 4px;
height: 4px;
margin: 1.5px 0;
-webkit-transform-origin: left;
transform-origin: left;
transition: all 0.5s;
width: 100%;
}

header.header .top .navbar .hamburger-menu.open {
padding-top: 0.5rem;
}

header.header .top .navbar .hamburger-menu.open .bar-top {
margin-left: 3px;
margin-top: -1px;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}

header.header .top .navbar .hamburger-menu.open .bar-middle {
opacity: 0;
-webkit-transform: translateX(1rem);
transform: translateX(1rem);
}

header.header .top .navbar .hamburger-menu.open .bar-bottom {
margin-left: 3px;
margin-top: 4px;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}

header.header .top .navbar nav {
display: flex;
}

header.header .top .navbar nav .menu {
align-items: center;
display: flex;
margin: 0;
padding: 0;
position: relative;
}

header.header .top .navbar nav .menu .item {
display: flex;
flex-direction: column;
}

header.header .top .navbar nav .menu .item a {
border-bottom: 3px solid transparent;
color: #8c8c8c;
font-size: 0.8rem;
font-weight: 500;
padding: 0.5rem 1rem;
text-decoration: none;
transition: all 0.3s ease;
}

header.header .top .navbar nav .menu .item a.active {
border-bottom: 3px solid hsla(0, 0%, 50%, 0.3);
}

header.header .top .navbar nav .menu .item a:hover {
border-bottom: 3px solid hsla(0, 0%, 50%, 0.6);
}

header.header .top .navbar nav .menu .item ul.submenu {
background-color: #fff;
display: none;
padding: 0.5rem;
position: absolute;
right: 0;
top: 100%;
}

@media screen and (max-width: 1024px) {
header.header .top .navbar nav .menu .item ul.submenu {
position: relative;
right: 0;
top: 0;
}
}

header.header .top .navbar nav .menu .item:hover ul.submenu {
display: block;
}

header.header .top .navbar nav .menu .item.item-with-subitem > a {
display: flex;
}

header.header .top .navbar nav .menu .item.item-with-subitem > a:after {
content: "\f0d7";
font-family: Font Awesome\5 Pro;
margin-left: 0.25rem;
}

header.header > .cont-menu {
background-color: hsla(0, 0%, 100%, 0.6);
position: relative;
z-index: 1;
}

header.header .option {
align-items: center;
display: flex;
justify-content: space-between;
padding: 1.5rem 0;
}

header.header .option .language {
display: flex;
}

header.header .option .language button {
align-items: center;
background-color: transparent;
border-radius: 0.5rem;
color: #333;
display: flex;
font-family: helvetic, sans-serif;
font-size: 0.9rem;
font-weight: 400;
text-transform: capitalize;
}

header.header .option .language button i {
font-size: 1.1rem;
margin-right: 0.5rem;
}

header.header .option .options {
display: flex;
}

header.header .option .options .account {
align-items: center;
display: flex;
justify-content: center;
margin-right: 2rem;
}

header.header .option .options .account a.btn {
background-color: rgb(40, 69, 150);
border-radius: 0.5rem;
font-family: helvetic, sans-serif;
font-size: 1rem;
font-style: italic;
font-weight: 400;
transition: all 0.3s ease;
}

header.header .option .options .account a.btn:hover {
background-color: #fab600;
}

header.header .option .options .social {
display: flex;
}

header.header .option .options .social a {
align-items: center;
color: rgb(40, 69, 150);
display: flex;
font-size: 1.2rem;
justify-content: center;
padding: 0.5rem;
text-decoration: none;
transition: all 0.3s ease;
}

header.header .option .options .social a:hover {
color: #fab600;
}

@media only screen and (max-width: 1024px) {
header.header .top .navbar .hamburger-menu {
display: flex;
position: relative;
z-index: 2;
}

header.header .top .navbar nav {
display: none;
}

header.header .top .navbar nav.open {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1;
}

header.header .top .navbar nav.open ul.menu {
align-items: flex-start;
background-color: #fff;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-start;
padding: 4rem 0;
width: 70%;
}

header.header .top .navbar nav.open ul.menu li {
width: 100%;
}

header.header .top .navbar nav.open ul.menu li a {
font-size: 1.1rem;
}

header.header .option {
padding: 0.5rem 0;
}

header.header .option .options .account {
margin-right: 0;
}

header.header .option .options .account .btn {
padding: 0.2rem 0.5rem;
}

header.header .option .options .social {
display: none;
}
}

section#main-body {
margin: 0;
padding: 0;
}

section#main-body img {
max-width: 100%;
}

footer.footer {
background-color: #0d1333;
}

footer.footer .footer-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

footer.footer .footer-columns .column {
text-align: center;
}

footer.footer .footer-columns .column h3 {
color: #fff;
font-family: helvetic, Sans-serif;
font-size: 22px;
font-weight: 700;
}

footer.footer .footer-columns .column .menu-footer li {
padding: 1rem 0 0.5rem;
}

footer.footer .footer-columns .column .menu-footer li a {
color: #fff;
font-family: helvetic, Sans-serif;
font-size: 1rem;
font-weight: 300;
text-decoration: none;
transition: all 0.4s ease;
}

footer.footer .footer-columns .column .menu-footer li a:hover {
color: #b4b4b4;
}

footer.footer .footer-columns .column .footer-redes {
align-items: center;
display: flex;
justify-content: center;
}

footer.footer .footer-columns .column .footer-redes li {
margin: 0.5rem;
}

footer.footer .footer-columns .column .footer-redes li a {
align-items: center;
background: #fff;
border: 1px solid #eaebf1;
border-radius: 50%;
color: #0d1333;
display: flex;
height: 40px;
justify-content: center;
text-decoration: none;
transition: all 0.3s linear;
width: 40px;
}

footer.footer .footer-columns .column .footer-redes li a i:before {
font-size: 1.4rem;
}

footer.footer .footer-columns .column .footer-redes li a:hover {
background-color: #0d1333;
box-shadow: 0 10px 10px 0 rgba(39, 49, 113, 0.07);
color: #fff;
}

footer.footer .copyright {
border-top: 2px solid #fff;
padding-top: 1rem;
}

footer.footer .copyright p {
font-family: helvetic, Sans-serif;
font-weight: 300;
}

footer.footer .logo {
display: flex;
justify-content: center;
margin-bottom: 3rem;
}

footer.footer .logo img {
height: 4rem;
}

@media only screen and (max-width: 1024px) {
footer.footer .footer-columns {
align-items: center;
display: flex;
flex-direction: column;
}

footer.footer .footer-columns .column {
margin: 1rem 0;
text-align: center;
}
}

div.contacts {
background-color: #fff;
padding: 3rem 0;
}

@media only screen and (max-width: 1024px) {
div.contacts h3 {
font-size: 2.3rem !important;
}
}

div.contacts h3 {
color: #fab600;
font-family: helvetic, sans-serif;
font-size: 2.6rem;
font-weight: 800;
padding: 3rem 0;
text-align: center;
}

div.contacts .contacts-container {
grid-gap: 1rem;
align-items: flex-start;
display: grid;
grid-template-areas: "register atention pay support";
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
justify-content: center;
width: 100%;
}

div.contacts .contacts-container .item {
align-items: center;
border: 4px solid #e6e6e6;
border-radius: 0.4rem;
display: flex;
flex-direction: column;
justify-content: center;
padding: 1rem 0;
width: 100%;
}

div.contacts .contacts-container .item-one {
width: 25em;
}

@media only screen and (max-width: 1024px) {
div.contacts .contacts-container .item-one {
width: 100%;
}
}

div.contacts .contacts-container .item img {
height: auto;
width: 60px;
}

div.contacts .contacts-container .item a {
margin: 1rem 0 0;
}

div.contacts .contacts-container .item p {
font-size: 0.9rem;
margin: 0.5rem 0 0;
padding: 0;
text-align: center;
}

div.contacts .contacts-container .register {
grid-area: register;
}

div.contacts .contacts-container .atention {
grid-area: atention;
}

div.contacts .contacts-container .pay {
grid-area: pay;
}

div.contacts .contacts-container .support {
grid-area: support;
}

div.contacts .contacts-container .pbx {
display: flex;
grid-area: pbx;
justify-content: center;
width: 100%;
}

@media only screen and (max-width: 1024px) {
div.contacts .contacts-container {
display: flex;
flex-direction: column;
gap: 1rem;
}
}

article.homepage {
background-color: #fff;
}

article.page.homepage .banner {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
max-width: 100%;
display: flex;
/* flex-direction: column; */
align-items: center;
background-color: #fedc32;
border-radius: 1rem;
}

@media only screen and (max-width: 768px) {
article.page.homepage .banner {
flex-direction: column;
}

.domainSearch{
font-size: 2.2rem !important;
}
}

@media only screen and (max-width: 412px) {
.domainSearch{
font-size: 1.8rem !important;
}
}

article.page.homepage .banner .banner-content {
grid-gap: 2rem;
display: grid;
grid-template-columns: 1.2fr 1fr;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .banner .banner-content {
grid-template-columns: 1fr;
}
}

article.page.homepage .banner .banner-content .search {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem 0 1rem;
position: relative;
}

article.page.homepage .banner .banner-content .search .nic {
height: 8rem;
width: auto;
}

article.page.homepage .banner .banner-content .search h1.title {
color: rgb(40, 69, 150);
font-family: helvetic, sans-serif;
font-size: 3.3rem;
font-weight: 800;
margin: 1rem 0;
text-align: center;
width: 100%;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .banner .banner-content .search h1.title {
font-size: 2.8rem;
}
}

article.page.homepage .banner .banner-content .search h2.subtitle {
color: #333;
font-family: Secular One, sans-serif;
font-size: 3.2rem;
font-weight: 900;
line-height: 4.5rem;
margin: 2rem 0 1rem;
position: relative;
text-align: center;
}

article.page.homepage .banner .banner-content .search h2.subtitle .arrow {
left: -5rem;
position: absolute;
top: -1rem;
}

article.page.homepage .banner .banner-content .search h2.subtitle img {
display: inline-block;
height: 4.5rem;
margin: 0 1rem;
-webkit-transform: translateY(-0.3rem);
transform: translateY(-0.3rem);
}

article.page.homepage .banner .banner-content .search p {
font-size: 0.9rem;
font-style: italic;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .banner .banner-content .search p {
text-align: center;
}
}

article.page.homepage .banner .banner-content .banner-image {
align-items: flex-end;
display: flex;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .banner .banner-content .banner-image {
justify-content: center;
}

article.page.homepage .banner .banner-content .banner-image img {
width: 70%;
}
}
/*
article.page.homepage .agentes {
margin: 6rem 0 2rem;
}
*/
article.page.homepage .agentes h2 {
color: rgb(40, 69, 150);
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 800;
text-align: center;
}

article.page.homepage .agentes .slider {
margin: 3rem auto;
width: 48rem;
}

@media screen and (max-width: 1024px) {
article.page.homepage .agentes .slider {
width: 80%;
}
}

article.page.homepage .agentes .slider .item {
display: flex !important;
justify-content: center;
}

article.page.homepage .agentes .slider .item a {
align-items: center;
display: flex;
justify-content: center;
transition: all 0.3s ease;
width: 16rem;
}

article.page.homepage .agentes .slider .item a img {
max-width: none !important;
width: 14rem;
}

article.page.homepage .agentes .slider .item a:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.homepage .agentes .slick-next:before,
article.page.homepage .agentes .slick-prev:before {
color: #fab600;
font-size: 2rem;
}

article.page.homepage .features {
align-items: center;
display: flex;
flex-direction: column;
padding: 3rem 0;
position: relative;
}

article.page.homepage .features:before {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 40%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}

article.page.homepage .features .wrapper {
position: relative;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .features h2 {
font-size: 2rem;
}
}

article.page.homepage .features h2,
article.page.homepage .features h3 {
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 800;
text-align: center;
}

article.page.homepage .features h3 {
color: rgb(40, 69, 150);
padding: 3rem 0;
}

article.page.homepage .features h3 img {
display: inline-block;
height: 0.9em;
margin: 0 0.5rem;
transition: all 0.3s ease;
}

article.page.homepage .features h3 img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.homepage .features .features-content {
grid-gap: 2rem;
display: grid;
grid-auto-rows: 300px;
grid-template-columns: 1fr 1fr;
width: 100%;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .features .features-content {
grid-gap: 0.3rem;
grid-template-columns: 1fr;
}

article.page.homepage .features .features-content .item {
flex-direction: column;
padding: 0.5rem !important;
}

article.page.homepage .features .features-content .item .icon {
margin: 0;
text-align: center;
}

article.page.homepage .features .features-content .item .description {
font-size: 0.9rem !important;
text-align: center;
}

article.page.homepage .features .features-content .item .icon img {
width: 80%;
}
}

article.page.homepage .features .features-content .item {
align-items: center;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
justify-content: center;
}

article.page.homepage .features .features-content .item .icon {
height: 7rem;
margin-right: 1rem;
}

article.page.homepage .features .features-content .item .description {
font-family: helvetic, sans-serif;
font-size: 1.4rem;
font-weight: 600;
}

article.page.homepage .features .features-content .flip-card {
background-color: transparent;
-webkit-perspective: 1000px;
perspective: 1000px;
}

article.page.homepage .features .features-content .flip-card .flip-card-inner {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
text-align: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: -webkit-transform 0.8s;
transition: transform 0.8s;
transition: transform 0.8s, -webkit-transform 0.8s;
width: 100%;
}

article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-back,
article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-front {
align-items: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: absolute;
width: 100%;
}

article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-front {
background-color: #fff;
color: #000;
}

article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-back {
color: #fff;
padding: 1rem;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}

article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-back
h3 {
font-size: 1.2rem;
padding: 0;
}

article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-back
p {
color: #333;
}

article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-back
a {
border: 1px solid #fab600;
color: #333;
padding: 0.5rem 1rem;
text-decoration: none;
transition: background-color 0.3s ease;
}

article.page.homepage
.features
.features-content
.flip-card
.flip-card-inner
.flip-card-back
a:hover {
background-color: #fab600;
color: #fff;
}

article.page.homepage
.features
.features-content
.flip-card:hover
.flip-card-inner {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}

article.page.homepage .features .flechas {
display: flex;
justify-content: center;
margin: 6rem 0 2rem;
}

article.page.homepage .features .flechas img {
height: 3.5rem;
}

article.page.homepage .total-domains {
background-attachment: fixed;
background-image: url(../images/background-total-domains.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: flex;
padding: 3rem 0;
position: relative;
}

article.page.homepage .total-domains:before {
background-color: hsla(0, 0%, 100%, 0.7);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}

article.page.homepage .total-domains .wrapper {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .total-domains .wrapper h2,
article.page.homepage .total-domains .wrapper h3 {
font-size: 2rem;
}

article.page.homepage .total-domains .wrapper div {
font-size: 5rem;
}
}

article.page.homepage .total-domains .wrapper h2 {
color: rgb(40, 69, 150);
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 800;
text-align: center;
}

article.page.homepage .total-domains .wrapper p {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.2rem;
font-style: italic;
font-weight: 500;
text-align: center;
}

article.page.homepage .total-domains .wrapper div {
color: rgb(40, 69, 150);
font-family: Secular One, sans-serif;
font-size: 6rem;
font-weight: 600;
text-align: center;
}

article.page.homepage .total-domains .wrapper h3 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 2.6rem;
font-weight: 700;
text-align: center;
}

article.page.homepage .total-domains .wrapper h3 img {
display: inline-block;
height: 3rem;
-webkit-transform: translateY(-0.3rem);
transform: translateY(-0.3rem);
}

article.page.homepage .total-domains .wrapper a {
background-color: #fab600;
border-radius: 0.5rem;
color: #fff;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 800;
padding: 0.5rem 1.5rem;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
}

article.page.homepage .total-domains .wrapper a:hover {
background-color: rgb(40, 69, 150);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.homepage .gransy {
margin: 3rem 0;
}

article.page.homepage .gransy h3 {
color: rgb(40, 69, 150);
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 800;
padding: 3rem 0;
text-align: center;
}

article.page.homepage .gransy .content {
align-items: center;
display: flex;
justify-content: center;
}

article.page.homepage .gransy .content .logo {
flex: 0 0 30%;
padding: 1rem;
}

article.page.homepage .gransy .content .info {
flex: 1 1 70%;
padding: 1rem 2rem;
}

article.page.homepage .gransy .content .info h4 {
color: #fab600;
font-family: helvetic, sans-serif;
font-size: 2rem;
font-weight: 800;
padding: 0;
text-align: center;
text-shadow: 1px 1px 2px #000;
}

article.page.homepage .gransy .content .info ul li {
list-style: circle;
margin-left: 1rem;
}

article.page.homepage .parnerts {
background-color: #e5e5e5;
margin: 3rem 0;
padding: 3rem 0;
}

article.page.homepage .parnerts .partner {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media only screen and (max-width: 1024px) {
article.page.homepage .parnerts .partner {
grid-template-columns: 1fr 1fr;
}
}

article.page.homepage .parnerts .partner .item {
display: flex;
flex-direction: column;
justify-content: center;
}

article.page.homepage .parnerts .partner .item h4 {
font-family: helvetic, sans-serif;
font-size: 0.9rem;
font-weight: 700;
text-align: center;
width: 100%;
}

article.page.homepage .parnerts .partner .item img {
display: block;
width: 90%;
}

article.page.homepage #domainssearch #resultados {
align-items: center;
display: flex;
flex-direction: column;
}

article.page.homepage #domainssearch #resultados .logo {
margin: 1rem 0 2rem;
width: 30%;
}

article.page.homepage #domainssearch #resultados h2 {
font-weight: 700;
margin-top: 1rem;
text-align: center;
}

article.page.homepage #domainssearch #resultados h3 {
font-weight: 700;
text-align: center;
}

article.page.homepage #domainssearch #resultados h4 {
text-align: center;
font-weight: bold;
}

article.page.homepage #domainssearch #resultados h5 {
text-align: center;
font-weight: bold;
}

article.page.homepage #domainssearch .agentes {
grid-gap: 1rem;
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: center;
width: 100%;
}

@media only screen and (max-width: 1024px) {
article.page.homepage #domainssearch .agentes {
grid-template-columns: 1fr 1fr;
}
}

article.page.homepage #domainssearch .agentes a.item {
border: 1px solid #ccc;
display: flex;
justify-content: center;
transition: all 0.3s ease;
width: 90%;
}

article.page.homepage #domainssearch .agentes a.item:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.registra-dominio {
background-color: #fff;
}

article.page.registra-dominio .search {
align-items: center;
background-color: #fff;
/*background-image: url(../images/background.png);*/
background-repeat: repeat;
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem 0;
}

@media only screen and (max-width: 1024px) {
article.page.registra-dominio .search h1 {
font-size: 2rem !important;
}

article.page.registra-dominio .search .step-1 {
width: 100% !important;
}
}

article.page.registra-dominio .search h1 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 800;
text-align: center;
}

article.page.registra-dominio .search .step-1 {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
padding: 0 0 2rem;
width: 60%;
}

article.page.registra-dominio .search .step-1 .arrow-1 {
height: 8rem;
position: relative;
right: -9rem;
top: 1.5rem;
}

article.page.registra-dominio .search .step-1 h2 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 600;
margin: 0;
padding: 0;
text-align: left;
text-align: center;
width: 100%;
}

article.page.registra-dominio .search .step-1 p {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.5rem;
font-weight: 400;
padding: 1rem 0 2rem;
text-align: center;
width: 80%;
}

article.page.registra-dominio .search #resultados {
align-items: center;
display: flex;
flex-direction: column;
}

article.page.registra-dominio .search #resultados .restringido {
display: none;
}

article.page.registra-dominio .search #resultados .comercial {
display: none;
margin: 0 auto;
width: 90%;
}

article.page.registra-dominio .search #resultados .comercial .step-2 {
align-items: center;
display: flex;
flex-direction: column;
margin: 0 auto;
width: 60%;
}

article.page.registra-dominio .search #resultados .comercial .step-2 .arrow {
height: 4rem;
margin: 3rem 0;
}

article.page.registra-dominio .search #resultados .comercial .step-2 h2 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 600;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}

article.page.registra-dominio .search #resultados .comercial .step-2 p {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.5rem;
font-weight: 400;
margin: 0.2rem 0 3rem;
padding: 0;
text-align: center;
width: 100%;
}

article.page.registra-dominio .search #resultados .comercial .agentes {
grid-gap: 1rem;
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: center;
width: 100%;
}

article.page.registra-dominio .search #resultados .comercial .item {
border: 1px solid #ccc;
display: flex;
justify-content: center;
transition: all 0.3s ease;
width: 90%;
}

article.page.registra-dominio .search #resultados .comercial .item:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.registra-dominio .search .info-content {
align-items: center;
display: flex;
flex-direction: column;
}

article.page.registra-dominio .search .info-content .arrow {
height: 4rem;
margin: 1rem 0 3rem;
}

article.page.registra-dominio .search .info-content h2 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 600;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}

article.page.registra-dominio .search .info-content .arrow-info {
height: 4rem;
left: -14rem;
margin: 1rem 0;
position: relative;
}

article.page.registra-dominio .search .info {
grid-gap: 2rem;
align-items: center;
display: grid;
grid-template-columns: 1.4fr 1fr;
}

@media only screen and (max-width: 1024px) {
article.page.registra-dominio .search .info {
grid-template-columns: 1fr;
}
}

article.page.registra-dominio .search .info p {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.4rem;
font-weight: 400;
text-align: justify;
}

article.page.registra-dominio .search .info div {
align-items: center;
display: flex;
justify-content: center;
}

article.page.registra-dominio .search .info div img {
width: 70%;
}

article.page.registra-dominio .search h2 {
color: rgb(40, 69, 150);
font-family: helvetic, sans-serif;
font-size: 2.2rem;
font-weight: 800;
margin: 0;
padding: 3rem 0;
text-align: left;
text-align: center;
width: 100%;
}

article.page.registra-dominio .search .edu {
background-color: #e5e5e5;
width: 100%;
}

article.page.registra-dominio .search .edu h3 {
color: #ff9f00;
}

article.page.registra-dominio .search .med {
background-color: #fff;
width: 100%;
}

article.page.registra-dominio .search .med h3 {
color: #284594;
}

article.page.registra-dominio .search .fin {
background-color: #e5e5e5;
width: 100%;
}

article.page.registra-dominio .search .fin h3 {
color: #e12213;
}

article.page.registra-dominio .search .pro {
background-color: #fff;
width: 100%;
}

article.page.registra-dominio .search .pro h3 {
color: #0d1333;
}

article.page.registra-dominio .search .more {
padding: 3rem 0;
}

article.page.registra-dominio .search .more .wrapper {
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
}

@media only screen and (max-width: 1024px) {
article.page.registra-dominio .search .more .wrapper {
grid-template-columns: 1fr;
}
}

article.page.registra-dominio .search .more .wrapper .item {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}

article.page.registra-dominio .search .more .wrapper .item h3 {
font-family: helvetic, sans-serif;
font-size: 1.9rem;
font-weight: 800;
padding: 1rem 0 2rem;
text-align: center;
width: 80%;
}

article.page.registra-dominio .search .more .wrapper .item img {
height: 16rem;
}

article.page.registra-dominio .search .more .wrapper .item p {
text-align: center;
}

article.page.gob-ec-mil-ec {
background-color: #fff;
padding: 3rem 0;
}

article.page.gob-ec-mil-ec .wrapper {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}

article.page.gob-ec-mil-ec p.subtitle {
color: #333;
font-size: 1.2rem;
font-weight: 500;
margin: 0;
padding: 3rem 0;
text-align: justify;
width: 90%;
}

article.page.gob-ec-mil-ec h2.subtitle {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 1rem;
text-align: center;
width: 100%;
}

article.page.gob-ec-mil-ec .option {
grid-gap: 1rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 1rem 0;
text-align: center;
}

@media only screen and (max-width: 1024px) {
article.page.gob-ec-mil-ec .option {
grid-template-columns: 1fr;
}
}

article.page.gob-ec-mil-ec .option .item {
display: flex;
justify-content: center;
}

article.page.gob-ec-mil-ec .option .item a {
align-items: center;
color: #333;
display: flex;
flex-direction: column;
font-size: 1.2rem;
font-weight: 300;
text-decoration: none;
transition: all 0.3s ease;
}

article.page.gob-ec-mil-ec .option .item a i {
font-size: 2.5rem;
margin-bottom: 1rem;
transition: all 0.3s ease;
}

article.page.gob-ec-mil-ec .option .item a:hover {
/*color: rgb(40, 69, 150);*/
color: rgb(40, 69, 150);
}

article.page.gob-ec-mil-ec .option .item a:hover i {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.gob-ec-mil-ec .option .item a:hover span {
text-decoration: underline;
}

article.page.gob-ec-mil-ec .search {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem 0 1rem;
width: 50%;
}

@media only screen and (max-width: 1024px) {
article.page.gob-ec-mil-ec .search {
width: 90%;
}
}

article.page.gob-ec-mil-ec .search img {
height: 6rem;
}

article.page.gob-ec-mil-ec .search h3 {
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 700;
padding: 1rem 0;
}

article.page.gob-ec-mil-ec .search p.sea {
font-size: 1.3rem;
font-weight: 400;
padding: 0 0 2rem;
text-align: center;
width: 80%;
}

article.page.gob-ec-mil-ec .search p.sea-2 {
font-size: 1.3rem;
font-weight: 300;
padding: 1rem;
text-align: center;
width: 90%;
}

article.page.gob-ec-mil-ec .search .arrow {
height: 4rem;
}

article.page.gob-ec-mil-ec #resultados {
display: flex;
flex-direction: column;
}

article.page.gob-ec-mil-ec #resultados h3 {
display: flex;
flex-direction: column;
justify-content: center;
}

article.page.gob-ec-mil-ec #resultados .domain-result {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
}

article.page.gob-ec-mil-ec .cards {
background-attachment: fixed;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 3rem 0;
}

article.page.gob-ec-mil-ec .requirements {
background-attachment: fixed;
background-image: url(../images/background-gob-ec.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 3rem 0;
}

article.page.gob-ec-mil-ec .requirements h2 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 3rem;
text-align: center;
width: 100%;
}

article.page.gob-ec-mil-ec .requirements ul.requirement {
font-size: 1.1rem;
width: 50%;
}

@media only screen and (max-width: 1024px) {
article.page.gob-ec-mil-ec .requirements ul.requirement {
width: 90%;
}
}

article.page.gob-ec-mil-ec .requirements ul.requirement li.item {
grid-gap: 1rem;
align-items: center;
display: grid;
grid-template-columns: 3rem 1fr;
margin-bottom: 1rem;
}

article.page.gob-ec-mil-ec .requirements ul.requirement li.item img {
display: block;
height: 3rem;
width: 3rem;
}

article.page.gob-ec-mil-ec .features {
display: flex;
flex-direction: column;
}

article.page.gob-ec-mil-ec .features .arrow {
height: 4rem;
margin: 2rem 0;
}

article.page.gob-ec-mil-ec .features h2 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 3rem;
text-align: center;
width: 100%;
}

article.page.gob-ec-mil-ec .features .feature.with-image {
background-attachment: fixed;
background-image: url(../images/background-gob-feature.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 3rem 0;
}

article.page.gob-ec-mil-ec .features .feature-item {
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
padding: 6rem 0;
}

@media only screen and (max-width: 1024px) {
article.page.gob-ec-mil-ec .features .feature-item {
grid-template-columns: 1fr;
}
}

article.page.gob-ec-mil-ec .features .feature-item p {
font-size: 1.2rem;
font-weight: 400;
text-align: justify;
}

article.page.gob-ec-mil-ec .features .feature-item div.image {
display: flex;
justify-content: center;
}

article.page.gob-ec-mil-ec .features .feature-item div.image img {
height: 16rem;
}

article.page.gob-ec-mil-ec .circle h3 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 3rem;
text-align: center;
width: 100%;
}

article.page.gob-ec-mil-ec .access {
display: flex;
flex-direction: column;
margin-top: 6rem;
}

article.page.gob-ec-mil-ec .access .wrapper > img {
height: 6rem;
margin: 2rem 0 1rem;
}

article.page.gob-ec-mil-ec .access h3 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 3rem;
text-align: center;
width: 100%;
}

article.page.gob-ec-mil-ec .access-item {
grid-gap: 3rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 1024px) {
article.page.gob-ec-mil-ec .access-item {
grid-gap: 0.5rem;
grid-template-columns: 1fr;
}

article.page.gob-ec-mil-ec .access-item img {
height: 9rem;
}
}

article.page.gob-ec-mil-ec .access-item img {
height: 13rem;
width: auto;
}

article.page.gob-ec-mil-ec .questions {
display: flex;
flex-direction: column;
margin-top: 6rem;
}

article.page.gob-ec-mil-ec .questions h3 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.7rem;
font-weight: 700;
margin-bottom: 3rem;
text-align: center;
width: 100%;
}

article.page.gob-ec-mil-ec .questions .wrapper > p {
font-size: 1.2rem;
font-weight: 400;
margin-bottom: 3rem;
text-align: justify;
width: 100%;
}

article.page.gob-ec-mil-ec .questions div.question {
border: 2px solid rgb(40, 69, 150);
margin: 0 auto;
width: 80%;
}

article.page.gob-ec-mil-ec .questions div.question .accordion div.content {
padding: 2rem;
text-align: justify;
}

article.page.gob-ec-mil-ec .questions div.question .accordion.open h2:after {
content: "\f068";
}

article.page.gob-ec-mil-ec .questions div.question .accordion ul {
margin-left: 1rem;
}

article.page.gob-ec-mil-ec .questions div.question h2 {
border-bottom: 2px solid rgb(40, 69, 150);
color: rgb(40, 69, 150);
display: flex;
font-size: 1.1rem;
font-weight: 700;
justify-content: space-between;
margin: 0;
padding: 1rem 2rem;
}

article.page.gob-ec-mil-ec .questions div.question h2:after {
content: "\f067";
font-family: Font Awesome\5 Pro;
font-weight: 400;
}

article.page.reporte {
background-color: #fff;
}

article.page.reporte .page-content {
padding: 3rem 0 5rem;
text-align: justify;
}

article.page.reporte .page-content section h2 {
color: rgb(40, 69, 150);
font-family: helvetic, Sans-serif;
font-size: 2rem;
font-weight: 800;
margin: 1.5rem 0 1em;
}

article.page.reporte .page-content section p {
font-family: helvetic, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
text-align: justify;
}

article.page.reporte .page-content section ul li {
list-style-type: disc !important;
}

article.page.reporte .page-content section h2.titulo-negro {
color: #333;
font-size: helvetic, sans-serif;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1em;
text-align: center;
}

article.page.reporte .page-content section .tabs-politicas li {
border-bottom: 1px solid #d4d4d4;
list-style: none !important;
padding: 1em;
}

article.page.reporte .page-content section .tabs-politicas li h3 {
font-family: helvetic, sans-serif;
font-size: 1.1rem;
font-weight: 700;
}

article.page.reporte .page-content .sobre-nosotros p {
font-size: 1.3rem;
font-weight: 500;
margin-bottom: 1rem;
text-align: justify;
}

article.page.reporte .page-content .sobre-nosotros h2.titulo-amarillo {
color: #fab600;
font-size: 3.8rem;
font-weight: 800;
padding-top: 1.7em;
text-align: center;
}

@media only screen and (max-width: 1024px) {
article.page.reporte .page-content .sobre-nosotros h2.titulo-amarillo {
font-size: 3rem;
}
}

article.page.reporte .page-content .options {
display: flex;
justify-content: center;
margin: 5rem 0;
}

@media screen and (max-width: 1024px) {
article.page.reporte .page-content .options {
flex-direction: column;
}
}

article.page.reporte .page-content .options .item a {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: column;
margin: 0 1rem;
text-decoration: none;
}

article.page.reporte .page-content .options .item a i {
align-items: center;
color: #333;
display: flex;
font-size: 3.5rem;
font-weight: 200;
justify-content: center;
margin-bottom: 1rem;
}

article.page.reporte .page-content .options .item a span {
color: #333;
font-family: helvetic, sans-serif;
font-size: 1.2rem;
font-weight: 400;
text-align: center;
}

article.page.reporte .page-content .options .item a:hover span {
text-decoration: underline;
}

article.page.reporte .page-content #preguntas {
margin-top: 2rem;
}

article.page.reporte .page-content #preguntas .accordion {
border-bottom: 1px solid grey;
margin-bottom: 1rem;
}

article.page.reporte .page-content #preguntas .accordion h3 {
color: #333;
cursor: pointer;
font-family: helvetic, sans-serif;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 1rem;
margin-left: 0.5rem;
}

article.page.reporte .page-content #preguntas .accordion h3:before {
color: rgb(40, 69, 150);
content: "\f0da";
font-family: Font Awesome\5 Pro;
font-weight: 900;
margin-right: 1rem;
}

article.page.reporte .page-content #preguntas .accordion.open h3:before {
color: #fab600;
content: "\f0d7";
}

article.page.reporte .imagen-content {
width: 100%;
}

article.page.reporte .imagen-content img {
height: auto;
width: 100%;
}

article.page.reporte .button-exp {
align-items: center;
display: flex;
width: 100%;
}

article.page.reporte .button-exp .col1 {
align-items: flex-start;
display: flex;
flex-direction: column;
width: 30%;
}

article.page.reporte .button-exp .col1 .img-exp {
display: block;
padding: 1em;
width: 90%;
}

article.page.reporte .button-exp .col1 .img-exp img {
transition: all 0.2s linear;
}

article.page.reporte .button-exp .col1 .img-exp:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

article.page.reporte .button-exp .col2 {
width: 40%;
}

article.page.reporte .button-exp .col3 {
align-items: end;
display: flex;
flex-direction: column;
width: 30%;
}

article.page.reporte .button-exp .col3 .img-exp {
display: block;
padding: 1em;
width: 90%;
}

article.page.reporte .button-exp .col3 .img-exp img {
transition: all 0.2s linear;
}

article.page.reporte .button-exp .col3 .img-exp:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

@media only screen and (max-width: 1024px) {
article.page.reporte .button-exp {
flex-direction: column;
}

article.page.reporte .button-exp .col1,
article.page.reporte .button-exp .col2,
article.page.reporte .button-exp .col3 {
align-items: center;
width: 100% !important;
}
}

article.page.especiales {
background-color: #fff;
}

article.page.especiales .especiales-bg {
background-image: url(../images/bg-figures.png);
}

article.page.especiales .especiales-bg .especiales-title {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 5em 0;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .especiales-bg .especiales-title {
text-align: center !important;
}

article.page.especiales .especiales-bg .especiales-title h3 {
font-size: 3rem !important;
}

article.page.especiales .especiales-bg .especiales-title h4 {
font-size: 2rem !important;
}

article.page.especiales .especiales-bg .especiales-title .especiales-boton a {
display: block;
text-align: center;
}
}

article.page.especiales .especiales-bg .especiales-title h2 {
font-size: 2.1rem;
font-weight: 700;
}

article.page.especiales .especiales-bg .especiales-title h3 {
color: #fab600;
font-size: 4.5em;
font-weight: 800;
}

article.page.especiales .especiales-bg .especiales-title h4 {
font-size: 2.4rem;
font-weight: 700;
}

article.page.especiales .especiales-bg .especiales-title p {
font-size: 1.7rrem;
font-weight: 700;
margin-bottom: 1rem;
}

article.page.especiales .especiales-bg .especiales-title .especiales-line {
background-color: rgb(40, 69, 150);
height: 0.3rem;
margin: 1rem 0;
width: 7rem;
}

article.page.especiales .especiales-bg .especiales-title .especiales-boton a {
background-color: rgb(40, 69, 150);
border-radius: 0.2rem;
color: #fff;
font-size: 1.1rem;
font-weight: 500;
padding: 0.7rem 1.2rem;
}

article.page.especiales .especiales-bg .dominios-premium {
display: flex;
width: 100%;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .especiales-bg .dominios-premium {
flex-direction: column;
}

article.page.especiales .especiales-bg .dominios-premium .premium-imagen {
width: 100% !important;
}

article.page.especiales .especiales-bg .dominios-premium .premium-texto {
margin: 2rem 0 !important;
width: 100% !important;
}
}

article.page.especiales .especiales-bg .dominios-premium .premium-imagen {
width: 45%;
}

article.page.especiales .especiales-bg .dominios-premium .premium-imagen img {
border-radius: 1.7rem;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

article.page.especiales .especiales-bg .dominios-premium .premium-texto {
margin-left: 2em;
width: 55%;
}

article.page.especiales .especiales-bg .dominios-premium .premium-texto h2 {
font-family: helvetic, sans-serif;
font-size: 2.4rem;
font-weight: 800;
}

article.page.especiales .especiales-bg .dominios-premium .premium-texto p {
font-family: Open Sans, sans-serif;
font-size: 1em;
font-weight: 400;
}

article.page.especiales
.especiales-bg
.dominios-premium
.premium-texto
.premium-list {
background-color: #f8f8f8;
border-radius: 1.5rem;
padding: 1.5rem;
}

article.page.especiales
.especiales-bg
.dominios-premium
.premium-texto
.premium-list
.premium-item {
align-items: center;
display: flex;
padding: 0.3rem 0;
}

article.page.especiales
.especiales-bg
.dominios-premium
.premium-texto
.premium-list
.premium-item
span {
align-items: center;
border: 1px solid rgb(40, 69, 150);
border-radius: 50%;
display: flex;
height: 30px;
justify-content: center;
margin-right: 1rem;
padding: 5px;
width: 30px;
}

article.page.especiales
.especiales-bg
.dominios-premium
.premium-texto
.premium-list
.premium-item
span
i {
color: rgb(40, 69, 150);
}

article.page.especiales
.especiales-bg
.dominios-premium
.premium-texto
.premium-list
.premium-item
p {
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
margin: 0;
}

article.page.especiales .especiales-content {
display: flex;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .especiales-content {
flex-direction: column;
}

article.page.especiales .especiales-content .rectangulo-1,
article.page.especiales .especiales-content .rectangulo-2 {
margin: 2rem 0 !important;
}
}

article.page.especiales .especiales-content .especiales-rectangulo {
align-items: center;
border-radius: 2rem;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
display: flex;
padding: 2.3rem 2.7rem;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .especiales-content .especiales-rectangulo {
padding: 2rem;
}

article.page.especiales .especiales-content .especiales-rectangulo span i {
font-size: 2rem;
margin-right: 1rem;
}

article.page.especiales .especiales-content .especiales-rectangulo p {
font-size: 0.9em !important;
}
}

article.page.especiales .especiales-content .especiales-rectangulo span i {
align-items: center;
background-color: #fab600;
border-radius: 1.5rem;
color: #fff;
display: flex;
font-size: 2.5rem;
height: 80px;
justify-content: center;
margin-right: 2rem;
padding: 1rem;
width: 80px;
}

article.page.especiales .especiales-content .especiales-rectangulo p {
color: #3a3a3a;
font-size: 1.2em;
font-weight: 600;
margin: 0;
}

article.page.especiales .especiales-content .rectangulo-1 {
margin: 3rem 3rem 3rem 0;
}

article.page.especiales .especiales-content .rectangulo-2 {
margin: 3rem 0 3rem 3rem;
}

article.page.especiales .counter {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin: 4em 0;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .counter {
grid-template-columns: 1fr;
}

article.page.especiales .counter .counter-number {
border-bottom: 1px solid #212529;
border-right: 0 !important;
}
}

article.page.especiales .counter .counter-number {
border-right: 1px solid #212529;
text-align: center;
}

article.page.especiales .counter .counter-number .number {
color: rgb(40, 69, 150);
font-family: helvetic, sans-serif;
font-size: 4.3rem;
font-weight: 800;
}

article.page.especiales .counter .counter-number p {
color: #212529;
font-family: Open Sans, sans-serif;
font-size: 1.2rem;
font-weight: 400;
}

article.page.especiales .principales-dom {
background-image: url(../images/background-total-domains-blue.jpg);
}

article.page.especiales .principales-dom h2 {
color: #ee2e24;
font-family: Mulish, sans-serif;
font-size: 0.9rem;
font-weight: 700;
padding-top: 6em;
text-align: center;
}

article.page.especiales .principales-dom h3 {
color: #fff;
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 700;
text-align: center;
}

article.page.especiales .principales-dom h4 {
color: #fff;
font-family: Open Sans, sans-serif;
font-size: 1.1rem;
padding-bottom: 3em;
text-align: center;
}

article.page.especiales .item {
grid-column-gap: 2em;
grid-row-gap: 2em;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding-bottom: 3em;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .item {
grid-template-columns: 1fr;
}

article.page.especiales .item .item-prin .list ul li {
font-size: 0.8rem;
}
}

article.page.especiales .item .item-prin {
background: #fff;
border-radius: 2rem;
display: grid;
grid-template-areas: "img number" "list list";
grid-template-columns: 1fr 1fr;
grid-template-rows: 0.5fr 1.5fr;
padding: 2rem;
}

article.page.especiales .item .item-prin .img {
grid-area: img;
}

article.page.especiales .item .item-prin .img img {
height: 75px;
width: 75px;
}

article.page.especiales .item .item-prin .number {
font-family: helvetic, sans-serif;
font-size: 3.6rem;
font-weight: 700;
grid-area: number;
}

article.page.especiales .item .item-prin .number.one {
color: rgba(252, 180, 38, 0.23) !important;
text-align: right;
}

article.page.especiales .item .item-prin .number.two {
color: rgba(30, 81, 164, 0.21) !important;
text-align: right;
}

article.page.especiales .item .item-prin .number.three {
color: rgba(238, 46, 36, 0.23) !important;
text-align: right;
}

article.page.especiales .item .item-prin .list {
grid-area: list;
}

article.page.especiales .item .item-prin .list a {
color: #020101;
font-family: helvetic, sans-serif;
font-size: 1.2em;
font-weight: 600;
}

article.page.especiales .item .item-prin .list ul {
padding: 1rem;
}

article.page.especiales .item .item-prin .list ul li {
border: 1px solid #d4d4d4;
padding: 0.3rem 0.4rem;
}

article.page.especiales .premium-contenedor {
display: grid;
grid-template-areas: ". premium-contador";
grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .premium-contenedor {
grid-template-columns: 1fr;
}

article.page.especiales
.premium-contenedor
.premium-contador
.premium-tiempo {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
}

article.page.especiales
.premium-contenedor
.premium-contador
.premium-tiempo
.item
.premium-minuto {
font-size: 3rem;
}

article.page.especiales
.premium-contenedor
.premium-contador
.premium-tiempo
.item
.premium-detalle {
font-size: 0.9em;
}
}

article.page.especiales .premium-contenedor .premium-contador {
align-items: center;
align-items: 55%;
border-radius: 2em;
box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
grid-area: premium-contador;
padding: 2rem 1.5rem;
text-align: center;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

article.page.especiales .premium-contenedor .premium-contador .premium-tiempo {
display: flex;
}

article.page.especiales
.premium-contenedor
.premium-contador
.premium-tiempo
.item {
display: block;
padding: 1em;
text-align: center;
}

article.page.especiales
.premium-contenedor
.premium-contador
.premium-tiempo
.item
.premium-minuto {
color: rgb(40, 69, 150);
font-family: helvetic, sans-serif;
font-size: 4rem;
font-weight: 700;
}

article.page.especiales
.premium-contenedor
.premium-contador
.premium-tiempo
.item
.premium-detalle {
color: #333;
font-family: Open Sans, sans-serif;
font-size: 1.2em;
font-weight: 400;
}

article.page.especiales .premium-contenedor .premium-contador p {
color: #212529;
font-family: Open Sans, sans-serif;
font-size: 1.1em;
font-weight: 400;
padding: 0 3rem 1.5rem;
}

article.page.especiales .premium-contenedor .premium-contador h2 {
color: #020101;
font-size: 1.8em;
font-weight: 600;
line-height: 1.8;
}

article.page.especiales .premium-contenedor .premium-contador h2 span {
color: #fab600;
}

article.page.especiales .best-tabla table {
width: 100%;
}

article.page.especiales .best-tabla table tbody tr {
border: 1px solid rgba(34, 36, 38, 0.15);
}

article.page.especiales .best-tabla table tbody tr td {
font-size: 0.9rem;
padding: 0.5em;
}

article.page.especiales .best-h2 {
color: #0d1333;
font-family: helvetic, sans-serif;
font-size: 2.3rem;
font-weight: 700;
padding-top: 3rem;
text-align: center;
}

article.page.especiales .best-p {
color: #212529;
font-family: Open Sans, sans-serif;
font-size: 1.1rem;
font-weight: 400;
padding-bottom: 1rem;
padding-top: 1rem;
text-align: center;
}

article.page.especiales .ad-dom {
padding: 3em 3em 10em;
text-align: center;
}

article.page.especiales .ad-dom a {
background-color: rgb(40, 69, 150);
border-radius: 0.2em;
color: #fff;
font-family: helvetic, sans-serif;
font-size: 0.95rem;
font-weight: 500;
padding: 1em 2.5em;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .ad-dom a {
align-items: center;
display: block;
}
}

article.page.especiales .ad-dom a:hover {
text-decoration: none;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.especiales .testimonio {
background-color: #efefef;
background-image: url(../images/bg-figures.png);
padding: 7rem 0;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .testimonio h2 {
padding: 2rem 1rem !important;
}

article.page.especiales .testimonio .testimonio-text {
padding: 1rem !important;
}
}

article.page.especiales .testimonio h2 {
color: #0d1333;
font-family: helvetic, sans-serif;
font-size: 2.3rem;
font-weight: 700;
padding: 1rem 11rem;
text-align: center;
}

article.page.especiales .testimonio .testimonio-img {
padding: 3rem 0;
text-align: center;
}

article.page.especiales .testimonio .testimonio-img img {
border-radius: 50%;
height: 8rem;
width: 8rem;
}

article.page.especiales .testimonio .testimonio-text {
color: #696a87;
font-family: Open Sans, sans-serif;
font-size: 1.2rem;
font-style: italic;
font-weight: 400;
line-height: 1.4;
padding: 0 7rem;
text-align: center;
}

article.page.especiales .testimonio .testimonio-name {
color: #212529;
font-family: Open Sans, sans-serif;
font-size: 0.9rem;
font-weight: 700;
margin: 0;
padding-top: 2rem;
text-align: center;
}

article.page.especiales .testimonio .testimonio-charge {
color: #1e51a4;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 300;
margin: 0;
text-align: center;
}

article.page.especiales .brand {
background-image: url(../images/background-total-domains-blue.jpg);
padding: 4rem 0;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .brand h2 {
font-size: 1.5rem !important;
padding: 1rem !important;
}

article.page.especiales .brand .brand-grid {
grid-template-columns: 1fr 1fr !important;
grid-template-rows: 1fr 1fr 1fr 1fr !important;
}
}

article.page.especiales .brand h2 {
color: #fff;
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.8;
padding: 0 10rem;
text-align: center;
}

article.page.especiales .brand p {
color: #fff;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 300;
padding-bottom: 1.5rem;
text-align: center;
}

article.page.especiales .brand .brand-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
text-align: center;
}

article.page.especiales .brand .brand-grid .brand-item {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
padding: 1em;
}

article.page.especiales .brand .brand-boton {
padding: 2em 0 3em;
text-align: center;
}

article.page.especiales .brand .brand-boton a {
background-color: #fab600;
color: #fff;
font-family: helvetic, sans-serif;
font-size: 0.9rem;
padding: 1em 3em;
transition-duration: 0.3s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}

article.page.especiales .brand .brand-boton a:hover {
text-decoration: none;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

article.page.especiales .premium-contacto {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 6rem 0;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .premium-contacto {
grid-template-columns: 1fr;
}

article.page.especiales .premium-contacto .contacto-formulario {
grid-template-areas: "contacto-text" "contacto-mail" "contacto-campotext" "contacto-boton" !important;
grid-template-columns: 1fr !important;
grid-template-rows: 0.2fr 0.2fr 1fr 0.2fr !important;
padding: 0.2rem !important;
}
}

article.page.especiales .premium-contacto .contacto-formulario {
display: grid;
gap: 5px 5px;
grid-template-areas: "contacto-text contacto-mail" "contacto-campotext contacto-campotext" "contacto-boton
contacto-boton";
grid-template-columns: 1fr 1fr;
grid-template-rows: 0.2fr 1fr 0.2fr;
padding: 3rem;
}

article.page.especiales .premium-contacto .contacto-formulario .contacto-text {
grid-area: contacto-text;
}

article.page.especiales
.premium-contacto
.contacto-formulario
.contacto-text
input {
border-color: #0d1333;
border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
border-width: 2px;
padding: 0.5rem;
width: 100%;
}

article.page.especiales .premium-contacto .contacto-formulario .contacto-mail {
grid-area: contacto-mail;
}

article.page.especiales
.premium-contacto
.contacto-formulario
.contacto-mail
input {
border-color: #0d1333;
border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
border-width: 2px;
padding: 0.5rem;
width: 100%;
}

article.page.especiales
.premium-contacto
.contacto-formulario
.contacto-campotext {
grid-area: contacto-campotext;
}

article.page.especiales
.premium-contacto
.contacto-formulario
.contacto-campotext
textarea {
border-color: #0d1333;
border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
border-width: 2px;
padding: 0.5rem;
width: 100%;
}

article.page.especiales .premium-contacto .contacto-formulario .contacto-boton {
grid-area: contacto-boton;
}

article.page.especiales
.premium-contacto
.contacto-formulario
.contacto-boton
button {
background-color: rgb(40, 69, 150);
border: none;
border-radius: 0.8rem 0.8rem 0.8rem 0.8rem;
padding: 0.5em;
text-align: center;
width: 100%;
}

article.page.especiales
.premium-contacto
.contacto-formulario
.contacto-boton
button
span {
color: #fff;
}

article.page.especiales .premium-contacto .contacto-numbers {
padding: 3rem;
}

@media only screen and (max-width: 1024px) {
article.page.especiales .premium-contacto .contacto-numbers {
padding: 0;
}

article.page.especiales .premium-contacto .contacto-numbers h2 {
font-size: 2rem !important;
}
}

article.page.especiales .premium-contacto .contacto-numbers p {
color: #1e51a4;
font-family: Open Sans, sans-serif;
font-size: 0.9rem;
font-weight: 700;
}

article.page.especiales .premium-contacto .contacto-numbers h2 {
color: #333;
font-family: helvetic, sans-serif;
font-size: 2.5rem;
font-weight: 700;
}

article.page.especiales .premium-contacto .contacto-numbers .contacto-tel {
display: flex;
padding: 1em 0;
}

article.page.especiales
.premium-contacto
.contacto-numbers
.contacto-tel
.contacto-img {
margin-right: 1.5rem;
}

article.page.especiales
.premium-contacto
.contacto-numbers
.contacto-tel
.contacto-img
img {
height: 70px;
width: 70px;
}

article.page.especiales
.premium-contacto
.contacto-numbers
.contacto-tel
.contacto-descrip
h3 {
color: #3a3a3a;
font-family: helvetic, sans-serif;
font-size: 1.2rem;
font-weight: 600;
}

article.page.especiales
.premium-contacto
.contacto-numbers
.contacto-tel
.contacto-descrip
a {
font-size: 0.9rem;
text-decoration: underline;
transition: all 0.3s linear;
}

article.page.especiales
.premium-contacto
.contacto-numbers
.contacto-tel
.contacto-descrip
a:hover {
color: #204060;
}

div.wrapper div.whois {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
width: 90%;
}

div.wrapper div.whois h2 {
font-size: 1.2rem;
font-weight: 500;
line-height: 2;
}

div.wrapper div.whois h1,
div.wrapper div.whois h2 {
font-family: helvetic, sans-serif;
margin: 2rem 0;
text-align: center;
}

div.wrapper div.whois h1 {
color: #fab600;
font-size: 7.4rem;
font-weight: 800;
}

div.wrapper div.whois h3 {
font-family: helvetic, sans-serif;
font-size: 1.4rem;
font-weight: 700;
margin: 2rem 0;
text-align: center;
}

div.wrapper div.whois #resultados {
display: flex;
flex-direction: column;
}

@media only screen and (max-width: 1024px) {
div.wrapper div.whois h1 {
font-size: 5rem;
}
}

article.page.homepage .banner .banner-content .search p {
font-size: 0.8rem;
text-align: center;
font-style: italic;
}

article.page.homepage .banner .banner-content .search h1.title {
color: #101010;
font-family: "helvetic", Sans-serif;
font-size: 3.3rem;
font-weight: 800;
margin: 1rem 0;
text-align: center;
width: 100%;
}

.collapse-domain {
background-color: #ededed;
padding: 15px 20px;
}

.accordion-button {
border: none;
border-bottom: 1px solid #d4d4d4;
width: 100%;
text-align: initial;
color: #294795;
font-size: 16px;
font-weight: bold;
padding: 8px;
outline: none !important;
background: transparent;
}

.accordion-body {
padding: 20px;
color: #000;
font-weight: bold;
font-size: 14px;
}

.elementor-button-content-wrapper {
display: flex;
justify-content: center;
}

.elementor-element .elementor-widget-container {
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
transform var(--e-transform-transition-duration, 0.4s);
}

.elementor-button {
display: inline-flex;
fill: #1e51a4;
color: #1e51a4;
background: #f7ac0f !important;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
padding: 12px 24px;
font-size: 14px;
font-weight: bold;
}

.elementor-button:hover {
text-decoration: none !important;
}

.elementor-button-wrapper {
box-sizing: border-box;
text-align: center;
}

.elementor-button-icon {
margin-right: 6px;
}

article.page.homepage .total-domains {
background-image: none !important;
}

article.page.homepage .total-domains .wrapper h2 {
color: #fab600;
}

.text-title {
text-align: center;
color: rgb(40, 69, 150);
}

.container-tip-body {
position: absolute;
bottom: 0px;
padding: 25px 20px;
}

.tip-body-title {
color: #f7ab10;
font-size: 18px;
font-weight: bold;
text-shadow: 1px 0 #000;
}

.tip-body-info {
font-size: 12px;
color: #adadad;
font-weight: bold;
text-shadow: 1px 0 #000;
}

.btn-tip-category {
margin-bottom: 11px;
background: #777;
color: #fff;
padding: 6px 10px;
border: none;
border-radius: 6px;
font-size: 14px;
box-shadow: 1px 1px 2px 0px #000;
display: inline-flex;
outline: none;
text-decoration: none !important;
}

.btn-tip-category:hover {
color: #777;
background: #fff;
}

.container-tip-image {
overflow: hidden;
}

.container-tip:hover .image-transition {
transform: scale(1.2);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
}

.accordion-collapse {
width: 100% !important;
}

.container-slider-domain {
padding: 5px;
cursor: pointer;
}

.container-slider-domain:hover {
transform: scale(1.05);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
}

.slick-prev:before,
.slick-next:before {
color: #284793;
}

article.page.registra-dominio .search h1 {
color: #294795 !important;
}

article.page.registra-dominio .search h2 {
color: #294795 !important;
}

.sea-2 {
font-weight: bold !important;
font-size: 1.25rem;
margin-top: 1.5rem;
}

.text-yellow {
color: #fcb900 !important;
}

.text-blue {
color: #0170b9 !important;
}

.bold {
font-weight: bold;
}

.fs-2 {
font-size: 1.8rem;
}

.fs--8 {
font-size: 0.85rem;
}

footer .fab:hover {
color: #fcb900 !important;
}

.feature-item {
padding: 1rem 0 !important;
}

div.question {
width: 65% !important;
}

.title-sobre {
font-weight: bold;
font-size: 14px;
margin-left: 40px;
margin-bottom: 15px;
}

.title-sobre i {
color: #fcb426;
font-size: 1.6rem;
position: absolute;
left: 16px;
top: -3px;
}

.subtitle-sobre {
font-weight: bold;
font-size: 20px;
margin-bottom: 15px;
padding-right: 25px;
}

.text-sobre {
font-size: 16px;
padding-right: 25px;
}

.image-cover {
background-position: -207px 0px;
background-size: cover;
height: 990px;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 50px 0px 0px;
--e-column-margin-right: 50px;
--e-column-margin-left: 0px;
padding: 0px 0px 0px 0px;
}

.text-blue2 {
color: #1e51a4;
}

.style-list-point li {
list-style: disc;
margin-bottom: 15px;
}

.title-info-text {
color: #1e51a4;
font-weight: bold;
font-size: 18px;
}

.icon-list-sobre i {
color: #fcb426;
font-size: 3rem;
margin-top: 5px;
}

.politica-info {
background: #fcb426;
padding: 50px;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.politica-info:hover {
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.politica-title {
text-align: center;
font-weight: bold;
font-size: 20px;
margin-bottom: 3rem;
}

.politica-text {
line-height: 2;
text-align: center;
}

.politica-icon {
text-align: center;
font-size: 50px;
margin-bottom: 20px;
}

.number-info-sobre {
text-align: center;
color: #1e51a4;
font-size: 30px;
font-weight: bold;
}

.text-info-sobre {
text-align: center;
font-size: 18px;
}

.table-info-domain tr {
display: block;
color: #284793;
}

.table-info-domain td {
width: 50%;
}

.whois-data .col-lg-6,
b {
color: #284793;
}

.politica-info {
text-decoration: none !important;
list-style: none;
}

.animation-fade-in {
visibility: hidden;
}

@keyframes fadeInUp {
from {
transform: translate3d(0, 400px, 0);
}

to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

@-webkit-keyframes fadeInUp {
from {
transform: translate3d(0, 400px, 0);
}

to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.animation-fade-in {
opacity: 0;
}

.animation-fade-in-active {
animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}

ul.submenu {
right: auto !important;
}

.submenu-xl {
width: 15rem;
}

.abolute-div-menu {
position: absolute;
text-align: center;
width: 100%;
top: 52rem;
z-index: 99;
}

.centrar-preloader {
width: 4rem;
margin-left: 47%;
margin-top: 10rem;
}

.magazine {
width: 100% !important;
height: 500px !important;
display: inline-flex !important;
}

.absolute-btn {
border: none;
background: rgba(255, 255, 255, 0.8);
height: 85px;
width: 85px;
text-align: center;
padding-left: 6px;
border-radius: 100%;
font-size: 4rem;
cursor: pointer;
}

.list-flex-webinar {
font-weight: bold;
}

.list-flex-webinar::after {
content: "";
width: calc(100% - 100px);
border: 1px solid #000;
position: absolute;
margin-left: 10px;
margin-top: 9px;
}

.content-webinars {
position: relative;
z-index: 99;
}

.text-date-info {
font-weight: bold;
}

.text-date-info::after {
content: "";
position: absolute;
border: 1px solid #000;
top: 0px;
right: 0px;
height: 100%;
}

.relative {
position: relative;
z-index: 99;
}

.webinar-content {
padding: 5px 30px;
}

.title-body-info {
color: #f7ac0f;
margin-bottom: 15px;
margin-top: 15px;
}

.subtitle-body-info {
color: #294795;
margin-bottom: 15px;
font-size: 14px;
font-weight: bold;
}

.ubication-body-info {
font-weight: bold;
font-size: 14px;
margin-top: 8px;
margin-left: 10px;
}

.text-body-info {
font-weight: bold;
font-size: 14px;
margin-bottom: 30px;
line-height: 1.8;
color: #000;
}

.text-body-info {
color: #3a3a3a;
}

.more-body-info {
color: #0170b9;
margin-bottom: 30px;
font-size: 14px;
font-weight: bold;
}

.find-body-info {
color: #294795;
font-size: 14px;
font-weight: bold;
}

#particles-js {
position: relative;
}

#particles-js .particles-js-canvas-el {
position: absolute;
display: none;
}

#particles-js2 {
position: relative;
}

#particles-js2 .particles-js-canvas-el {
position: absolute;
display: none;
}

#particles-js3 {
position: relative;
}

#particles-js3 .particles-js-canvas-el {
position: absolute;
top: 0;
display: none;
}

#particles-js4 {
position: relative;
}

#particles-js4 .particles-js-canvas-el {
position: absolute;
top: 0;
display: none;
}

.wrapper {
z-index: 99;
}

.multiple-items {
z-index: 99;
}

.accordion {
z-index: 99;
}

.elementor-button-link {
z-index: 99;
}

.same-height {
display: flex;
justify-content: center;
align-items: center;
min-height: 100px;
}

.elementor-button-wrapper {
z-index: 99999;
position: relative;
}

.title-abuse {
font-weight: bold;
text-align: center;
margin-bottom: 18px;
font-size: 2rem;
}

.text-abuse {
color: #000;
}

.subtitle-abuse {
margin: 18px 0;
}

.list-general-list li {
list-style: devanagari;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

.list-general-list li .title-span {
margin-top: 25px;
margin-bottom: 25px;
}

.list-general-list li li {
list-style: devanagari;
margin-left: 35px;
}

.list-general-list li li li {
list-style: disc;
margin-left: 50px;
}

.list-general-list li li ul {
margin-top: 10px;
margin-bottom: 15px;
}

.link-abuse {
margin-top: 15px;
}

.subtex-content-list,
.content-list-abuse,
.extra-content-list {
margin-top: 15px;
margin-left: -15px;
}

.list-roman li {
list-style: lower-roman !important;
}

nav .menu .item a {
padding: 0.3rem 0.6rem !important;
font-size: 0.75rem;
}

.video-index iframe {
min-height: 640px;
}

.list-event-view li {
font-size: 14px;
margin-left: 30px;
list-style: disc;
line-height: 1.8;
}

.c-black {
color: #000 !important;
}

.modal_view_image {
max-width: 75%;
}

section {
overflow-x: hidden !important;
}

@media only screen and (max-width: 768px) {
.search h1.title {
font-size: 2.5rem !important;
}

.search h2.subtitle {
font-size: 2.3rem !important;
}

.search h2.subtitle img {
font-size: 2.1rem !important;
}

.search-domain {
width: 100% !important;
}

.input-container button {
display: inline-block !important;
}

.banner-content {
display: block !important;
}

.search-domain .input-container input {
font-size: 10px !important;
padding-left: 5px;
}

.search-domain .input-container button {
font-size: 10px !important;
}

.video-index iframe {
min-height: 320px !important;
}

article.page.homepage .agentes h2 {
font-size: 2rem !important;
}

.accordion-button {
font-size: 12px;
}

article.page.homepage .total-domains .wrapper h2 {
font-size: 1.8rem !important;
}

article.page.homepage .total-domains .wrapper h3 {
font-size: 2rem !important;
}

.fs-2 {
font-size: 1rem !important;
text-align: center !important;
display: block;
}

.text-right {
text-align: center !important;
}

footer .col {
text-align: center !important;
margin-bottom: 20px !important;
flex-basis: auto;
}

.fs--8 {
font-size: 0.65rem;
}

.parnerts .col-lg-5 {
margin-bottom: 15px;
}

.modal_view_image {
max-width: 100% !important;
}

.text-contact-block span {
display: block !important;
margin-bottom: 15px;
}
}

@media only screen and (max-width: 1024px) {
header.header .top .navbar nav {
position: fixed;
width: 75%;
background: #fff;
left: -1rem;
padding-top: 2rem;
padding-left: 1rem;
top: 0;
height: 100vh;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

header.header .top .navbar nav ul {
align-items: flex-start;
background-color: #fff;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-start;
padding: 2rem 0;
width: 70%;
align-items: normal !important;
}

.page.gob-ec-mil-ec .subtitle {
font-size: 1rem !important;
text-align: center !important;
}

.search h3 {
font-size: 1.2rem !important;
text-align: center !important;
}

div.question {
width: 100% !important;
}

.breadcrumbs .nav li {
font-size: 1.2rem !important;
}

.breadcrumbs .nav li a {
font-size: 1.2rem !important;
}

.questions div.question h2 {
font-size: 0.8rem !important;
}

.animation-fade-in-active {
margin-bottom: 25px !important;
}

.image-cover {
margin: 0 !important;
padding: 0 !important;
margin-bottom: 25px !important;
width: 100%;
height: 700px;
background-size: auto;
}

#preguntas .accordion h3 {
font-size: 0.6rem !important;
}

.elementor-video {
max-width: 100% !important;
}

.text-title-video {
font-size: 1.2rem !important;
}

.wrapper-l {
padding: 0 !important;
}

.register-page .btn-primary {
width: 100% !important;
}

.flipbook-viewport .flipbook {
left: -155px !important;
}

.arrow-left,
.arrow-right {
display: none !important;
}

.page-revista {
height: 385px !important;
}

.wrapper-public-r {
z-index: 1 !important;
}
}

.navbar nav.active {
display: block !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.collapse-domain {
z-index: 1;
}

.total-domains {
z-index: 1;
}

.open-menu-fixed {
z-index: 2;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
display: none;
}

.menu-flex {
display: flex !important;
}

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

@media (max-width: 500px) {
nav .menu .item a {
padding: 0.3rem 0.6rem !important;
font-size: 0.7rem !important;
}
}

@media (max-width: 421px) {
nav .menu .item a {
padding: 0.3rem 0.6rem !important;
font-size: 0.4rem !important;
}
}

div .domain-pricing {
display: none;
}

/* Nuevos estilos agregados */
.center-card-div {
margin: auto;
width: 60%;
padding: 10px;
margin-top: 6rem;
margin-bottom: 2rem;
margin-right: 5cm;
}

.btn-user-loggin {
background-color: #f9b400;
padding: 0.7rem;
border-radius: 0.3rem;
}

.domain-check-availability {
width: 100px !important;
height: 46px !important;
font-size: 1rem !important;
}

.btn-car-checkout {
font-size: 0.7rem !important;
}

.btn-car-checkout a {
text-decoration: none !important;
}

.item-domain {
font-size: 1.2rem !important;
}

/* PAGINA WEB-24 STYLE */
/* Nueva imagen de banner
.hero-image {
background-image: url(../images/FINAL_HOME_ANIMADO_1.gif);
height: 43rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
*/
.hero-text {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
margin-top: 7rem;
}

.nic-logo-nav {
height: 3rem;
}

.btn-language {
align-items: center;
background-color: transparent;
color: #ffffffd3;
display: flex;
font-family: helvetic, sans-serif;
font-size: 0.9rem;
font-weight: 400;
text-transform: capitalize;
padding: 1rem;
border: none;
margin-top: 0.5rem;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.btn-language:hover {
background-color: #cccccc52;
}

.search-lupa {
position: relative;
bottom: 265px;
left: 165px;
z-index: -1;
}

.search-lupa img {
height: 500px;
}

.buscar-btn-text {
color: #000;
font-size: 2rem;
margin-left: 2rem;
}

.text-suenos {
font-size: 4.5rem;
font-family: "Ephesis", cursive !important;
font-family: "Great Vibes", cursive !important;
font-family: "Montserrat", sans-serif !important;
font-family: "Smooch", cursive !important;
}

.search-domain .input-container-home-search {
align-items: center;
background-color: #fff;
border-radius: 1rem;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
display: flex;
height: 5rem;
width: 100%;
padding: 0.5rem;
}

.search-input-box {
background-color: #fff;
color: #000;
width: 100%;
border-bottom: none;
border-radius: 0.5rem;
margin-left: 60px;
outline: none;
height: 100%;
padding-left: 3rem;
border: 0;
font-size: 1.7rem;
}

.search-input-box::placeholder {
color: grey;
}

.search-icon {
position: absolute;
height: 3rem;
}

.search-input-box:focus {
outline-width: 0;
}

::placeholder {
color: #fff;
opacity: 1;
/* Firefox */
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #fff;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
color: #fff;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
color: #fff;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #fff;
}

.option.item-cards {
font-size: 1.5rem;
}

.option .section-item-1 {
background-color: #43a5ac !important;
}

.option .section-item-2 {
background-color: #9d3571 !important;
}

.option .section-item-3 {
background-color: #007a9d !important;
}

.cont-porque-un-ec {
padding: 40px;
background-color: gainsboro;
}

.cont-porque-un-ec h2 {
font-size: 1.5rem;
}

.texto-porque-ec {
font-size: 3rem;
font-weight: 900;
}

.tres-colum-btn {
background-color: #007a93;
border-radius: 50px;
padding: 0.5rem;
width: 45%;
margin: auto;
padding: 10px;
font-weight: bold;
}

.tres-colum-btn-grey {
background-color: #333333;
border-radius: 50px;
padding: 0.5rem;
width: 333px;
margin: auto;
padding: 10px;
text-align: center;
text-decoration: none;
color: white;
font-family: "Montserrat", sans-serif;
}

.tres-colum-btn-yellow {
background-color: #fedc32;
border-radius: 10px;
padding: 0.5rem;
width: 60%;
padding: 10px;
text-align: center;
text-decoration: none;
color: #333;
font-family: "Montserrat-Bold", sans-serif;
margin: auto;
font-weight: bold;
}

.tres-colum-btn a {
text-decoration: none;
color: white;
}

.tres-colum-btn:hover {
background-color: #33333379;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

.porque-btn {
border-radius: 50px;
color: #fff;
padding: 0.5rem;
width: 15%;
margin: auto;
padding: 10px;
background-color: #69bfb7;
}

.cards-p-none {
padding-right: 0 !important;
padding-left: 0 !important;
height: 70px;
}

.row-p-none {
margin-left: 0px;
margin-right: 0px;
padding-left: 0;
padding-right: 0;
cursor: pointer;
}

.primeros-btn-menu {
background-color: #333333;
color: #fff;
padding: 0.5rem;
font-weight: bold;
width: 75%;
margin-top: 20px;
}

.primeros-btn-menu a {
text-decoration: none;
color: white;
}

.primeros-btn-menu:hover {
background-color: #33333379;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

.segundo-btn-menu {
background-color: #007a93;
color: #fff;
padding: 0.5rem;
font-weight: bold;
width: 75%;
}

.segundo-btn-menu a {
text-decoration: none;
color: white;
}

.segundo-btn-menu:hover {
background-color: #33333379;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

/*Footer*/
.info-links-nic h3 {
color: #fff;
}

.info-links-nic a {
text-decoration: none;
color: #fff;
font-size: 0.8rem;
}

.last-footer-nic-text {
font-size: 7px;
color: #fff;
}

.fa-search {
font-size: 10px !important;
}

#imagen-footer {
width: 74px;
height: auto;
margin-left: 10px;
}

.icono-con-texto-footer {
display: flex;
align-items: center;
margin-bottom: 0.35rem;
gap: 0.6rem;
}
.icono-con-texto-footer i {
width: 1.25rem;
font-size: 1.25rem;
color: #fff;
text-align: center;
}

.texto-al-lado-footer {
/* Ajusta el espacio entre el icono y el texto */
font-weight: bold;
color: #fff;
}

/*Responsive Home page*/

@media only screen and (max-width: 600px) {
.center-card-div {
width: 90%;
margin-bottom: 2rem;
}

.porque-btn {
width: 100%;
}

.hero-text {
top: 60%;
left: 43%;
}

.text-suenos {
font-size: 2rem;
}

.hero-image {
height: 20rem;
}

.fa-search {
font-size: 8px !important;
}

.buscar-btn-text {
font-size: 0.99rem;
}

.search-domain .input-container-home-search {
font-size: 0.7rem;
padding: 0.5rem;
}

.search-lupa {
position: relative;
bottom: 260px;
left: 155px;
z-index: -1;
width: 300px;
}

.colum-info {
margin-left: 0px !important;
}

.tres-colum-btn {
width: 50%;
margin-bottom: 2rem;
}

.primeros-btn-menu {
width: 100%;
}

.segundo-btn-menu {
width: 100%;
}

/*footer*/
.img-acreditaciones-container {
text-align: left !important;
}
}




/*Quienes somos*/

.nav-nosotros-item {
justify-content: end;
margin-right: 2rem;
}

.nav-nosotros-item ul li a {
color: #000;
font-family: 'Montserrat-Bold';
font-size: 0.75rem !important;
font-weight: bold !important;
text-transform: uppercase !important;
}

.que-es-nic {
background-color: #333333;
}

.que-es-nic-txt {
text-align: justify;
padding: 0.8rem 5rem 0rem 0rem;
}

.chk-nic {
background-color: #e4a41d;
width: 50%;
height: 125px;
float: right;
}

.ecuador-domain {
text-align: justify;
}

.certs-boxs {
width: 125%;
}

.cert-box-1 {
background-color: rgba(228, 164, 29, 0.6);
}

.cert-box-2 {
background-color: rgba(228, 164, 29, 0.4);
}

.cert-box-3 {
background-color: rgba(228, 164, 29, 0.3);
}

.cert-box-4 {
background-color: rgba(228, 164, 29, 0.2);
}

.cert-box-5 {
background-color: rgba(228, 164, 29, 0.1);
}

.certs-boxs-txt {
font-size: 0.8rem;
text-align: justify;
}

.cert-nosotros-img {
height: 80px;
}

.btn-sobre-nic {
font-size: 0.7rem;
width: 50%;
color: white;
background-color: #000000;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

.btn-sobre-nic:hover {
background-color: #e4a51db7;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

.numeros-estadisticas {
    font-family: 'Montserrat-Bold';
    font-size: 3.5rem;
    font-weight: bolder;
    color: #fedc32;
    font-weight: bold;
}

.numeros-estadisticas-p {
font-family: 'Montserrat-Bold';
color: #111010;
font-weight: bold;
}

/* AGREGANDO RESPONSIVE QUIENES SOMOS */
@media only screen and (min-width: 360px) and (max-width: 768px) {
.chk-nic {
padding: 3rem 5rem 2.5rem 2rem;
width: 100%;
height: 10px;
}

.check-sobre-nic {
padding: 0.4rem 0.5rem 0.5rem 6.2rem;
position: relative;
top: -4.2rem;
/* Valor negativo para subir */
}

.que-es-nic-txt {
padding: 1rem 2rem 1rem 1.5rem;
font-size: 0.8rem;
text-align: justify;
}

.ecuador-domain {
margin-top: -2rem;
padding: 1rem 0.2rem 1rem 1rem;
text-align: justify;
}

.certs-boxs .col-md-2 {
margin-top: -3rem;
width: 95%;
margin-bottom: 65px;
text-align: justify;
padding: 1rem 3.5rem 1rem 1rem;
}

.btn-sobre-nic {
max-width: 110px;
font-size: 0.6rem;
}
}

/*Politicas*/

.banner-imagen-politicas {
background-image: url(../images/politica-banner-txt.png);
height: 50rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.politica-de-registro {
background-color: #333333;
}

.politica-de-registro-txt {
padding: 2rem 4rem 2rem 1rem;
font-weight: bold;
}

.politicas-de-registro-titulo {
font-weight: bold;
font-size: 3rem;
}

.politicas-de-registro-titulo-1 {
font-weight: bold;
font-size: 4.5rem;
}

.politicas-de-registro-titulo-2 {
font-weight: bold;
font-size: 3rem;
}

/* Estilos generales */
.containerBannerPolitics {
position: relative;
display: block;
text-align: center;
}

.textBannerPolitics {
position: absolute;
top: 50%;
left: 30%;
right: 30%;
text-align: justify;
transform: translate(0%, -50%);
background-color: white;
padding: 20px;
/* Ajusta el padding según sea necesario */
height: 100%;
}

.textBannerPolitics h1 {
margin-top: 0;
/* Elimina el margen superior del h1 para mejor apariencia */
}

/* Estilo para centrar la imagen */
.contenedor-imagen-politica {
display: flex;
justify-content: center;
height: 65vh;
width: 80vh;
}

.imagen-expandida-politica {
max-width: 100%;
max-height: 95%;
}

/* Menu Flotante Politica*/
.floating-menu {
z-index: 99;
padding-top: 1px;
padding-bottom: 1px;
right: 0;
position: fixed;
display: inline-block;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.main-menu {
margin: 0;
padding-left: 4%;
list-style: none;
}

.main-menu li a {
display: block;
padding: 2px;
color: #fff;
position: relative;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

.main-menu li a:hover {
background: rgba(221, 13, 13, 0.3);
left: 10px;
}

.menu-bg {
background-color: #e5a722;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 15px;
-webkit-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}

.ripple {
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0);
}

.ripple:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
background-repeat: no-repeat;
background-position: 50%;
transform: scale(10, 10);
opacity: 0;
transition: transform 0.5s, opacity 1s;
}

.ripple:active:after {
transform: scale(0, 0);
opacity: 0.2;
transition: 0s;
}

.politics-floating-img {
width: 65px;
}

.boton-icann {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 20px;
border: none;
width: 15%;
background-color: #e5a722;
color: #ffffff;
font-weight: bold;
max-width: 200px;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.boton-icann:hover {
background-color: #886313;
}

/* AGREGANDO RESPONSIVE POLITICAS */
@media only screen and (min-width: 360px) and (max-width: 768px) {
.containerBannerPolitics {
margin-top: -4rem;
height: 48rem;
}

.banner-imagen-politicas {
height: 48rem;
}

.textBannerPolitics {
left: 9%;
right: 9%;
padding: 1px;
height: 48rem;
padding: 1rem;
}

.politicas-p {
text-align: center;
padding: 0.2rem;
font-size: 0.7rem;
}

.politicas-de-registro-titulo {
font-size: 1.7rem;
}

.politica-de-registro-txt {
font-size: 0.88rem;
margin-top: -1rem;
padding: 1rem;
}

.politicas-de-registro-titulo-1 {
font-size: 1.5rem;
padding: 1rem;
}

.politicas-de-registro-titulo-2 {
font-size: 1.5rem;
padding: 1rem;
}

.politicas-de-registro-titulo-3 {
font-size: 1.1rem;
padding: 1rem;
}

.politicas-de-registro-titulo-4 {
font-size: 0.75rem;
padding: 1rem;
margin-top: -2rem;
}

.boton-icann {
max-width: 110px;
font-size: 0.45rem;
margin-top: -1rem;
margin-left: 1rem;
}

.politicas-de-registo-p {
font-size: 0.7rem;
padding: 1rem;
}

.contenedor-imagen-politica {
display: flex;
justify-content: center;
padding: 1rem;
height: 40vh;
width: 100%;
}
}

/* LOGIN */

.banner-imagen-login {
background-image: url(../images/cuenta-banner.jpg);
height: 62rem;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-top: -20rem;
}

.login-form {
margin-top: 22rem;
width: 100%;
}

/* .center-card-div {
margin-right: 20rem;
} */
.center-card-div {
margin: 0 auto;
width: 100%;
max-width: 768px;
display: flex;
flex-direction: column;
align-items: center;
}

/* AGREGANDO REPONSIVE LOGIN */
@media only screen and (min-width: 360px) and (max-width: 768px) {
.banner-imagen-login {
height: 66rem;
margin-top: -30rem;
}

.login-form {
margin-top: 22rem;
}
}

/* SERVICIOS GOB/MIL */

.gob-mil {
background-color: #69bcb4;
}

.gob-mil-txt {
padding: 2rem 4rem 2rem 1rem;
font-weight: bold;
}

.gob-mil-titulo {
font-weight: bold;
font-size: 3rem;
}

.btn-plan {
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.btn-plan:hover {
background-color: #69bfb7;
}

.check-blanco {
position: relative;
width: 100%;
/* Ocupa todo el ancho disponible */
max-width: 150px;
/* Establece un ancho máximo para evitar que el elemento se vuelva demasiado ancho en pantallas grandes */
height: 128px;
/* Ajusta automáticamente la altura según el contenido */
margin: 0 auto;
/* Centra horizontalmente el elemento */
margin-top: 5%;
padding: 0;
/* Agrega un poco de espacio interno */
box-sizing: border-box;
/* Incluye el padding en el ancho total del elemento */
}

#main-container {
margin: 20px auto;
max-width: 900px;
background-color: rgba(244, 244, 244, 0.3);
height: 50%;
overflow: hidden;
font-weight: bold;
}

.block {
position: relative;
padding: 10px;
background-color: #666666;
width: 31.33%;
height: 40px;
float: left;
margin: 1%;
box-sizing: (border-box);
}

.lista-vistos {
list-style: none;
text-align: left;
}

.visto::before {
content: "\2713";
margin-right: 5px;
color: rgb(12, 12, 12);
}

.row1 {
display: flex;
justify-content: center;
margin-bottom: 20px;
padding: 30px;
z-index: 1;
}

.col1 {
margin: 0 10px;
}

.card {
background-color: white;
}

.card-1 {
border: 1px solid #080808;
padding: 20px;
text-align: center;
border-radius: 25px;
width: 440px;
height: 95%;
display: flex;
flex-direction: column;
justify-content: center;
/* Centra verticalmente el contenido */
background-color: rgb(245, 245, 245);
}

.button-content-1 {
display: flex;
justify-content: center;
}

.btn1 {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 20px;
border: none;
width: 60%;
background-color: #666666;
color: #ffffff;
font-weight: bold;
}

.registro-renovacion {
background-color: #666666;
}

.registro-renovacion-text {
text-align: center;
margin-top: 50px;
font-weight: bold;
font-size: 2.2rem;
margin-top: 30px;
}

.mi-boton {
display: flex;
justify-content: center;
}

.block-1 {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 20px;
border: none;
width: 24%;
background-color: #69bcb4;
color: #ffffff;
font-weight: bold;
max-width: 300px;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.block-1:hover {
background-color: #69bfb7;
}

/* Estilo para centrar la imagen */
.contenedor-imagen-gob-mil {
display: flex;
justify-content: center;
height: 80vh;
/* Establece la altura del contenedor al 100% del viewport */
}

.imagen-expandida-gob-mil {
max-width: 100%;
/* La imagen no superará el 100% del ancho del contenedor */
max-height: 90%;
/* La imagen no superará el 100% de la altura del contenedor */
margin-right: 4.2em;
}

/* BUSCADAOR GOB MIL*/

.banner-imagen-gob-mil {
background-image: url(../images/gob-mil-banner.png);
height: 41rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.banner-proforma-registro {
background-image: url(../images/proforma-registro.jpg);
/*height: 50rem;*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.container-proforma {
position: absolute;
top: 50%;
left: 40%;
transform: translate(-50%, -50%);
color: white;
margin-top: 0.2rem;
min-width: 400px;
}

.form-proforma {
    position: relative;
    padding-top: 100px;
}

.banner-text-gob-mil {
position: absolute;
top: 50%;
left: 40%;
transform: translate(-50%, -50%);
color: white;
margin-top: 0.2rem;
}

.buscar-btn-banner-text-gob-mil {
display: flex;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 16px;
width: 55%;
}

.dominio-search-gob-mil {
display: flex;
width: 60%;
}

.dominio-search-gob-mil .input-container-search-gob-mil {
align-items: center;
background-color: #dfe2ea;
border-radius: 1rem;
display: flex;
height: 4rem;
width: 90%;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.7);
}

.search-input-box-gob-mil {
background-color: #dfe2ea;
color: #000000;
width: 75%;
border-bottom: none;
border-top: none;
margin-left: 12px;
border: none;
/* Quita el borde */
outline: none;
/* Quita el contorno al enfocar */
}

.search-input:focus {
outline-width: 0;
}

.search-input-box-gob-mil::placeholder {
color: #000000;
}

.cuadro-gob-mil {
width: 280px;
height: 100px;
border: none;
padding: 10px;
text-align: center;
margin: 1px 0px 5px 100px;
margin-top: -10px;
/* Ajusta el margen para mover el cuadro más abajo y a la izquierda */
}

/*RESPONSIVE GOB-MIL BUSCADOR-BANNER*/
@media only screen and (max-width: 359px) {
.form-proforma {
max-width: 90%;
left: 10%;
}
}
@media only screen and (min-width: 360px) and (max-width: 768px) {
.banner-imagen-gob-mil {
height: 23rem;
}

.banner-text-gob-mil {
top: 70%;
left: 79%;
}

.text-buscador-gob-mil {
font-size: 0.45rem !important;
}

.fa-search {
font-size: 8px !important;
}

.buscar-btn-banner-text-gob-mil {
font-size: 0.99rem;
margin-left: 4rem;
}

.dominio-search-gob-mil .input-container-search-gob-mil {
font-size: 0.9rem;
width: 40rem;
margin-left: 5rem;
}

.btn-buscar-dominio {
font-size: 0.45rem !important;
width: 3.9rem;
}

.gob-mil-txt {
font-size: 0.7rem;
margin-top: -1rem;
padding: 1rem;
}

.gob-mil-titulo {
font-size: 1.8rem;
}

.check-blanco {
padding: 1rem;
}

.main-container {
padding: 10px;
/* Añade un padding para separar el contenido del borde de la pantalla */
}

.main-container h1 {
font-size: 20px;
/* Reduce el tamaño del título */
}

.block {
width: 100%;
/* Ocupa todo el ancho disponible */
margin-bottom: 5px;
/* Ajusta el margen inferior entre bloques */
padding: 8px;
/* Añade un espacio interno para separar el texto del borde */
font-size: 14px;
/* Ajusta el tamaño del texto */
}

.carousel-gob-mil .card-1 {
width: 95%;
/* Ajusta el ancho de la tarjeta */
height: auto;
/* Altura automática */
margin: 0 auto;
/* Centra la tarjeta */
}

.carousel-gob-mil .col1 {
width: 100%;
/* Ocupa todo el ancho disponible */
margin-bottom: 20px;
/* Ajusta el margen inferior entre tarjetas */
}

.carousel-gob-mil h3 {
font-size: 16px;
/* Ajusta el tamaño de la fuente del título */
}

.carousel-gob-mil .subtitle1 {
font-size: 14px;
/* Ajusta el tamaño de la fuente del subtítulo */
}

.carousel-gob-mil .lista-vistos li {
font-size: 12px;
/* Ajusta el tamaño de la fuente de los elementos de la lista */
}

.contenedor-imagen-gob-mil {
display: flex;
justify-content: center;
padding: 1rem;
height: 40vh;
width: 100%;
/* Establece la altura del contenedor al 100% del viewport */
}

.registro-renovacion {
font-size: 0.7rem;
}

.registro-renovacion-text {
font-size: 1.3rem;
}

.mi-boton {
text-align: center;
/* Centra el botón */
}

.block-1 {
width: 100%;
/* Ajusta el ancho del botón al 100% */
max-width: 150px;
/* Define un ancho máximo para el botón */
margin: 0 auto;
/* Centra horizontalmente el botón */
}

.block-1 a {
display: block;
/* Convierte el enlace en un bloque para ocupar todo el espacio del botón */
padding: 5px;
/* Ajusta el espaciado dentro del botón */
font-size: 0.5rem;
/* Ajusta el tamaño del texto */
}
}

/* WHO IS */

.whois-txt {
padding: 4rem 2rem 2rem 3rem;
font-weight: bold;
font-size: 1.4rem;
text-align: justify;
margin-top: -5%;
}

.whois-titulo {
font-weight: bold;
font-size: 3rem;
}

/* BUSCADAOR WHO IS*/

.banner-imagen-whois {
background-image: url(../images/whois-banner.jpg);
height: 41rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.banner-text-whois {
position: absolute;
top: 70%;
left: 35%;
transform: translate(-50%, -50%);
color: white;
margin-top: 0.2rem;
}

.buscar-btn-banner-text-whois {
display: flex;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 20px;
}

.dominio-search-whois {
display: flex;
}

.dominio-search-whois .input-container-search-whois {
align-items: center;
background-color: #dfe2ea;
border-radius: 4rem;
display: flex;
height: 4rem;
width: 150%;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.7);
}

.search-input-box-whois {
background-color: #dfe2ea;
color: #0c0c0c;
width: 75%;
border-bottom: none;
border-top: none;
margin-left: 12px;
border: none;
/* Quita el borde */
outline: none;
/* Quita el contorno al enfocar */
height: 64px;
border-radius: 4rem;
}

.search-input:focus {
outline-width: 0;
}

.search-input-box-whois::placeholder {
color: #000000;
}

/*RESPONSIVE WHO IS BUSCADOR-BANNER*/

@media only screen and (min-width: 360px) and (max-width: 768px) {
.banner-imagen-whois {
height: 21rem;
}

.banner-text-whois {
top: 75%;
left: 39%;
}

.whois-txt {
margin-top: -3.4rem;
font-size: 0.8rem;
}

.whois-titulo {
margin-top: -2rem;
font-size: 1.8rem;
}

.text-buscador-whois {
font-size: 0.45rem !important;
}

.fa-search {
font-size: 8px !important;
}

.buscar-btn-banner-text-whois {
font-size: 0.9rem;
margin-left: 5.5rem;
}

.dominio-search-whois .input-container-search-whois {
font-size: 0.9rem;
width: 22rem;
margin-left: 5rem;
}

.btn-buscar-dominio-whois {
font-size: 0.45rem !important;
width: 3.9rem;
}
}

/* WHOIS BUSQUEDA VISUALIZAR */

body-whois {
font-family: Arial, sans-serif;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}

.contenedor-whois {
display: flex;
flex-wrap: wrap;
max-width: 500px;
/* Establece un ancho máximo para el contenedor */
width: 100%;
text-align: center;
/* Alinea el contenido al centro */
margin: 0;
justify-content: center;
align-items: center;
}

.columna-whois {
padding: 20px;
border: 1px solid #ccc;
border: none;
box-sizing: border-box;
margin: 10px;
/*background-color: rgba(241, 184, 61, 0.9);*/
}

.columna-whois .fila-whois {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 10px;
}

/*
.columna-whois .columna-interna-whois {
flex-basis: calc(50% - 10px);
margin-bottom: 10px;
text-align: left;
}
.columna-whois .columna-externa-whois {
flex-basis: calc(100% - 0px);
margin-bottom: 80px;
text-align: center;
}
*/

@media (max-width: 768px) {
.columna .columna-interna-whois {
flex-basis: calc(100% - 20px);
}

.columna .columna-externa-whois {
flex-basis: calc(100% - 20px);
}
}

.lista-puntos {
list-style: none;
text-align: left;
display: inline;
/* Mostrar elementos en línea */
}

.puntos::before {
content: "\2022";
margin: 1.6em 4px;
color: rgb(12, 12, 12);
font-weight: bold;
font-size: 1.5em;
}

/* PREGUNTAS FRECUENTES */

.preguntas-frecuentes {
background-color: #666666;
}

.preguntas-frecuentes-txt {
padding: 2rem 4rem 2rem 2.5rem;
font-weight: bold;
}

.preguntas-frecuentes-titulo {
font-weight: bold;
font-size: 1.5rem;
}

.preguntas-frecuentes-ciclo {
font-weight: bold;
font-size: 3rem;
}

.preguntas-frecuentes-p {
text-align: justify;
font-weight: bold;
font-size: 1.2rem;
}

.signo-pregunta-blanco {
position: relative;
width: 60%;
height: 125px;
float: right;
}

.preguntas-frecuentes-text {
padding: 2rem 4rem 2rem 10rem;
text-align: center;
}

/* Estilo para centrar la imagen */
.contenedor-imagen-preguntas-ciclo1 {
display: flex;
justify-content: center;
height: 75vh;
/* Establece la altura del contenedor al 100% del viewport */
}

.imagen-expandida-preguntas-ciclo1 {
max-width: 100%;
/* La imagen no superará el 100% del ancho del contenedor */
max-height: 80%;
/* La imagen no superará el 100% de la altura del contenedor */
}

/* Estilo para centrar la imagen */
.contenedor-imagen-preguntas-ciclo2 {
display: flex;
justify-content: center;
height: 75vh;
/* Establece la altura del contenedor al 100% del viewport */
}

.imagen-expandida-preguntas-ciclo2 {
max-width: 100%;
/* La imagen no superará el 100% del ancho del contenedor */
max-height: 80%;
/* La imagen no superará el 100% de la altura del contenedor */
}

.ciclo2-seccion1 {
background-color: #e2e2e2;
}

/* ACORDEON PREGUNTAS FRECUENTES */

.acordeon-preguntas {
width: 105%;
max-width: 700px;
margin: 0 auto;
margin-top: 40px;
}

.acordeon-item {
border: 1px solid #ccc;
margin-bottom: 5px;
}

.acordeon-header {
background-color: #f1f1f1;
padding: 5px;
cursor: pointer;
line-height: 1.5;
}

.acordeon-content {
display: none;
padding: 5px;
}

.acordeon-icon {
float: right;
color: #666666;
font-size: 1.5em;
}

/* RESPONSIVE PREGUNTAS FRECUENTES */

@media only screen and (min-width: 360px) and (max-width: 768px) {
.preguntas-frecuentes-titulo {
font-weight: bold;
font-size: 1.7rem;
}

.contenedor-imagen-preguntas-ciclo1 {
height: 10rem;
}

.contenedor-imagen-preguntas-ciclo2 {
height: 10rem;
}

.ciclo2-seccion1 {
background-color: #e2e2e2;
height: 17rem;
}

.signo-pregunta-blanco {
height: 80px;
width: 100%;
top: 50%;
left: 68%;
transform: translate(-50%, -50%);
}

.preguntas-frecuentes-ciclo {
font-weight: bold;
font-size: 1.5rem;
padding: 0.5rem;
}

.preguntas-frecuentes-p {
font-weight: bold;
font-size: 0.9rem;
}
}

/* REPOSITORIO */

.repositorio {
background-color: #333333;
}

.repositorio-txt {
padding: 0.9rem 5rem 0rem 0rem;
text-align: justify;
font-size: 1.3rem;
}

.repositorio-chk-nic {
background-color: #fd2b4a;
width: 50%;
height: 125px;
float: right;
}

.centro-repositorio {
text-align: center;
font-size: 1.5rem;
}

.contenedor-repositorio {
display: grid;
grid-template-columns: 1fr 20px 1fr;
/* Dos columnas de igual ancho y espacio de 20px */
gap: 20px;
/* Espacio entre columnas */
max-width: 1100px;
margin: 0 auto;
padding: 25px;
margin-top: 50px;
}

.columna {
border-radius: 5px;
}

.columna-img-repositorio img {
max-width: 100%;
/* Ajustar la imagen al ancho de su contenedor */
display: block;
/* Eliminar espacios adicionales debajo de la imagen */
}

.columna-texto-repositorio {
display: flex;
align-items: center;
/* Centrar verticalmente el contenido */
justify-content: center;
/* Centrar horizontalmente el contenido */
}

.centrar-contenido-repositorio {
text-align: center;
/* Alinear el texto al centro */
}

.texto-centrado {
text-align: center;
/* Alinear texto al centro */
}

.separador-vertical {
width: 20px;
/* Espacio vertical entre columnas */
}

.imagen-resaltar {
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
/* Agregar transiciones */
border-radius: 10px;
}

.imagen-resaltar:hover {
transform: scale(1.1);
/* Cambiar el tamaño al pasar el mouse */
box-shadow: 0 0 15px rgb(253, 43, 74);
/* Agregar una sombra al pasar el mouse */
}

.boton-repositorio {
/* Estilos del botón */
background-color: #333;
/* Cambiar el color de fondo del botón a azul */
color: white;
/* Cambiar el color del texto a blanco */
border: none;
/* Eliminar el borde */
padding: 10px 35px;
/* Ajustar el relleno del botón */
border-radius: 20px;
/* Agregar esquinas redondeadas */
cursor: pointer;
/* Cambiar el cursor al pasar por encima */
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.boton-repositorio:hover {
background-color: #fd2b4a;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

.centro-repositorio {
margin-top: -10px;
padding: 0 auto;
font-weight: bold;
text-align: center;
font-size: 2.2rem;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.centro-repositorio-text {
padding: 0 auto;
text-align: center;
font-size: 1.2rem;
font-family: Arial, Helvetica, sans-serif;
}

.centro-repositorio-text-h4 {
padding: 0 auto;
text-align: center;
font-size: 1.75rem;
font-family: Arial, Helvetica, sans-serif;
}

/* AGREGANDO RESPONSIVE REPOSITORIO */
@media only screen and (min-width: 360px) and (max-width: 768px) {
.repositorio-chk-nic {
padding: 3rem 5rem 2.5rem 2rem;
width: 100%;
height: 10px;
}

.check-repositorio {
padding: 0.4rem 0.5rem 0.5rem 6.2rem;
position: relative;
top: -4.2rem;
}

.repositorio-txt {
padding: 0.9rem 2rem 1rem 1.5rem;
text-align: justify;
font-size: 0.8rem;
}

.centro-repositorio {
text-align: center;
font-size: 1.2rem;
}

.centro-repositorio-text {
padding: 0 auto;
text-align: center;
font-size: 0.65rem;
font-family: Arial, Helvetica, sans-serif;
}

.boton-repositorio {
width: 6.7rem;
height: 1.8rem;
font-size: 0.5rem;
}

.centro-repositorio-text-h4 {
padding: 0 auto;
text-align: center;
font-size: 0.7rem;
font-family: Arial, Helvetica, sans-serif;
}

.columna-img-repositorio img {
height: 7rem;
width: 12rem;
}
}

/* FORMULARIO REGISTRO DE CUENTA / clientregister */

.container-registrar {
background-image: url("../images/registrarse-banner.jpg");
/* Ruta de la imagen de fondo */
background-size: cover;
/* Ajusta el tamaño para cubrir completamente el fondo */
}

.boton-cuenta {
/* Estilos del botón */
background-color: #333;
/* Cambiar el color de fondo del botón a azul */
color: white;
/* Cambiar el color del texto a blanco */
border: none;
/* Eliminar el borde */
padding: 8px 10px;
text-align: center;
/* Ajustar el relleno del botón */
border-radius: 20px;
/* Agregar esquinas redondeadas */
cursor: pointer;
/* Cambiar el cursor al pasar por encima */
}

.text-cuenta {
font-size: 2rem;
padding: 130px;
text-align: center;
font: bold;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
color: #666;
}

/* PRACTICAS ESTUDIANTILES */

.practicas {
background-color: #333333;
}

.practicas-text {
padding: 1rem 5rem 0rem 0rem;
font-size: 2rem;
text-align: center;
}

.practicas-txt {
padding: 2rem 4rem 2rem 10rem;
font-size: 1.3rem;
}

.practicas-titulo {
font-size: 3rem;
}

.practicas-chk-nic {
background-color: #e4a41d;
width: 50%;
height: 125px;
float: right;
}

/*
.centro-practicas {
margin-top: -20px;
padding: 20px;
font-weight: bold;
text-align: center;
font-size: 2.9rem;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
*/

/* Estilo para centrar la imagen */
.contenedor-imagen-practicas {
display: flex;
justify-content: center;
height: 70vh;
/* Establece la altura del contenedor al 100% del viewport */
}

.imagen-expandida-practicas {
max-width: 100%;
/* La imagen no superará el 100% del ancho del contenedor */
max-height: 90%;
/* La imagen no superará el 100% de la altura del contenedor */
}

/* MODAL-FORMULARIO PRACTICAS ESTUDIANTILES */

.contenedor-imagen {
position: relative;
text-align: center;
}

.boton-sobre-imagen {
position: absolute;
top: 55%;
/* Ajusta la posición vertical del botón */
left: 68%;
/* Ajusta la posición horizontal del botón */
transform: translate(-50%, -50%);
/* Centra el botón utilizando transform */
padding: 10px 20px;
/* Ajusta el espacio interno del botón */
font-size: 25px;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
background-color: #e4a41d;
color: #ffffff;
border: none;
border-radius: 20px;
text-align: center;
cursor: pointer;
}

.boton-sobre-imagen:hover {
background-color: #e4a51d80;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background-color: rgba(0, 0, 0, 0.5);*/
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(4px);
}

.modal-contenido {
background-color: #fff;
max-width: 400px;
margin: 5% auto;
padding: 20px;
position: relative;
border-radius: 30px;
}

.modal-content {
border-radius: 2rem !important;
}

.cerrar {
position: absolute;
top: 10px;
right: 10px;
font-size: 30px;
cursor: pointer;
}

.seccion-modal {
label {
display: block;
margin-bottom: 8px;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

input {
width: 100%;
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
}

button {
background-color: #e4a41d;
color: #fff;
padding: 5px 20px;
border: none;
border-radius: 30px;
cursor: pointer;
text-align: center;
font-weight: bold;
}

input::placeholder {
color: black;
}
}

/* AGREGANDO RESPONSIVE PRACTICAS ESTUDIANTILES */
@media only screen and (min-width: 360px) and (max-width: 768px) {
.boton-sobre-imagen {
max-width: 80px;
font-size: 0.5rem;
height: 2.2rem;
}

.modal-contenido {
width: 90%;
margin: 20% auto;
}

.modal-contenido h2 {
font-size: 1.2rem;
margin-bottom: 1rem;
}

.modal-contenido label {
font-size: 0.9rem;
margin-bottom: 0.5rem;
}

.modal-contenido input,
.modal-contenido button {
width: 100%;
}

.modal-contenido button {
padding: 0.4rem;
font-size: 0.9rem;
}

.practicas-chk-nic {
padding: 3rem 5rem 2.5rem 2rem;
width: 100%;
height: 10px;
}

.check-practicas-estudiantiles {
padding: 0.4rem 0.5rem 0.5rem 6.2rem;
position: relative;
top: -4.2rem;
}

.practicas-text {
padding: 0.9rem 2rem 1rem 1.5rem;
text-align: justify;
font-size: 0.8rem;
}

.imagen-expandida-practicas {
display: flex;
justify-content: center;
padding: 1rem;
height: 35vh;
width: 100%;
margin-top: -1.5rem;
}

.practicas-titulo {
font-size: 1.5rem;
padding: 1rem;
}

.practicas-txt {
padding: 0.4rem 0.5rem 0.5rem 6.2rem;
font-size: 0.8rem;
padding: 1rem;
margin-top: -19rem;
}
}

/* FRANJA MODAL HOME PAGE */
.franja-color-home-negra {
background-color: #4d4d4d;
/* Puedes cambiar este color según tus preferencias */
height: 50px;
/* Altura de la franja */
width: 100%;
/* Ancho total de la franja */
display: flex;
align-items: center;
justify-content: center;
}

.franja-color-disponible {
background-color: #fcb216;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: fff;
border-radius: 20px;
}

.franja-color-home {
background-color: #e4a41d;
/* Puedes cambiar este color según tus preferencias */
height: 50px;
/* Altura de la franja */
width: 100%;
/* Ancho total de la franja */
display: flex;
align-items: center;
justify-content: center;
}

/* EFECTO HOVER EN BOTONES */

.link-opacity {
transition: opacity 0.3s ease;
/* Agregamos una transición suave */
}

.link-opacity:hover {
opacity: 0.7;
/* Opacidad cuando el mouse pasa sobre el enlace */
}

.link-opacity-1:hover {
background-color: #4d4d4d44;
/* Nuevo color cuando el mouse pasa sobre el botón */
}

.carousel-gob-mil {
max-height: 750px;
}

.carousel-item {
max-height: 2500px;
/* Ajusta la altura máxima según tus necesidades */
}

.loader-col {
width: 223px;
}

.loader-5 {
width: 100px;
height: 100px;
border-radius: 100%;
position: relative;
margin: 0 auto;
display: none;
}

#loader-5 span {
display: block;
position: absolute;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 20px;
height: 20px;
background-color: #3498db;
}

#loader-5 span:nth-child(2) {
animation: moveanimation1 1s ease-in-out infinite;
}

#loader-5 span:nth-child(3) {
animation: moveanimation2 1s ease-in-out infinite;
}

#loader-5 span:nth-child(4) {
animation: moveanimation3 1s ease-in-out infinite;
}

@keyframes moveanimation1 {
0%,
100% {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}

75% {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px);
}
}

@keyframes moveanimation2 {
0%,
100% {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}

75% {
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
}

@keyframes moveanimation3 {
0%,
100% {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}

75% {
-webkit-transform: translate(30px, 30px);
-ms-transform: translate(30px, 30px);
-o-transform: translate(30px, 30px);
transform: translate(30px, 30px);
}
}

/* COOKIE */
#cookieBar .modal-dialog {
width: 250px;
/* Ajusta el ancho según tus necesidades */
position: fixed;
bottom: -10rem;
left: 0;
/* Cambiado a la esquina inferior izquierda */
margin: 0;
}

#cookieBar .modal-body {
text-align: center;
/* Centra el contenido del cuerpo del modal */
padding-bottom: 20px;
/* Añade un espacio debajo del contenido */
}

#cookieBar .img-cookie {
max-width: 100px;
/* Define el ancho máximo de la imagen */
height: auto;
/* Permite que la altura se ajuste automáticamente manteniendo la proporción de aspecto */
display: block;
/* Asegura que la imagen se centre correctamente */
margin: 0 auto 10px;
/* Centra la imagen horizontalmente */
}

/* Popup informativo al iniciar pagina/home */
/* Estilos generales para el pop-up */
.popup-home {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
/* Fondo opaco */
z-index: 9999;
cursor: pointer;
/* Cambiar el cursor cuando se pasa sobre el fondo opaco */
}

.popup-content-home {
position: absolute;
top: 20%;
left: 20%;
transform: translate(-50%, -50%);
width: 100%;
/* Ancho predeterminado */
max-width: 600px;
/* Ancho máximo */
}

.popup-content-home img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

.close-home {
position: absolute;
top: 10px;
right: 10px;
color: black;
font-size: 20px;
cursor: pointer;
}

/* Responsive popup para pantallas de 480px */
@media screen and (max-width: 480px) {
.popup-content-home {
width: 90%;
/* Ajustar el ancho para pantallas pequeñas */
}

.container-proforma {
left: 50%;
min-width: 300px;
}
}
.proformas-menu {
background-color: #e7e7e7;
border: none;
}

.proforma-btn {
width: 25%;
margin: auto;
min-width: 100px;
}

.input-group {
position: relative;
margin-left: -30px;
}

.input-group input[type="text"] {
padding-left: 40px;
height: 36px;
width: 100%;
border: none;
}

.input-group::before {
content: "";
display: block;
position: absolute;
top: 50%;
/*left: 10px;*/
transform: translateY(-50%);
width: 36px;
height: 36px;
}

.input-position {
position: static !important;
}

.p_user::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_user.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_email::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_mail.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_clock::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_clock.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_building::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_building.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_car::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_car.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_numeral::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_numeral.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_phone::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_phone.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_user::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_user.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.p_word::before {
background-image: url("https://nic.ec/templates/nic-2024/assets/images/p_word.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.form-proforma .padding-30 {
padding-right: 30px;
padding-left: 30px;
}

.form-proforma .padding-30-right {
padding-right: 30px;
}

.form-proforma .padding-30-left {
padding-left: 30px;
}

.proforma-text {
text-align: center;
font-size: 1.3rem;
font-family: "Montserrat", sans-serif;
color: #000;
max-width: 500px;
}

.proforma-opcional {
font-size: xx-small !important;
color: #fff !important;
margin-left: -30px;
}

.ruc-opcional {
font-size: xx-small !important;
color: #fff !important;
}

.producto-opcional {
font-size: xx-small !important;
color: #fff !important;
top: -10px;
position: relative;
}
.responsive-object {
width: 100%;
border: none;
min-height: 830px;
}

.nota-email {
color: #fff !important;
text-align: center;
top: 50px;
}

.prof-opcional {
font-size: 18px !important;
color: #fff !important;
}

.prod-opcional {
font-size: 14px !important;
color: #fff !important;
}

.boton-eliminar {
position: absolute;
font-size: 10px;
padding: 5px 10px;
left: 105%;
top: 5px;
}

@font-face {
font-family: "BiggyJohn";
src: url("/templates/nic-2024/assets/fonts/BiggyJohn.ttf") format("truetype");
src: url("/templates/nic-2024/assets/fonts/BiggyJohn.woff") format("woff");
}
@font-face {
font-family: "DoubleBass-Bold";
src: url("/templates/nic-2024/assets/fonts/DoubleBass-Bold-trial.ttf")
format("truetype");
src: url("/templates/nic-2024/assets/fonts/DoubleBass-Bold-trial.woff")
format("woff");
}
@font-face {
font-family: "Montserrat-Bold";
src: url("/templates/nic-2026/assets/fonts/Montserrat-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat-Regular";
src: url("/templates/nic-2026/assets/fonts/Montserrat-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat-Light";
src: url("/templates/nic-2026/assets/fonts/Montserrat-Light.woff2") format("woff2");
}
.fontDB {
font-family: "DoubleBass-Bold", sans-serif;
color: #007a93;
font-size: 3rem;
font-weight: unset;
}
.texto-columna {
font-family: "BiggyJohn", sans-serif;
color: #fff;
}

#resultados .banner .logoCart {
width: 30%;
}

.smileIcon {
color: #333;
margin: 20px;
font-size: 8rem;
}
.texto-columna-prin {
font-size: 6rem;
margin-right: 20px;
color: #333;
}
.texto-columna-secu {
font-size: 2.5rem;
text-align: center;
margin-top: -30px;
color: #333;
}

.domainSearch {
margin-top: 30px;
font-size: 2.5rem;
font-family: sans-serif;
font-style: italic;
font-weight: bold;
text-align: center;
}
.domainType {
font-size: 1.3rem;
font-family: sans-serif;
font-weight: normal;
text-align: center;
}
.btnRegisterNow {
width: 100%;
margin-top: 20px;
display: flex;
}

.contenedor-agentes {
background-color: #ededed;
}
.titulo-agentes-exclusivos {
font-family: sans-serif;
font-style: italic;
margin: 2rem;
margin-bottom: 0;
font-size: 1.4rem;
}
.titulo-agentes-exclusivos img {
width: 4rem;
}
/* .agentes-exclusivos {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
padding-left: 2rem;
} */
.exclusiveAgent {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 2rem;
text-align: center;
/*position: relative;*/
}
@media (min-width: 768px) {
.exclusiveAgent {
flex-direction: row;
padding: 0 4.4rem;
}
}
/* .exclusiveAgent2 {
padding-left: 0.6rem;
}
.exclusiveAgent::after {
content: "";
position: absolute;
right: 0;
top: 18%;
height: 65%;
width: 2px;
background-color: #000;
} */
.ancho-50 {
width: 75% !important;
margin: 0 auto;
}
.ancho-90 {
object-fit: contain;
aspect-ratio: 16/9;
width: 90%;
}
.ancho-60 {
object-fit: contain;
aspect-ratio: 16/9;
width: 60%;
}
@media (min-width: 768px) {
.ancho-90 {
width: 80;
}
}
.domain-result {
width: 100%;
margin-top: 20px;
}

.noDispBox {
display: flex;
align-items: center;
margin: auto;
margin-top: 0.5rem;
}
.noDispX {
color: #b92930;
font-size: 1.6rem;
}
.noDispText {
color: #6a3ec9 !important;
font-weight: bold;
}
.div-color-noDisp {
background-color: #6cb533;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: fff;
border-radius: 20px;
margin-top: 20px;
}

.texto-columna-prin-noDisp {
font-size: 4rem;
text-align: center;
}

.texto-columna-noDisp {
font-family: "BiggyJohn", sans-serif;
display: flex;
flex-direction: column;
color: #fff;
padding: 25px;
}
.bannerNoDisp {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
background-color: #fedc32;
border-radius: 1rem;
padding: 1rem;
}
.text-elige {
text-align: center;
/* font-size: 0.9rem; */
margin: 1rem 2rem;
color: #333;
}
.text-locales {
text-align: center;
color: #000;
}
article.page.homepage #domainssearch #resultados h5 {
font-size: 0.9rem;
}
.text-elige-tmp {
text-align: center;
font-size: 0.95rem;
margin-top: 20px;
}
.sugerencias {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
align-items: space-around;
overflow: hidden;
width: 100%;
padding: 1rem 2rem;
}
.divSugerencias {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.sugerencias img {
max-width: 100%;
height: auto;
}
.disponible {
display: flex;
align-items: center;
justify-content: space-between;
}
.disponible img {
margin-right: 8px;
width: 30px;
}
/*
.disponible a {
font-family: sans-serif;
font-weight: normal;
color: #000;
}
.disponible a:hover {
text-decoration: none;
color: #007a93;
}*/

#noDisBox3 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.lupaBanner {
margin-right: 5px;
height: 30px;
}
.likeBanner {
margin-right: 5px;
height: 70px;
}

.btnBuscarNoDisp {
width: 60%;
padding: 5px;
margin-top: 20px;
}

.bannerhome {
position: relative;
z-index: 1;
height: 620px;
background-color: #fedc32;
font-family: "Montserrat-Bold";
}
.homesearch {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 85%;
display: flex;
flex-direction: column;
align-items: center;
}

.section2home {
background-color: #eef7f9;
padding: 60px 100px 60px;
}

/* Estilos de Videos*/

.video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
cursor: pointer;
}

.video-placeholder-youtube {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center;
}

.video-placeholder-youtube-1 {
background: url("https://img.youtube.com/vi/c3FBjJIiHC0/0.jpg") no-repeat;
}

.video-placeholder-youtube-2 {
background: url("https://img.youtube.com/vi/0796DO4NemQ/0.jpg") no-repeat;
}

.video-frame {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-wrapper.active .video-frame {
display: block;
}

.video-wrapper.active .video-placeholder-youtube {
display: none;
}

.seccion-videos {
max-width: 95%;
margin: 4rem auto;
padding: 2rem;
}
.seccion-videos h2 {
font-family: "Montserrat-Bold";
font-style: italic;
text-align: center;
font-size: 2rem;
margin: 5rem auto 3rem;
}
.seccion-videos__recursos {
display: grid;
gap: 2rem;
}
@media (min-width: 768px) {
.seccion-videos {
max-width: 1200px;
}
.seccion-videos__recursos {
grid-template-columns: repeat(2, 1fr);
}
}
.seccion-videos__recursos video {
max-width: 100%;
}
/* Fin Estilos de Videos*/

.btn-buscar-dominio {
height: 100%;
width: 10rem;
font-size: 1.5rem !important;
text-transform: capitalize !important;
font-family: revert;
background-color: #007a93 !important;
}
.agente_exclusivo {
margin: -30px 170px;
}

@media (max-width: 1150px) {
.search-input-box {
font-size: 1.2rem;
}
}

@media (max-width: 945px) {
.search-input-box {
font-size: 1rem;
padding-left: 0;
}
}

@media (max-width: 810px) {
.search-domain .input-container-home-search {
flex-wrap: wrap;
margin-bottom: 3rem;
}
.btn-search-domain {
flex: 0 0 100%; /* se va a la siguiente fila */
display: flex;
justify-content: center; /* se centra horizontalmente */
margin-top: 1rem; /* airecito, opcional */
color: #fff !important;
background-color: #6a3ec9 !important;
}

.homesearch_title{
font-size:2.9rem !important;
}
.bannerNoDisp {
flex-direction: column;
}
}

@media (max-width: 600px) {
.section2home {
padding: 60px 10px 10px;
}
.homesearch {
width: 95%;
}

}

@media (max-width: 500px) {
.texto-columna-prin {
font-size: 3rem;
margin-right: 20px;
}
.texto-columna-secu {
font-size: 2rem;
}
.texto-columna-prin-noDisp {
font-size: 2.5rem;
}
.agente_exclusivo {
margin: -30px 30px;
}
.smileIcon {
font-size: 6rem;
}
}

@media only screen and (min-width: 501px) and (max-width: 600px) {
#resultados .banner .logoCart {
margin-right: 10px;
}
.texto-columna-prin {
font-size: 4.3rem;
margin-top: -20px;
}
.texto-columna-secu {
font-size: 2.3rem;
}
.texto-columna-prin-noDisp {
font-size: 3rem;
}
.agente_exclusivo {
margin: -30px 70px;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
#resultados .banner .logoCart {
margin-right: 20px;
}
.texto-columna-prin {
font-size: 5rem;
margin-top: -20px;
}
.texto-columna-secu {
font-size: 2.3rem;
}
.agente_exclusivo {
margin: -30px 100px;
}
}

/* Ajustes en acordeon */
.acordeon-parrafo {
padding: 0 1.5rem;
text-align: justify;
}
#content6 {
padding: 1rem 1rem 1.5rem 1rem;
}
.numeros {
list-style-type: decimal;
margin: 0 1.5rem;
}
.recuerda-parrafo {
margin: 1rem 0;
}
.btn-wsp {
position: fixed;
width: 60px;
height: 60px;
line-height: 63px;
bottom: 90px;
right: 25px;
background: #25d366;
color: #fff !important;
border-radius: 50px;
text-align: center;
font-size: 35px;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
z-index: 100;
transition: all 300ms ease;
}
.btn-wsp:hover {
background: #20ba5a;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.btn-wsp {
width: 63px;
height: 63px;
line-height: 66px;
}
}

/* Homepage */
.porque-ec {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
}
.porque-ec img {
width: 3rem;
}
.porque-ec,
.proximamente-ec {
text-align: center;
margin: 2.5rem 0;
}
@media (min-width: 1200px) {
.porque-ec,
.proximamente-ec {
width: 31rem;
}
}
.porque-ec h3,
.proximamente-ec h3 {
font-family: "Montserrat-Bold";
font-style: italic;
font-size: 2.5rem;
margin: 0;
text-transform: uppercase;
}
.accesos {
margin-bottom: 2.5rem;
}
.modular-btn {
width: 100%;
}
@media (min-width: 768px) {
.modular-btn {
width: 75%;
}
}
.recordar {
margin-top: 1rem;
}
/* Cambios footer */
.links-footer {
padding: 1rem 5rem !important;
}
.links-footer a {
font-family: "Montserrat-Regular";
}
.titulo-footer {
font-family: "Montserrat-Bold";
}
.last-footer-nic-text {
display: block;
font-family: "Montserrat-Light";
font-size: 0.7rem;
}

.logos-agentes {
display: none;
}

.bg-color {
background-color: #ededed;
}
.bg-color-res {
background-color: #fff;
border-radius: 10px;
width: 100%;
}

.nuevas-opciones{
width: 100%;
}

.otras-opciones-prin {
font-size: 3rem;
margin-right: 20px;
color: #333;
}
.otras-opciones-secu {
font-size: 2rem;
text-align: center;
margin-top: -20px;
color: #333;
}

.mayusculas {
text-transform: uppercase;
}