.elementor-13819 .elementor-element.elementor-element-6315198 .elementor-heading-title{font-family:"Rhetoric", Sans-serif;font-size:36px;line-height:40px;color:var( --e-global-color-accent );}.elementor-13819 .elementor-element.elementor-element-f6b02b3{width:var( --container-widget-width, fit-content );max-width:fit-content;background-color:var( --e-global-color-secondary );padding:5px 10px 5px 10px;--container-widget-width:fit-content;--container-widget-flex-grow:0;top:30px;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}body:not(.rtl) .elementor-13819 .elementor-element.elementor-element-f6b02b3{left:55%;}body.rtl .elementor-13819 .elementor-element.elementor-element-f6b02b3{right:55%;}.elementor-13819 .elementor-element.elementor-element-f6b02b3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-13819 .elementor-element.elementor-element-f6b02b3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-13819 .elementor-element.elementor-element-f6b02b3 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-13819 .elementor-element.elementor-element-0fe00f2{width:var( --container-widget-width, fit-content );max-width:fit-content;background-color:var( --e-global-color-accent );padding:5px 10px 5px 10px;--container-widget-width:fit-content;--container-widget-flex-grow:0;top:80%;border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}body:not(.rtl) .elementor-13819 .elementor-element.elementor-element-0fe00f2{left:10%;}body.rtl .elementor-13819 .elementor-element.elementor-element-0fe00f2{right:10%;}.elementor-13819 .elementor-element.elementor-element-0fe00f2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-13819 .elementor-element.elementor-element-0fe00f2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-13819 .elementor-element.elementor-element-0fe00f2 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-13819 .elementor-element.elementor-element-ede3ddf{--swiper-slides-to-display:3;--swiper-slides-gap:20px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:92%;--arrow-prev-top-align:0%;--arrow-prev-caption-spacing:0px;--arrow-prev-translate-y:0px;--arrow-prev-top-position:-45px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:0%;--arrow-next-caption-spacing:0px;--arrow-next-translate-y:0px;--arrow-next-top-position:-45px;--arrow-size:20px;--arrow-normal-color:var( --e-global-color-primary );--swiper-pagination-size:7px;--dots-normal-color:var( --e-global-color-primary );}.elementor-13819 .elementor-element.elementor-element-ede3ddf .swiper-slide > .elementor-element{height:100%;}.elementor-13819 .elementor-element.elementor-element-ede3ddf :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-8d19711 );border-radius:50px 50px 50px 50px;padding:5px 5px 5px 5px;}.elementor-13819 .elementor-element.elementor-element-ede3ddf .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-13819 .elementor-element.elementor-element-f5501b7 img{border-radius:10px 10px 10px 10px;}.elementor-13819 .elementor-element.elementor-element-37dfe54 img{border-radius:10px 10px 10px 10px;}.elementor-13819 .elementor-element.elementor-element-eef47c1 img{border-radius:10px 10px 10px 10px;}.elementor-13819 .elementor-element.elementor-element-4363cea{--swiper-slides-to-display:5;--swiper-slides-gap:25px;padding:10px 10px 10px 10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--swiper-pagination-size:7px;--dots-normal-color:var( --e-global-color-primary );}.elementor-13819 .elementor-element.elementor-element-4363cea .swiper-slide > .elementor-element{height:100%;}.elementor-13819 .elementor-element.elementor-element-c9460d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;}.elementor-13819 .elementor-element.elementor-element-c9460d5:not(.elementor-motion-effects-element-type-background), .elementor-13819 .elementor-element.elementor-element-c9460d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EFFF;}.elementor-13819 .elementor-element.elementor-element-37c8558{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--z-index:1;}.elementor-13819 .elementor-element.elementor-element-c46c2e3 img{border-radius:50% 50% 50% 50%;}.elementor-13819 .elementor-element.elementor-element-c970eaf{text-align:center;}.elementor-13819 .elementor-element.elementor-element-c970eaf .elementor-heading-title{font-size:16px;font-weight:700;}.elementor-13819 .elementor-element.elementor-element-0a78f5c{text-align:center;}.elementor-13819 .elementor-element.elementor-element-942aab2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13819 .elementor-element.elementor-element-10d35df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13819 .elementor-element.elementor-element-ff17c88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13819 .elementor-element.elementor-element-b184573{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13819 .elementor-element.elementor-element-5353356{--display:flex;}.elementor-13819 .elementor-element.elementor-element-6e06b87{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}@media(max-width:1024px){.elementor-13819 .elementor-element.elementor-element-ede3ddf{--swiper-slides-to-display:2;}.elementor-13819 .elementor-element.elementor-element-4363cea{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-13819 .elementor-element.elementor-element-ede3ddf{--swiper-slides-to-display:1;}.elementor-13819 .elementor-element.elementor-element-4363cea{--swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-6315198 */.titulo-home .elementor-heading-title {
    position: relative;
    display: inline;
}

.titulo-home .elementor-heading-title::after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 8px;
    vertical-align: middle;
    background-image: url('https://www.patupet.com/wp-content/uploads/2026/03/corazon-patupet.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    visibility: visible !important;
    opacity: 1 !important;
}

.titulo-home .elementor-heading-title span {
    color: #FF8383 !important;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f6b02b3 *//* La animación base */
@keyframes levitacion-mascota {
    0%, 100% {
        transform: translate(var(--translateX, 0), var(--translateY, 0)) translateY(0px) rotate(0deg);
    }
    50% {
        transform: translate(var(--translateX, ), var(--translateY, 0)) translateY(-5px) rotate(2deg);
    }
}

/* La clase que "activa" la animación */
.flotar-suave {
    animation-name: levitacion-mascota;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    will-change: transform;
    animation-duration: 6s; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0fe00f2 */.elementor-13819 .elementor-element.elementor-element-0fe00f2 { animation-duration: 4.2s; animation-delay: 1s; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8558 */<style>
.card-categoria-patupet {
    position: relative; /* Necesario para que el ::before se posicione respecto a esto */
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Creamos el fondo azul con la forma de gota */
.card-categoria-patupet::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 100%; 
    height: 100%;
    background-color: #1c34c7; /* Azul Patupet */
    /* Curva pronunciada arriba a la derecha para el efecto gota */
    border-radius: 20px 60px 20px 20px; 
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: -1; 
}

/* Efecto Hover: El fondo crece y aparece */
.card-categoria-patupet:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1); /* Se expande un poco más que el contenedor */
}

/* Ocultar la descripción inicialmente */
.card-categoria-patupet .elementor-text-editor {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    text-align: center;
}

/* Mostrar descripción y cambiar colores en Hover */
.card-categoria-patupet:hover .elementor-text-editor {
    max-height: 150px;
    opacity: 1;
    margin-top: 10px;
    color: #ffffff !important;
}

.card-categoria-patupet:hover h3, 
.card-categoria-patupet:hover h2,
.card-categoria-patupet:hover i {
    color: #ffffff !important;
}

/* Ajuste para el círculo blanco del icono/imagen */
.card-categoria-patupet .elementor-widget-image, 
.card-categoria-patupet .elementor-widget-icon {
    transition: transform 0.3s ease;
}

.card-categoria-patupet:hover .elementor-widget-image {
    transform: scale(1.1);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8558 */<style>
.card-categoria-patupet {
    position: relative; /* Necesario para que el ::before se posicione respecto a esto */
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Creamos el fondo azul con la forma de gota */
.card-categoria-patupet::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 100%; 
    height: 100%;
    background-color: #1c34c7; /* Azul Patupet */
    /* Curva pronunciada arriba a la derecha para el efecto gota */
    border-radius: 20px 60px 20px 20px; 
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: -1; 
}

/* Efecto Hover: El fondo crece y aparece */
.card-categoria-patupet:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1); /* Se expande un poco más que el contenedor */
}

/* Ocultar la descripción inicialmente */
.card-categoria-patupet .elementor-text-editor {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    text-align: center;
}

/* Mostrar descripción y cambiar colores en Hover */
.card-categoria-patupet:hover .elementor-text-editor {
    max-height: 150px;
    opacity: 1;
    margin-top: 10px;
    color: #ffffff !important;
}

.card-categoria-patupet:hover h3, 
.card-categoria-patupet:hover h2,
.card-categoria-patupet:hover i {
    color: #ffffff !important;
}

/* Ajuste para el círculo blanco del icono/imagen */
.card-categoria-patupet .elementor-widget-image, 
.card-categoria-patupet .elementor-widget-icon {
    transition: transform 0.3s ease;
}

.card-categoria-patupet:hover .elementor-widget-image {
    transform: scale(1.1);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37c8558 */<style>
.card-categoria-patupet {
    position: relative; /* Necesario para que el ::before se posicione respecto a esto */
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* Creamos el fondo azul con la forma de gota */
.card-categoria-patupet::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 100%; 
    height: 100%;
    background-color: #1c34c7; /* Azul Patupet */
    /* Curva pronunciada arriba a la derecha para el efecto gota */
    border-radius: 20px 60px 20px 20px; 
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: -1; 
}

/* Efecto Hover: El fondo crece y aparece */
.card-categoria-patupet:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1); /* Se expande un poco más que el contenedor */
}

/* Ocultar la descripción inicialmente */
.card-categoria-patupet .elementor-text-editor {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    text-align: center;
}

/* Mostrar descripción y cambiar colores en Hover */
.card-categoria-patupet:hover .elementor-text-editor {
    max-height: 150px;
    opacity: 1;
    margin-top: 10px;
    color: #ffffff !important;
}

.card-categoria-patupet:hover h3, 
.card-categoria-patupet:hover h2,
.card-categoria-patupet:hover i {
    color: #ffffff !important;
}

/* Ajuste para el círculo blanco del icono/imagen */
.card-categoria-patupet .elementor-widget-image, 
.card-categoria-patupet .elementor-widget-icon {
    transition: transform 0.3s ease;
}

.card-categoria-patupet:hover .elementor-widget-image {
    transform: scale(1.1);
}
</style>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rhetoric';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.patupet.com/wp-content/uploads/2026/03/Rhetoric-Ultra.woff2') format('woff2'),
		url('https://www.patupet.com/wp-content/uploads/2026/03/Rhetoric-Ultra.woff') format('woff');
}
/* End Custom Fonts CSS */