/* Piezas comunes del sitio (botones, avisos, pasos) y arreglos de estilos viejos.
   Se carga al final de header.php, después del CSS del sitio, para que estas reglas ganen. */

/* Título de la franja de arriba (#slider_wrapper2): un solo color en todas las páginas */
#slider_wrapper2 h1 { color: rgba(0, 100, 255, 0.85); }
#slider_wrapper2 .cc-bajada { margin: 4px 0 0; font-size: 17px; line-height: 1.5; color: #5a5a5a; }

/* Botones: principal (azul) y secundario (borde azul) */
a.cc-boton, input.cc-boton, button.cc-boton, form.selectDomain input.cc-boton[type="submit"] {
    display: inline-block; margin: 0; padding: 11px 26px; border: 1px solid transparent; border-radius: 3px;
    background: rgba(0, 100, 255, 0.85); color: #fff; font: inherit; font-weight: bold; line-height: 1.4;
    text-decoration: none; cursor: pointer; transition: background 0.2s;
}
a.cc-boton:hover, input.cc-boton:hover, button.cc-boton:hover, form.selectDomain input.cc-boton[type="submit"]:hover {
    background: #0050d0; color: #fff;
}
a.cc-boton.secundario { background: #fff; color: rgba(0, 100, 255, 0.85); border-color: rgba(0, 100, 255, 0.85); }
a.cc-boton.secundario:hover { background: #f3f7ff; color: #0050d0; }

/* Avisos: ámbar para "no se pudo / esperá" (el rojo queda para lo que de verdad salió mal) */
.cc-aviso { display: flex; gap: 14px; margin: 26px 0; padding: 14px 18px; background: #fff8e1; border: 1px solid #f0d58a; border-radius: 8px; color: #6b5200; }
.cc-aviso i { padding: 0; color: #d9a400 !important; font-size: 22px; line-height: 1.2; }
.content .cc-aviso p { margin: 0; color: #6b5200; }
.avisoBar { font-size: 18px; background: #fff8e1; color: #6b5200; border: 1px solid #f0d58a; padding: 5px 10px; border-radius: 8px; }
.avisoBar .failureBaritalic { background: transparent; color: #6b5200; }

/* Pasos numerados */
.cc-pasos { counter-reset: paso; margin: 0 0 20px; padding: 0; list-style: none; }
.cc-pasos > li { counter-increment: paso; position: relative; margin: 0 0 12px; padding: 18px 20px 18px 76px; background: #fff; border: 1px solid #ededed; border-radius: 3px; }
.cc-pasos > li::before {
    content: counter(paso); position: absolute; left: 20px; top: 16px; width: 40px; height: 40px; line-height: 40px;
    text-align: center; border-radius: 50%; background: rgba(0, 100, 255, 0.85); color: #fff; font-size: 19px; font-weight: bold;
}
.cc-pasos h3 { margin: 0 0 4px; font-size: 16px; }
.cc-pasos p { margin: 0 0 8px; color: #666; }
.cc-pasos .cc-boton { margin: 4px 8px 0 0; }

/* Los dominios se leen en minúscula (antes: "Midominio.Com.Ar" y "MIDOMINIO.COM.AR") */
.whoisnombrededominio, .failureBaritalic, .whoisgoodBaritalic { text-transform: none; }

/* Verificador de dominios: estado de cada fila con color */
td.estado-texto.cc-libre { color: #2a9d3a; font-weight: bold; }
td.estado-texto.cc-registrado { color: #d0302f; }
td.estado-texto.cc-error { color: #9a6b00; }
td.estado-texto.cc-libre a { font-weight: normal; }
.selectDomain h3.cc-paso-titulo { margin: 28px 0 10px; }

/* Carrusel de logos (medios de pago, tecnologías): cada página repite la serie dos veces, así que
   correr hasta -50% hace un giro continuo sin huecos (antes arrancaba fuera de pantalla y se veía vacío) */
.hmove { width: max-content; animation: cc-carrusel 40s linear infinite; }
.hitem { width: auto; }
@keyframes cc-carrusel {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (max-width: 600px) {
    .cc-pasos > li { padding: 62px 16px 16px; }
    .cc-pasos > li::before { left: 16px; top: 14px; }
    #slider_wrapper2 .cc-bajada { font-size: 15px; }
}