@charset "utf-8";
/* CSS Document */
/* =========================================================
   ACTIWEB 2.0
   SECCIÓN DOMINIO
   ========================================================= */


/* =========================================================
   VARIANTE VISUAL: DOMINIO
   ========================================================= */

/* ---------------------------------------------------------
   ETIQUETA
   --------------------------------------------------------- */

.ac-seccion--dominio .ac-seccion__etiqueta {
    color: #0866e8;
}

.ac-seccion--dominio .ac-seccion__etiqueta::before {
    background-color: #0866e8;
}


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

.ac-seccion--dominio .ac-seccion__titulo {
    color: #102f5f;
}


/* Palabra DOMINIO */

.ac-seccion--dominio .ac-seccion__titulo span:first-of-type {
    color: #087cf0;
}


/* Palabra HOSTING */

.ac-seccion--dominio .ac-seccion__titulo span:last-of-type {
    color: #159447;
}


/* ---------------------------------------------------------
   DESCRIPCIÓN
   --------------------------------------------------------- */

.ac-seccion--dominio .ac-seccion__descripcion {
    color: #536b89;
    text-align: center;
}


/* =========================================================
   BUSCADOR DE DOMINIOS
   ========================================================= */

.domain-search-section {
    background: linear-gradient(
        135deg,
        #0d6efd,
        #0b5ed7
    );

    color: white;

    border-radius: 20px;

    padding: 60px 20px;
}


/* =========================================================
   TÍTULO AUXILIAR DEL BUSCADOR
   ========================================================= */

.ac-idx-title {
    font-size: 1.5rem;
}


/* =========================================================
   CONTENEDOR DEL BUSCADOR
   ========================================================= */

.domain-box {
    background: #ffffff;

    border-radius: 60px;

    overflow: hidden;

    max-width: 750px;
    width: 100%;

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);

    transition: all 0.3s ease;
}


/* ---------------------------------------------------------
   EFECTO AL ENFOCAR
   --------------------------------------------------------- */

.domain-box:focus-within {
    transform: scale(1.02);

    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
}


/* =========================================================
   INPUT
   ========================================================= */

.domain-box input {
    height: 65px;

    font-size: 18px;

    background: #ffffff;

    border: none;

    box-shadow: none;
}


/* INPUT ENFOCADO */

.domain-box input:focus {
    outline: none;

    box-shadow: none;
}


/* ---------------------------------------------------------
   PLACEHOLDER
   --------------------------------------------------------- */

.domain-box input::placeholder {
    color: #aaa;

    transition: 0.3s;
}

.domain-box input:focus::placeholder {
    color: #ccc;
}


/* =========================================================
   SELECT
   ========================================================= */

.domain-box select {
    height: 65px;

    border: none;

    background: #ffffff;

    border-left: 1px solid #eee;

    cursor: pointer;
}


/* =========================================================
   BOTÓN BUSCAR
   ========================================================= */

.domain-box button {
    height: 65px;

    font-size: 16px;

    font-weight: bold;

    margin-left: 5px;

    border-radius: 50px;

    border: none;

    background: linear-gradient(
        135deg,
        #0d6efd,
        #0b5ed7
    );

    color: #fff;

    transition: all 0.3s ease;
}


/* ---------------------------------------------------------
   HOVER BOTÓN
   --------------------------------------------------------- */

.domain-box button:hover {
    transform: scale(1.05);

    box-shadow: 0 8px 20px rgba(
        13,
        110,
        253,
        0.4
    );
}


/* =========================================================
   ICONO DEL BUSCADOR
   ========================================================= */

.input-group-text {
    border: none;

    background: #ffffff;

    padding-left: 20px;
}


/* =========================================================
   RESULTADO DE LA BÚSQUEDA
   ========================================================= */

#resultadoDominio {
    font-size: 18px;
}


/* =========================================================
   PRECIOS DE DOMINIOS
   ========================================================= */

.domain-prices {
    width: 100%;
}


/* Tarjeta individual */

.tld-card {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}