.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#019ADE;--e-global-color-text:#002B4B;--e-global-color-accent:#666666;--e-global-typography-primary-font-family:"Aloevera";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Aloevera";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Aloevera";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Aloevera";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
ARISTOS LOOP CARD - GLOBAL CSS (clean)
========================================================= */

/* base card */
.ar-loop-card{
width:384px;
min-width:384px;
max-width:384px;
height:290px;
min-height:290px;
max-height:290px;
position:relative;
box-sizing:border-box;
}

.ar-loop-card .ar-image{
width:100%;
height:290px;
min-height:290px;
max-height:290px;
border-radius:16px;
overflow:hidden;
position:relative;
}

/* top header */
.ar-loop-card .ar-head{
position:absolute !important;
top:10px;
left:10px;
right:10px;
z-index:5;
display:flex;
align-items:center;
gap:8px;
}
.ar-loop-card .ar-tag{
display:inline-flex;
align-items:center;
gap:6px;
background:#032b49;
color:#fff;
border-radius:999px;
padding:4px 10px;
font:700 10px Montserrat,sans-serif;
white-space:nowrap;
}
.ar-loop-card .ar-title-top{
margin-left:auto;
color:#fff;
font:700 14px Montserrat,sans-serif;
text-shadow:0 1px 3px rgba(0,0,0,.45);
}

/* bottom info */
.ar-loop-card .ar-bottom{
position:absolute !important;
left:14px;
right:14px;
bottom:12px;
z-index:5;
}
.ar-loop-card .ar-title-bottom{
margin:0 0 6px;
text-align:right;
color:#fff;
font:700 28px/1.02 Montserrat,sans-serif;
}
.ar-loop-card .ar-line{
height:1px;
background:rgba(255,255,255,.75);
margin:0 0 8px;
}
.ar-loop-card .ar-desc{
margin:0;
color:#fff;
font:500 15px/1.25 "Open Sans",sans-serif;
}

/* hover layer */
.ar-loop-card .ar-hover{
position:absolute !important;
inset:0;
z-index:6;
border-radius:16px;
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;
background:linear-gradient(140deg, rgba(34,157,156,.92), rgba(15,120,152,.88));
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
transition:opacity .22s ease, visibility .22s ease;
}
.ar-loop-card .ar-hover-cat{
color:#fff;
font:600 13px Montserrat,sans-serif;
margin:0 0 6px;
}
.ar-loop-card .ar-hover-title{
color:#fff;
font:700 28px/1.02 Montserrat,sans-serif;
margin:0 0 8px;
}
.ar-loop-card .ar-hover-desc{
color:#fff;
font:500 15px/1.25 "Open Sans",sans-serif;
margin:0 0 14px;
max-width:320px;
}

/* button */
.ar-loop-card .ar-hover-btn .elementor-button{
display:inline-flex !important;
align-items:center;
justify-content:center;
border:2px solid #fff !important;
background:transparent !important;
color:#fff !important;
border-radius:999px !important;
padding:8px 18px !important;
font:700 14px Montserrat,sans-serif !important;
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
}

/* desktop hover */
@media (min-width:901px){
.ar-loop-card:hover{ transform:none !important; }

.ar-loop-card:hover .ar-hover{
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
}

.ar-loop-card:hover .ar-head,
.ar-loop-card:hover .ar-bottom,
.ar-loop-card:hover .elementor-background-overlay{
opacity:0 !important;
visibility:hidden !important;
}
}

/* tablet */
@media (max-width:1200px){
.ar-loop-card{
width:100%;
min-width:0;
max-width:none;
}
}

/* mobile: closed/open by JS class is-open */
@media (max-width:900px){
.ar-loop-card,
.ar-loop-card .ar-image{
height:230px;
min-height:230px;
max-height:230px;
}

.ar-loop-card .ar-title-bottom,
.ar-loop-card .ar-hover-title{
font-size:24px;
}

/* closed */
.ar-loop-card .ar-hover{
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}
.ar-loop-card .ar-head,
.ar-loop-card .ar-bottom{
opacity:1 !important;
visibility:visible !important;
}

/* open */
.ar-loop-card.is-open .ar-hover{
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
z-index:10 !important;
}
.ar-loop-card.is-open .ar-head,
.ar-loop-card.is-open .ar-bottom,
.ar-loop-card.is-open .elementor-background-overlay{

opacity:0 !important;
visibility:hidden !important;
}

/* ensure button visible/clickable when open */
.ar-loop-card.is-open .ar-hover-btn,
.ar-loop-card.is-open .ar-hover .ar-hover-btn,
.ar-loop-card.is-open .ar-hover .elementor-widget-button,
.ar-loop-card.is-open .ar-hover .elementor-button-wrapper,
.ar-loop-card.is-open .ar-hover .elementor-button{
display:inline-flex !important;
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
position:relative !important;
z-index:20 !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Aloevera';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://grupoaristos.com/wp-content/uploads/2026/02/AloeveraDisplay-SemiBold.woff') format('woff'),
		url('https://grupoaristos.com/wp-content/uploads/2026/02/AloeveraDisplay-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Aloevera';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://grupoaristos.com/wp-content/uploads/2026/02/AloeveraDisplay-Medium.woff') format('woff'),
		url('https://grupoaristos.com/wp-content/uploads/2026/02/AloeveraDisplay-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */