@charset "UTF-8";
/*-----------------------------------------------------------------------------------
    Template Name: Sland - softare landing HTML Template
    Author: wordpressriver

    Version: 1.0

    Note: This is Main Style CSS File.
-----------------------------------------------------------------------------------
	CSS INDEX
	===================
    01. Default CSS
    02. Common Class
    03. Hero Section
    04. Page Banner
    05. Partner Section
    06. Solutions
    07. About Section
    08. Counter Section
    09. Features Section
    10. Service Section
    11. Newsletter Area
    12. Feedback Area
    13. Project Area
    14. Blog Area
    15. Blog Details
    16. Sidebar Widgets
    17. Pricing Section
    18. Team Members
    19. Contact Area
    20. Dashboard Screenshot
    21. Footer Area
    22. Custom Animations
    23. Dark Version
-----------------------------------------------------------------------------------*/

/****************************************************** */
/******************** 01. Default CSS ***************** */
/****************************************************** */
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

:root {
    scroll-behavior: auto;
    --base-color: #5b5675;
    
    /* --- ESTRUCTURA DE COLOR PREFERIDA --- */
    --primary-color: #0194b6;     /* Azul Marino (Tono Principal Dominante) */
    --yellow-color: #F8DA45;      /* Amarillo Vibrante (Detalles y Acentos) */
    --accent-gold: #f3c900;       /* Amarillo Dorado para variaciones decorativas */
    --heading-color: #0194b6;     /* Encabezados en Azul Marino */
    
    --light-color: #f8f7fc;
    --border-color: #edebfd;
    --base-font: 'Inter', sans-serif;
    --heading-font: 'Poppins', sans-serif;
}

.home-two {
    --primary-color: var(--primary-color);
}

.home-two .sub-title {
    background: #edf6ff;
}

.home-two .text-white .sub-title {
    background: var(--yellow-color);
    color: var(--primary-color);
}

.home-two .section-title h2 span {
    background-image: url(../images/shapes/section-title-circle-yellow.png);
}

body {
    color: var(--base-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    font-family: var(--base-font);
}

a {
    color: var(--base-color);
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: var(--yellow-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-family: var(--heading-font);
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--heading-color);
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white h1 a,
.text-white h2 a,
.text-white h3 a,
.text-white h4 a,
.text-white h5 a,
.text-white h6 a,
.text-white.section-title h2 span {
    color: #ffffff;
}

h1 {
    font-size: 65px;
}

h2 {
    font-size: 42px;
    line-height: 1.25;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
    line-height: 1.6;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    display: inline-block;
}

header:after,
section:after,
footer:after {
    display: block;
    clear: both;
    content: "";
}

/*======= Input Styles =======*/
input,
textarea,
select {
	width: 100%;
	height: 60px;
	padding: 0 25px;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
}

textarea {
	height: 170px;
	display: inherit;
	padding-top: 20px;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: none;
}

::-webkit-input-placeholder {
	opacity: 1;
}

::-moz-placeholder {
	opacity: 1;
}

:-ms-input-placeholder {
	opacity: 1;
}

::-ms-input-placeholder {
	opacity: 1;
}

::placeholder {
	opacity: 1;
}

input[type=search]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none;
}

input[type=checkbox], input[type=radio] {
	height: auto;
	width: auto;
}

/****************************************************** */
/****************** 02. Common Class ****************** */
/****************************************************** */
.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

/** Section Title */
.section-title h2 span {
    padding: 10px 10px 0 15px;
    color: var(--yellow-color);
    background: url(../images/shapes/section-title-circle.png) no-repeat center/ 100% 100%;
}

.sub-title {
    line-height: 1.4;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #f3f1fe;
    display: inline-block;
    text-transform: capitalize;
    color: var(--primary-color);
}

.text-white .sub-title {
    color: var(--primary-color);
    background: var(--yellow-color);
}

/** Button styles - Detalles en Amarillo Vibrante */
.theme-btn,
a.theme-btn {
    z-index: 1;
    cursor: pointer;
    font-weight: 700;
    transition: 0.5s;
    position: relative;
    text-align: center;
    padding: 11px 30px;
    border-radius: 5px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-transform: capitalize;
}

.theme-btn,
a.theme-btn,
.theme-btn.style-two:hover,
a.theme-btn.style-two:hover {
    color: #0194b6;               /* Texto oscuro para legibilidad sobre amarillo */
    background: var(--yellow-color); /* Fondo Amarillo Detalle */
}

.theme-btn:hover,
a.theme-btn:hover,
.theme-btn.style-two,
a.theme-btn.style-two {
    background: #f3f1fe;
    color: var(--primary-color);
}

.theme-btn i,
a.theme-btn i {
    font-size: 12px;
    margin-left: 10px;
}

.theme-btn.style-three,
a.theme-btn.style-three {
    background: white;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.theme-btn.style-three:hover,
a.theme-btn.style-three:hover {
    color: white;
    background: var(--primary-color);
}

.theme-btn.style-four,
a.theme-btn.style-four {
    color: var(--heading-color);
    background: var(--accent-gold);
    border: 1px solid var(--accent-gold);
}

.theme-btn.style-four:hover,
a.theme-btn.style-four:hover {
    color: white;
    border-color: white;
    background: transparent;
}

.theme-btn.style-five,
a.theme-btn.style-five {
    border: 1px solid white;
}

.theme-btn.style-five:hover,
a.theme-btn.style-five:hover {
    color: var(--heading-color);
    background: var(--yellow-color);
    border-color: var(--yellow-color);
}

/* Learn More Btn */
.learn-more {
    padding: 10px;
    display: block;
    font-weight: 700;
    text-align: center;
    color: var(--yellow-color);
}

.learn-more:hover {
    color: white;
    background: var(--primary-color);
}

.learn-more i {
    font-size: 14px;
    margin-left: 5px;
}

/* Read More Btn */
.read-more {
    font-weight: 700;
    display: inline-block;
    color: var(--yellow-color);
}

.read-more:hover {
    text-decoration: underline;
}

.read-more i {
    font-size: 13px;
    margin-left: 5px;
}

/*social link style One */
.social-style-one {
    display: flex;
}

.social-style-one a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    margin: 0 10px 5px 0;
    background: #e7e4fb;
    color: var(--primary-color);
}

.social-style-one a:last-child {
    margin-right: 0;
}

.social-style-one a:hover {
    color: white;
    background: var(--primary-color);
}

/* List Style one */
.list-style-one li {
    font-weight: 600;
    font-size: 18px;
    display: flex;
}

.list-style-one li:before {
    content: "\f00c";
    font-size: 12px;
    height: 25px;
    width: 25px;
    flex: none;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    background: #f3f1fe;
    margin: 5px 12px 0 0;
    color: var(--yellow-color);
    font-family: 'Font Awesome 5 Free'
}

.list-style-one li:not(:last-child) {
    margin-bottom: 15px;
}

/* List Style Two */
.list-style-two {
    display: flex;
    flex-wrap: wrap;
}

.list-style-two li {
    width: 100%;
    margin-bottom: 5px;
}

.list-style-two.two-column li {
    width: 50%;
}

.list-style-two a {
    position: relative;
}

.list-style-two a:before {
    content: "\f061";
    font-weight: 600;
    font-size: 14px;
    left: 0;
    opacity: 0;
    transition: 0.5s;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}

.list-style-two a:hover {
    padding-left: 20px;
    font-weight: 500;
    text-decoration: underline;
}

.list-style-two a:hover:before {
    opacity: 1;
}

/* List Style Three */
.list-style-three li {
    font-weight: 600;
    margin-bottom: 6px;
}

.list-style-three li i {
    color: var(--yellow-color);
    margin-right: 10px;
    font-size: 18px;
    width: 22px;
}

.list-style-three a:hover {
    text-decoration: underline;
}

/*** Preloader style ** */
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/preloader.gif);
}

/*** Scroll Top style ** */
.scroll-top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 99;
    display: none;
    cursor: pointer;
    border-radius: 50%;
    color: #0194b6;
    font-size: 18px;
    border: 1px solid #ffffff33;
    background: var(--yellow-color);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

/* text inputs and testarea */
.form-group {
    margin-bottom: 25px;
}

.form-group label {
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 11px;
    text-transform: capitalize;
    color: var(--heading-color);
    font-family: var(--heading-font);
}

.nice-select,
.form-group input,
.form-group textarea,
.input-group input,
.input-group textarea {
    float: none;
    height: auto;
    border-radius: 5px;
    padding: 15px 25px;
    background: transparent;
    border: 1px solid #eff0f0;
}

.nice-select:focus {
    border-color: #eff0f0;
}

.nice-select:hover,
.form-group input:focus,
.form-group textarea:focus,
.input-group input:focus,
.input-group textarea:focus {
    box-shadow: none;
    background: #f8f7fc;
    border-color: #f8f7fc;
}

.form-group select,
.input-group select {
    font-size: 18px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid #21282f;
}

.before-none:before {
    display: none;
}

.after-none:after {
    display: none;
}

/* overlay */
.overlay {
    position: relative;
}

.overlay:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.75;
    background: var(--light-color);
}

.overlay * {
    z-index: 2;
    position: relative;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.z-0 {
    z-index: 0;
}

.z--1 {
    z-index: -1;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

/* Colors + Backgrounds */
.bg-lighter {
    background: var(--light-color);
}

/* --- SOLUCIÓN CRÍTICA SECCIÓN IMAGE_815A77.PNG --- */
/* Forzamos el fondo al azul marino para un contraste impecable con los elementos de texto blanco */
.bg-blue {
    background: #0194b6;
}

.bg-gray {
    background: #222b40;
}

.bgs-cover {
    background-size: cover;
    background-position: center;
}

.br-5 {
    border-radius: 5px;
}

.br-10 {
    border-radius: 10px;
}

.row.no-gap {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gap > div {
    padding-left: 0;
    padding-right: 0;
}

/* Shapes */
.dots-shape {
    z-index: -1;
    left: 6%;
    top: 30%;
    position: absolute;
    animation: slideUpDown 20s infinite linear;
}

.tringle-shape {
    z-index: -1;
    left: 3%;
    bottom: 30%;
    position: absolute;
    animation: shapeAnimationOne 20s infinite linear;
}

.close-shape {
    z-index: -1;
    left: 50%;
    top: 25%;
    position: absolute;
    animation: shapeAnimationThree 20s infinite linear;
}

.circle-shape {
    z-index: -1;
    right: 8%;
    bottom: 0;
    position: absolute;
    animation: shapeAnimationTwo 20s infinite linear;
}

.bg-yellow-shape {
    width: 120vw;
    height: 250px;
    top: 20%;
    z-index: 2;
    left: -10vw;
    position: absolute;
    transform: rotate(5deg);
    background: var(--yellow-color);
}

/****************************************************** */
/***************** 03. Hero Section  ****************** */
/****************************************************** */
.hero-content p,
.hero-content-three p,
.hero-content .sub-title {
    font-size: 18px;
}

.hero-content p,
.hero-content-three p {
    max-width: 525px;
}

.hero-btns .theme-btn:first-child {
    margin-right: 15px;
}

/*Hero Home Two*/
.hero-content-two p {
    font-size: 18px;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.section-alpha-text {
    color: white;
    opacity: 0.05;
    line-height: 0;
    font-size: 280px;
    font-weight: 700;
    text-align: center;
    font-family: var(--heading-font);
}

.hero-section-two .close-shape {
    left: 80%;
}

.hero-section-two .tringle-shape {
    bottom: 40%;
}

.hero-section-two .left-circles {
    opacity: 0.25;
    height: 365px;
    width: 365px;
    left: -250px;
    top: 200px;
}

.hero-section-two .left-circles:after {
    height: 100%;
    width: 100%;
}

.hero-section-two .right-circles {
    opacity: 0.25;
    right: -200px;
    top: 150px;
}

/* Hero Three */
.hero-section-three:before {
    content: '';
    left: 0;
    top: 0;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    filter: blur(250px);
    background: var(--yellow-color);
    transform: translate(-50%, -60%);
}

.hero-content-three .newsletter-email {
    max-width: 585px;
}

.hero-content-three .newsletter-email input {
    border-color: var(--primary-color);
    background-color: transparent;
}

.hero-content-three .newsletter-email button {
    background: var(--primary-color);
}

.hero-content-three .newsletter-email button i {
    font-size: 13px;
}

.hero-content-three .newsletter-radios .custom-control-input:checked~label::before,
.newsletter-inner.style-two .newsletter-radios .custom-control-input:checked~label::before {
    box-shadow: none;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.hero-content-three .newsletter-radios .custom-control-input:checked~.custom-control-label::after,
.newsletter-inner.style-two .newsletter-radios .custom-control-input:checked~.custom-control-label::after {
    color: white;
}

.hero-image-three:before {
    opacity: 0.22;
    left: 10%;
    top: 10%;
    filter: blur(100px);
    background: var(--primary-color);
}

/****************************************************** */
/***************** 04. Page Banner  ******************* */
/****************************************************** */
.page-banner {
    height: 350px;
    display: flex;
    align-items: center;
}

.page-title {
    color: white;
    font-size: 55px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 5px;
    background: transparent;
}

.breadcrumb-item a,
.breadcrumb-item.active {
    font-weight: 500;
    font-size: 22px;
    color: white;
    text-transform: capitalize;
}

.breadcrumb-item.active {
    text-decoration: underline;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\f105";
    margin: 0 10px;
    color: white;
    float: left;
    font-weight: 600;
    font-family: "Font Awesome 5 Free"
}

.page-banner .banner-circle {
    position: absolute;
    top: 15%;
    right: 15%;
    z-index: -1;
    max-width: 22%;
}

.page-banner .dots-shape-three {
    position: absolute;
    bottom: 20%;
    right: 40%;
    z-index: -1;
    max-width: 22%;
}

/****************************************************** */
/*************** 05. Partner Section  ***************** */
/****************************************************** */
.partner-item {
    margin-bottom: 40px;
    display: inline-block;
    filter: grayscale(1) opacity(0.4);
}

.partner-item:hover {
    filter: grayscale(0) opacity(1);
}

.hero-about-bg {
    z-index: -1;
    left: 0;
    top: -555px;
    width: 100%;
    position: absolute;
}

.partner-dashboard {
    margin-top: -400px;
    position: relative;
    z-index: 3;
}

.partner-dashboard img {
    width: 100%;
}

.partner-two-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*Partner Three*/
.partner-item-three {
    display: inline-block;
    margin-bottom: 50px;
}

/****************************************************** */
/************** 06. Solutions Section  **************** */
/****************************************************** */
.solution-item {
    transition: 0.5s;
    background: white;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
    border: 1px solid var(--border-color);
}

.solution-item:hover {
    border-color: white;
    box-shadow: 10px 0 60px rgba(81, 56, 238, 0.1);
}

.solution-content {
    padding: 35px 30px 10px;
    border-bottom: 1px solid var(--border-color);
}

.solution-content i {
    z-index: 1;
    font-size: 65px;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    color: var(--yellow-color); /* Iconos de soluciones con acento amarillo */
}

.solution-content i:after {
    content: '';
    height: 75px;
    width: 75px;
    top: -15px;
    left: -25px;
    z-index: -1;
    position: absolute;
    background: #f3f1fe;
    border-radius: 50%;
}

.solutions-section .close-shape {
    top: 0;
    left: 75%;
}

/* Solution Two */
.solution-item-two {
    position: relative;
    padding: 45px 0 30px 45px;
}

.solution-item-two .number {
    font-size: 200px;
    font-weight: 600;
    opacity: 0.03;
    left: 0;
    top: 0;
    line-height: 1;
    position: absolute;
    color: var(--heading-color);
    font-family: var(--heading-font);
}

.solution-item-two > i {
    height: 30px;
    width: 30px;
    color: #0194b6;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 25px;
    display: inline-block;
    background: var(--yellow-color);
}

.solution-item-two h4 {
    margin-bottom: 15px;
    font-size: 22px;
}

.solution-item-two.color-two > i {
    background: var(--accent-gold);
}

.solution-item-two.color-three > i {
    background: #ff6101;
}

.solution-item-two.color-four > i {
    background: #f001ff;
}

/* Solutions Three */
.solutions-section-three {
    background-position: center;
    background-repeat: no-repeat;
}

.solution-item-three {
    padding: 0 50px;
    margin-bottom: 50px;
}

.solution-item-three > i {
    height: 85px;
    width: 85px;
    z-index: 1;
    font-size: 38px;
    line-height: 85px;
    background: white;
    position: relative;
    border-radius: 7px;
    margin-bottom: 44px;
    display: inline-block;
    color: var(--yellow-color); /* Iconos de image_815a77.png usando el amarillo acento */
}

.solution-item-three > i:after {
    content: '';
    height: 100%;
    width: 100%;
    left: 10px;
    top: 10px;
    z-index: -1;
    opacity: 0.15;
    position: absolute;
    border-radius: 7px;
    border: 1px solid var(--border-color);
}

.solution-item-three h3 {
    font-size: 27px;
    margin-bottom: 15px;
}

.solution-item-three > a {
    color: white;
    text-decoration: underline;
}

/****************************************************** */
/****************** 07. About Section ***************** */
/****************************************************** */
.about-content-three .list-style-one {
    flex-wrap: wrap;
    display: flex;
}

.about-content-three .list-style-one li {
    font-family: var(--heading-font);
    color: var(--heading-color);
    font-size: 22px;
}

.about-content-three .list-style-one li:first-child {
    width: 55%;
}

.about-content-three .list-style-one li:before {
    height: 30px;
    width: 30px;
    color: #0194b6;
    margin-top: 2px;
    line-height: 30px;
    background: var(--yellow-color);
}

/* browswr-support-content */
.browswr-support-content .solution-item-two {
    padding: 0;
    margin-top: 25px;
}

.browswr-support-content .solution-item-two p {
    margin-bottom: 0;
}

/* About Page */
.about-page-images {
    display: flex;
    align-items: center;
}

.about-page-images img:first-child {
    margin-right: 30px;
    max-width: 60%;
}

.about-page-images img:last-child {
    border-radius: 100px 100px 0 100px;
    width: 33%;
}

.solutions-section-three .number {
    left: -10px;
}

/****************************************************** */
/***************** 08. Counter Section **************** */
/****************************************************** */
.counter-section {
    transform: translateY(85px);
}

.counter-inner {
    border-radius: 7px;
    padding: 50px 65px 15px;
}

.success-item {
    display: flex;
    padding-top: 40px;
    position: relative;
    align-items: center;
    margin-bottom: 40px;
}

.success-item:before {
    content: '';
    height: 20px;
    width: 20px;
    left: -7.5px;
    top: 0;
    transition: 0.5s;
    border-radius: 50%;
    position: absolute;
    transform: scale(0);
    border: 1px solid white;
}

.success-item:hover:before {
    transform: scale(1);
}

.success-item:after {
    content: '';
    height: 5px;
    width: 5px;
    left: 0;
    top: 8px;
    background: white;
    border-radius: 50%;
    position: absolute;
}

.count-text {
    font-size: 42px;
    font-weight: 600;
    margin-right: 15px;
    font-family: var(--heading-font);
}

.count-text:after {
    content: '+';
}

.success-item p {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
}

.white-circle {
    bottom: 10%;
    left: 65%;
    z-index: -1;
    position: absolute;
    animation: slideLeftRight 5s infinite linear;
}

/* Counter Two */
.counter-inner-two {
    overflow: hidden;
    border-radius: 7px;
}

.success-item.style-two {
    display: block;
    margin-bottom: 0;
    padding: 75px 75px 70px;
    border-right: 1px solid #2791ff;
}

.success-item.style-two:before {
    display: none;
}

.success-item.style-two i {
    margin-bottom: 30px;
    font-size: 55px;
    display: block;
}

.success-item.style-two:after {
    height: 90px;
    width: 90px;
    z-index: -1;
    top: 45px;
    left: 45px;
    background: #1b8bff;
}

/****************************************************** */
/**************** 09. Features Section **************** */
/****************************************************** */
.feature-item {
    display: flex;
    margin-bottom: 10px;
}

.feature-item > i {
    height: 60px;
    width: 60px;
    flex: none;
    font-size: 35px;
    transition: 0.5s;
    line-height: 66px;
    text-align: center;
    margin-right: 25px;
    border-radius: 7px;
    background: #e7e4fb;
    color: var(--yellow-color);
}

.feature-item:hover > i {
    color: #0194b6;
    background: var(--yellow-color);
}

/* Feature Right Images */
.feature-images {
    z-index: 1;
    max-width: 600px;
    margin-left: auto;
    position: relative;
}

.feature-images img {
    position: relative;
    border-radius: 10px;
    box-shadow: 10px 0 60px rgba(81, 56, 238, 0.1);
}

.feature-images .first {
    width: 48%;
}

.feature-images .second {
    margin-left: -7%;
    margin-top: -8%;
    width: 55%;
}

/* Forzar espacio debajo de los iconos de redes sociales */
.footer-widget .social-style-one, 
.footer-area .social-style-one {
    margin-bottom: 25px !important;
}

/* Darle aire a la barra de derechos reservados para que no se pegue a lo de arriba */
.copyright-area {
    margin-top: 30px !important;
    clear: both; /* Evita que elementos flotantes se encima */
}