.elementor-13753 .elementor-element.elementor-element-22009ee6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13753 .elementor-element.elementor-element-368293f{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-13753 .elementor-element.elementor-element-368293f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13753 .elementor-element.elementor-element-368293f img{border-radius:15px 15px 15px 15px;}.elementor-13753 .elementor-element.elementor-element-a9fb2cf{--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;}.elementor-13753 .elementor-element.elementor-element-3b044fe{--display:flex;}.elementor-13753 .elementor-element.elementor-element-de07c5f{width:var( --container-widget-width, 85.823% );max-width:85.823%;--container-widget-width:85.823%;--container-widget-flex-grow:0;}.elementor-13753 .elementor-element.elementor-element-de07c5f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13753 .elementor-element.elementor-element-de07c5f img{border-radius:100px 0px 100px 0px;}.elementor-13753 .elementor-element.elementor-element-4348ab5{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13753 .elementor-element.elementor-element-1f0633f{text-align:center;}.elementor-13753 .elementor-element.elementor-element-1f0633f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-astglobalcolor1 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13753 .elementor-element.elementor-element-4818cd0{font-family:"AR One Sans", Sans-serif;font-weight:400;color:var( --e-global-color-astglobalcolor2 );}.elementor-13753 .elementor-element.elementor-element-f1525e6{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-13753 .elementor-element.elementor-element-3b044fe{--justify-content:center;}}@media(min-width:768px){.elementor-13753 .elementor-element.elementor-element-22009ee6{--content-width:1340px;}}@media(max-width:767px){.elementor-13753 .elementor-element.elementor-element-368293f{width:var( --container-widget-width, 333.688px );max-width:333.688px;--container-widget-width:333.688px;--container-widget-flex-grow:0;}.elementor-13753 .elementor-element.elementor-element-de07c5f img{border-radius:40px 40px 40px 40px;}.elementor-13753 .elementor-element.elementor-element-1f0633f .elementor-heading-title{font-size:14px;}.elementor-13753 .elementor-element.elementor-element-4818cd0{font-size:12px;}}/* Start custom CSS for html, class: .elementor-element-f8c300d *//*****************************************
LUXURY LANDING PAGE
Alegranza Resort
******************************************/

.seo-content{

    --primary:#00AEEF;
    --secondary:#0D2746;
    --accent:#00D39B;
    --light:#F6FAFD;
    --text:#58697B;
    --title:#132B45;
    --border:#E8EEF3;

    max-width:1280px;
    margin:auto;
    font-family:'Inter',sans-serif;
    color:var(--text);
    line-height:1.9;
    font-size:10px;

}



/*****************************************
HERO
******************************************/

.hero-seo{

    background:linear-gradient(135deg,#0B2743,#143D68);
    color:#fff;
    padding:90px 70px;
    border-radius:35px;
    margin-bottom:70px;
    overflow:hidden;
    position:relative;

}

.hero-seo:before{

content:'';

position:absolute;

width:700px;
height:700px;

background:rgba(255,255,255,.04);

border-radius:50%;

top:-250px;
right:-250px;

}

.hero-seo:after{

content:'';

position:absolute;

width:400px;
height:400px;

background:rgba(255,255,255,.03);

border-radius:50%;

bottom:-180px;
left:-120px;

}

.badge{

display:inline-block;

padding:10px 22px;

background:#ffffff22;

backdrop-filter:blur(12px);

border-radius:100px;

font-weight:700;

letter-spacing:1px;

margin-bottom:25px;

text-transform:uppercase;

font-size:13px;

}

.hero-seo h1{

font-size:30px;

line-height:1.15;

font-weight:800;

margin-bottom:25px;

color:#fff;

}

.hero-description{

font-size:22px;

opacity:.95;

max-width:900px;

}



/*****************************************
SECCIONES
******************************************/

.content-card{

background:#fff;

padding:45px;

margin:45px 0;

border-radius:22px;

box-shadow:0 20px 60px rgba(20,40,70,.08);

transition:.35s;

border:1px solid var(--border);

}

.content-card:hover{

transform:translateY(-8px);

box-shadow:0 35px 80px rgba(20,40,70,.12);

}



/*****************************************
TITULOS
******************************************/

.seo-content h2{

font-size:20px;

font-weight:800;

color:var(--title);

margin-bottom:25px;

position:relative;

padding-bottom:18px;

}

.seo-content h2:after{

content:'';

width:90px;

height:5px;

border-radius:30px;

background:linear-gradient(90deg,var(--primary),var(--accent));

position:absolute;

left:0;

bottom:0;

}

.seo-content h3{

font-size:12px;

font-weight:700;

margin-bottom:20px;

color:#16395F;

display:flex;

align-items:center;

gap:10px;

}

.seo-content h4{

font-size:10px;

color:#16395F;

margin-bottom:15px;

}



/*****************************************
PARRAFOS
******************************************/

.seo-content p{

margin-bottom:22px;

}



/*****************************************
LISTAS
******************************************/

.seo-content ul{

padding-left:0;

margin-top:25px;

}

.seo-content li{

list-style:none;

padding:12px 0 12px 38px;

position:relative;

border-bottom:1px solid #edf3f7;

}

.seo-content li:last-child{

border:none;

}

.seo-content li:before{

content:"✔";

position:absolute;

left:0;

top:10px;

width:24px;
height:24px;

background:linear-gradient(135deg,#00AEEF,#00D39B);

color:#fff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:13px;

font-weight:bold;

}



/*****************************************
FEATURE GRID
******************************************/

.feature-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:25px;

margin-top:35px;

}

.feature-box{

background:#fff;

padding:30px;

border-radius:20px;

border:1px solid var(--border);

transition:.35s;

position:relative;

overflow:hidden;

}

.feature-box:before{

content:'';

position:absolute;

left:0;
top:0;

height:5px;

width:100%;

background:linear-gradient(90deg,#00AEEF,#00D39B);

}

.feature-box:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.feature-box h4{

margin-bottom:15px;

font-size:20px;

}

.feature-box p{

margin:0;

}



/*****************************************
TABLAS
******************************************/

.table-responsive{

overflow-x:auto;

}

.seo-content table{

width:100%;

border-collapse:collapse;

margin-top:35px;

overflow:hidden;

border-radius:20px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

background:#fff;

}

.seo-content thead{

background:linear-gradient(135deg,#0B2743,#1E6BB8);

color:#fff;

}

.seo-content th{

padding:22px;

font-size:8px;

font-weight:700;

text-align:left;

}

.seo-content td{

padding:20px;

border-bottom:1px solid #eef2f5;

}

.seo-content tbody tr{

transition:.25s;

}

.seo-content tbody tr:nth-child(even){

background:#f9fcff;

}

.seo-content tbody tr:hover{

background:#eaf8ff;

}



/*****************************************
BOTON
******************************************/

.btn-primary{

display:inline-block;

padding:18px 45px;

background:linear-gradient(135deg,#00AEEF,#00D39B);

color:#fff!important;

font-weight:700;

font-size:10px;

border-radius:100px;

text-decoration:none;

transition:.35s;

box-shadow:0 20px 40px rgba(0,174,239,.30);

}

.btn-primary:hover{

transform:translateY(-5px);

box-shadow:0 30px 60px rgba(0,174,239,.45);

}



/*****************************************
CTA
******************************************/

.cta-box{

background:linear-gradient(135deg,#0D2746,#143F6E);

color:#fff;

text-align:center;

overflow:hidden;

position:relative;

}

.cta-box h2{

color:#fff;

}

.cta-box h2:after{

left:50%;

transform:translateX(-50%);

}

.cta-box p{

color:#d9e6f5;

font-size:10px;

}

.cta-box .feature-box{

background:#ffffff12;

backdrop-filter:blur(8px);

border:1px solid rgba(255,255,255,.12);

color:#fff;

}

.cta-box .feature-box h4{

color:#fff;

}

.cta-box .feature-box p{

color:#dce7f2;

}



/*****************************************
ANIMACIONES
******************************************/

.content-card,
.feature-box{

animation:fadeUp .7s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}



/*****************************************
RESPONSIVE
******************************************/

@media(max-width:768px){

.hero-seo{

padding:45px 30px;

}

.hero-seo h1{

font-size:14px;

}

.hero-description{

font-size:10px;

}

.seo-content h2{

font-size:12px;

}

.seo-content h3{

font-size:10px;

}

.content-card{

padding:28px;

}

.feature-grid{

grid-template-columns:1fr;

}

.seo-content table{

font-size:8px;

}

}/* End custom CSS */