/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* ===== PAGINACIÓN RAZAS ===== */
.navigation.pagination {
    display: flex;
    justify-content: center;
    margin: 40px 0 20px;
    width: 100%;
}

.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Todos los elementos de paginación */
.navigation.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    text-decoration: none;
    transition: all 0.25s ease;
    border: 2px solid transparent;
    line-height: 1;
}

/* Números normales */
a.page-numbers {
    color: #002A3A;
    background: #f0f4f5;
    border-color: #e0e8ea;
}

a.page-numbers:hover {
    background: #002A3A;
    color: #ffffff;
    border-color: #002A3A;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,42,58,0.25);
}

/* Página actual */
.page-numbers.current {
    background: #002A3A;
    color: #ffffff;
    border-color: #002A3A;
    box-shadow: 0 4px 14px rgba(0,42,58,0.35);
}

/* Puntos suspensivos */
.page-numbers.dots {
    background: transparent;
    border-color: transparent;
    color: #002A3A;
    min-width: 24px;
    letter-spacing: 2px;
    font-weight: 700;
}

/* Anterior / Siguiente */
a.prev.page-numbers,
a.next.page-numbers {
    background: #f0f4f5;
    color: #002A3A;
    border-color: #e0e8ea;
    font-size: 13px;
    font-weight: 700;
    padding: 0 18px;
    letter-spacing: 0.5px;
}

a.prev.page-numbers:hover,
a.next.page-numbers:hover {
    background: #002A3A;
    color: #ffffff;
    border-color: #002A3A;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,42,58,0.25);
}


/* ===== Green dot heartbeat animation - Cachorros disponibles ahora ===== */
@keyframes petsia-heartbeat {
    0%   { transform: scale(1);    opacity: 1; }
    14%  { transform: scale(1.35); opacity: 0.85; }
    28%  { transform: scale(1);    opacity: 1; }
    42%  { transform: scale(1.25); opacity: 0.9; }
    70%  { transform: scale(1);    opacity: 1; }
    100% { transform: scale(1);    opacity: 1; }
}

@keyframes petsia-pulse-ring {
    0%   { transform: scale(0.8); opacity: 0.7; }
    80%  { transform: scale(2.2); opacity: 0; }
    100% { transform: scale(2.2); opacity: 0; }
}

.elementor-element-1923b8d .elementor-icon-list-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.elementor-element-1923b8d .elementor-icon-list-icon svg {
    animation: petsia-heartbeat 1.6s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.elementor-element-1923b8d .elementor-icon-list-icon::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgb(37, 211, 102);
    animation: petsia-pulse-ring 1.6s ease-out infinite;
    z-index: 0;
}