/* Please ❤ this if you like it! */


@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900');

body {
	font-family: 'Poppins','Montserrat', sans-serif; font-weight: 300;
	font-size: 15px;
	line-height: 1.7;
	color: #c4c3ca;
	background-color: #1f2029;
	background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat-back.svg');
	background-position: center;
	background-repeat: repeat;
	background-size: 4%;
	overflow-x: hidden;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
a {
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}

/* #Cursor
================================================== */

.cursor,
.cursor2,
.cursor3{
	position: fixed;
	border-radius: 50%;	
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
	left: -100px;
	top: 50%;
	mix-blend-mode: difference;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
.cursor{
	background-color: #fff;
	height: 0;
	width: 0;
	z-index: 99999;
}
.cursor2,.cursor3{
	height: 36px;
	width: 36px;
	z-index:99998;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out
}
.cursor2.hover,
.cursor3.hover{
	-webkit-transform:scale(2) translateX(-25%) translateY(-25%);
	transform:scale(2) translateX(-25%) translateY(-25%);
	border:none
}
.cursor2{
	border: 2px solid #fff;
	box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);
}
.cursor2.hover{
	background: rgba(255,255,255,1);
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1200px){
	.cursor,.cursor2,.cursor3{
		display: none
	}
}

/* #Primary style
================================================== */

.section {
    position: relative;
	width: 100%;
	display: block;
}
.over-hide{
	overflow: hidden;
}
.full-height {
	height: 100vh;
}

/* #Navigation
================================================== */
 
.cd-header{
    position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:100;
} 
.header-wrapper{
    position: relative;
	width: calc(100% - 100px);
	margin-left: 50px;
} 
.logo-wrap {
	position: absolute;
	display:block;
	right:0;
	top: 40px;
	cursor: pointer;
}
	.logo-wrap a {
		cursor: pointer;
		font-family: 'Poppins','Montserrat', sans-serif;
		font-weight: 900;
		font-size: 20px;
		line-height: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff;
		transition: all 0.3s ease-out;
	}
.logo-wrap a span{ 
	color: #d2843d;
}
.logo-wrap a:hover {
	opacity: 0.9;
}
.nav-but-wrap{ 
	position: relative;
	display: inline-block;
	float: left;
	padding-left: 15px;
	padding-top: 15px;
	margin-top: 26px;
	transition : all 0.3s ease-out;
}
.menu-icon {
	height: 30px;
	width: 30px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: block;
}
.menu-icon__line {
	height: 2px;
	width: 30px;
	display: block;
	background-color: #fff;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, background-color .5s ease;
	transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
	width: 16.5px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon__line-right {
	width: 16.5px;
	float: right;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
	width: 30px;
}
.nav {
	position: fixed;
	z-index: 98;
}
.nav:before, .nav:after {
	content: "";
	position: fixed;
  top: 20px;
  left: 50px;
	width: 0;
	height: 0;
	background-color: rgba(20, 21, 26,0.6);
	border-bottom-right-radius: 200%;
	z-index: -1;
	transition: border-radius linear 0.8s, width cubic-bezier(0.77, 0, 0.175, 1) 0.6s, height cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
}
.nav:after {
	background-color: rgba(9,9,12,1);
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 300%;
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
  box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.3);
}
.nav:before {
	-webkit-transition-delay: .2s;
          transition-delay: .2s;
}
.nav__content {
	position: fixed;
	visibility: hidden;
	top: 90px;
  left: 50px;
	width: 280px;
	text-align: left;
}
.nav__list {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 2;
}
.nav__list-item {
	position: relative;
	display: block;
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
	opacity: 0;
	text-align: left;
	color: #fff;
	overflow: hidden; 
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 2px;
	-webkit-transform: translate(30px, 0%);
          transform: translate(30px, 0%);
	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: opacity .2s ease, transform .2s ease;
	transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
  margin-top: 7px;
  margin-bottom: 7px;
}
.nav__list-item a{ 
	position: relative;
	text-decoration: none;
	color: rgba(255,255,255,0.6);
	overflow: hidden; 
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	z-index: 2;
  padding-left: 40px;
  padding-top:5px;
  padding-bottom: 5px;
	display: inline-block;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.nav__list-item a:after{ 
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 5px;
	height: 0;
	opacity: 0;
	background-color: #d2843d;
	z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.nav__list-item a:hover:after{ 
	height: 100%;
	opacity: 1;
	top: 0;
}
.nav__list-item a:hover{
	color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a{
	color: rgba(255,255,255,1);
}
.nav__list-item.active-nav a:after{ 
	height: 100%;
	opacity: 1;
	top: 0;
}
body.nav-active .nav__content {
	visibility: visible;
}
body.nav-active .menu-icon__line {
	background-color: #fff;
	-webkit-transform: translate(0px, 0px) rotate(-45deg);
          transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
	width: 15px;
	-webkit-transform: translate(2px, 4px) rotate(45deg);
          transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
	width: 15px;
	float: right;
	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);
          transform: translate(-3px, -3.5px) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
	width: 15px;
}
body.nav-active .nav {
	visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
	width: 250px;
	height: 350px;
	border-radius: 15px;
}
body.nav-active .nav:after {
	-webkit-transition-delay: .1s;
          transition-delay: .1s;
}
body.nav-active .nav:before {
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body.nav-active .nav__list-item {
	opacity: 1;
	-webkit-transform: translateX(0%);
          transform: translateX(0%);
	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
	-webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(1) {
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(2) {
	-webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(3) {
	-webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-child(4) {
	-webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-child(5) {
	-webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-child(6) {
	-webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-child(7) {
	-webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
body.nav-active .nav__list-item:nth-child(8) {
	-webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
body.nav-active .nav__list-item:nth-child(9) {
	-webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
body.nav-active .nav__list-item:nth-child(10) {
	-webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.switch-wrap {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
    transform: translateY(-50%);
	width: 100%;
	-webkit-transition: all 500ms linear;
	transition: all 500ms linear; 
	margin: 0 auto;
	text-align: center;
}
.switch-wrap h1 {
	font-weight: 900;
	font-size: 46px;
	line-height: 1;
	color: #fff;
	text-align: center;
	/*text-transform: uppercase;*/
	margin-bottom: 40px;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
@media screen and (max-width: 580px){
  .switch-wrap h1 {
    font-size: 32px;
  }
}
.switch-wrap p {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	color: #d2843d;
	text-align: center;
	margin-top: 15px;
}
.switch-wrap p span {
	position: relative;
}
.switch-wrap p span:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	left: 0;
	bottom: -4px;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.switch-wrap p span:nth-child(2):before {
	opacity: 0;
}
#switch,
#circle {
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
} 
#switch {
	width: 60px;
	height: 8px;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #000;
	border-radius: 27px;
	background: #d2843d;
	position: relative;
	display: inline-block;
}
#circle {
	position: absolute;
	top: -11px;
	left: -13px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: #fff;
}
.switched {
	border-color: #d2843d !important;
	background: #000 !important;
}
.switched #circle {
	left: 43px;
	background: #000;
}

/* #Light
================================================== */

body.light{
	background-color: #fff;
}
body.light .cursor,
body.light .cursor2,
body.light .cursor3{
	mix-blend-mode: normal;
}
body.light .cursor2{
	border: 2px solid #1f2029;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
body.light .cursor2.hover{
	background: rgba(0,0,0,0.06);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	border-color: transparent;
}
body.light .logo-wrap a {
	color: #1f2029;
}
body.light .menu-icon__line {
	background-color: #1f2029;
}
body.light .nav:before {
	background-color: rgba(235, 235, 235,0.4);
}
body.light .nav:after {
	background-color: rgb(246,239,249);
  box-shadow: 6px 6px 22px rgba(42, 31, 63, 0.1);
}
body.light .nav__list-item a{ 
	color: rgba(0,0,0,0.6); 
}
body.light .nav__list-item a:hover{
	color: #1f2029;
}
body.light .nav__list-item.active-nav a{
	color: #1f2029;
}
body.light .switch-wrap h1 {
	color: #000;
}
body.light .switch-wrap p span:nth-child(2):before {
	opacity: 1;
	background-color: #000;
}
body.light .switch-wrap p span:nth-child(1):before {
	opacity: 0;
}

/* #Link to page
================================================== */
.link-to-portfolio {
	  position: fixed;
    bottom: 40px;
    right: 50px;
    z-index: 200;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 3px;
    background-position: center center;
    background-size: 65%;
  background-repeat: no-repeat;
    background-image: url('https://assets.codepen.io/1462889/fcy.png');
    box-shadow: 0 0 0 2px rgba(255,255,255,.1);
    transition: opacity .2s, border-radius .2s, box-shadow .2s;
    transition-timing-function: ease-out;
}
.link-to-portfolio:hover {
    opacity: 0.8;
    border-radius: 50%;
    box-shadow: 0 0 0 20px rgba(255,255,255,.1);
}



/* ============ Full Page Slider ================= */
.creative-bg--slider {
	position: relative;
	width: 100%;
	height: 100vh; /* Full height of the viewport */
	display: block;
}
.creative-bg--slider .creative-slider--wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 100%;
}
.creative-slider--wrap .swiper {
	width: 100%;
	height: 100%;
}
.creative-slider--wrap .swiper-slide .slide-bg {
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.creative-bg--slider .creative-slider--wrap .slide-bg:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(252, 252, 252, .60);
}
.creative-bg--slider .slider-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}
.slider-content .content-row {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	height: 100%;
}
.content-row .content-column {
	max-width: 65%;
	margin: 0 auto;
}
.content-column .slide-subheading {
	    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.2;
    color: #010101;
    transition: opacity 0.5s ease, filter 0.5s ease;
    animation: fadeInUp 1s ease forwards;
    opacity: 0;
    filter: blur(4px);
    animation-delay: 0.3s; 
}
.content-column .slide-heading{
	font-size: 86px;
	font-weight: 500;
	line-height: 1.085;
	letter-spacing: -0.035em;
	margin-top: 0;
	margin-bottom: 50px;
	 opacity: 0;
  filter: blur(4px); 
  transition: opacity 0.5s ease, filter 0.5s ease; 
    animation: fadeInUp 1s ease forwards;
    animation-delay: 0.5s; 
}
.content-column .creative-btns--wrap {
	margin-top: 20px;
	display: inline-flex;
	   transition: opacity 0.5s ease, filter 0.5s ease;
    animation: fadeInUp 1s ease forwards;
    opacity: 0;
    filter: blur(4px);
    animation-delay: 0.7s; 
}
.creative-btns--wrap .creative-btn, .creative-btns--wrap .creative-btn.btn-fill {
	margin: 0 10px;
	padding: 11px 32px 10px;
	font-size: 13px;
	letter-spacing: 0.085em;
	color: #010101;
	border: 1px solid #010101;
	background: transparent;
	border-radius: 4px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}
.creative-btns--wrap .creative-btn.btn-fill {
	background-color: #010101;
	color: #fff;
}
.creative-btns--wrap .creative-btn .btn-animate-y {
	position: relative;
	display: block;
	overflow: hidden;
}
.creative-btns--wrap .creative-btn .btn-animate-y-1 {
	display: block;
	transition: all .37s cubic-bezier(.15,.7,.78,1), opacity .37s linear;
}
.creative-btns--wrap .creative-btn .btn-animate-y-2 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transform: translate(0, 100%);
	transition: all .37s cubic-bezier(.15,.7,.78,1), opacity .37s linear;
}
.creative-btns--wrap .creative-btn:hover .btn-animate-y-1{
	opacity: 0;
	transform: translate(0, -100%);
}
.creative-btns--wrap .creative-btn:hover .btn-animate-y-2 {
	opacity: 1;
	transform: translate(0, 0);
}
.creative-status{
	    position: absolute;
    bottom: 30px;
    width: 180px;
    font-size: 16px;
    line-height: 1.375;
    padding-left: 10px;
    color: black;
    border-left: 2px solid;
    left: 30px;
        opacity: 0;
    filter: blur(4px);
    transition: opacity 0.5s ease, filter 0.5s ease;
    animation: fadeInRight 1s ease forwards;
    animation-delay: 0.5s;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
   transform: translate3d(0, 37px, 0);
}
100% {
    opacity:1;
        transform: translate3d(0, 0, 0);
    filter: blur(0); 
}
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
}
100% {
    opacity:1;
    filter: blur(0); 
    transform: translateX(0px);
}
}

/* ========================= Responsive Ipad Pro ============================== */
@media only screen and (max-width: 1366px) {
   .content-row .content-column {
    max-width: 100%;
    padding: 0px 30px;
}
  .creative-status{
	display: none;
}
}
/* ========================= Responsive Ipad  ============================== */
@media only screen and (max-width: 981px) {
   .content-column .slide-heading {
    font-size: 67px;
}
}


.contenedor-padre {
  display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center;     /* Centrado vertical */
  height: 100vh;           /* Altura para el centrado vertical */  
}

.div-a-centrar {
  width: 80%;
  height: 400px;  
}

/*seccion1*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

:root {
	--header-height: 5rem;
	/* Enhanced Premium Colors */
	--primary-color: #0f172a;
	--secondary-color: #f59e0b;
	--accent-color: #3b82f6;
	--accent-gradient: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
	--accent-gradient-vibrant: linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #ef4444 100%);
	/*--accent-gradient-vibrant2: linear-gradient(135deg, #123b53 0%, #37abde 50%, #6dc2f3 100%);*/
	--accent-gradient-cool: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
	/*--accent-gradient-cool2: linear-gradient(135deg, #123b53 0%, #37abde 50%, #6dc2f3 100%);*/
	--accent-gradient-luxury: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
	/*--accent-gradient-luxury2: linear-gradient(135deg, #123b53 0%, #37abde 50%, #6dc2f3 100%);*/
	--dark-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
	--dark-gradient-enhanced: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
	--light-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
	--light-gradient-warm: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
	--glass-bg: rgba(255, 255, 255, 0.1);
	--glass-border: rgba(255, 255, 255, 0.2);
	--light-color: #f8fafc;
	--dark-color: #0f172a;
	--white-color: #ffffff;
	--gray-color: #cbd5e1;
	--dark-gray: #64748b;
	--success-color: #10b981;
	--warning-color: #f59e0b;
	--error-color: #ef4444;
	/* New Vibrant Accent Colors */
	--neon-blue: #00d4ff;
	--neon-purple: #a855f7;
	--neon-pink: #ec4899;
	--neon-green: #10b981;
	--neon-orange: #f97316;
	--neon-yellow: #fbbf24;
	--jacavan-orange: #d2843d;
	--jacavan-beige: #f8eede;
	--jacavan-blue: #123b53;
	/* Typography */
	--body-font: 'Poppins', sans-serif;
	--heading-font: 'Playfair Display', serif;
	--big-font-size: 1.5rem;
	--bigger-font-size: 2rem;
	--biggest-font-size: 3.5rem;
	--h2-font-size: 1.75rem;
	--normal-font-size: 1rem;
	--small-font-size: 0.875rem;
	--smaller-font-size: 0.813rem;
	/* Spacing */
	--m1: 0.5rem;
	--m2: 1rem;
	--m3: 1.5rem;
	--m4: 2rem;
	--m5: 2.5rem;
	--m6: 3rem;
	/* Enhanced Shadows */
	--shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.1);
	--shadow-md: 0 8px 32px rgba(15, 23, 42, 0.15);
	--shadow-lg: 0 20px 60px rgba(15, 23, 42, 0.2);
	--shadow-xl: 0 25px 80px rgba(15, 23, 42, 0.25);
	--glow: 0 0 20px rgba(245, 158, 11, 0.3);
	--glow-blue: 0 0 20px rgba(0, 212, 255, 0.4);
	--glow-purple: 0 0 20px rgba(168, 85, 247, 0.4);
	--glow-pink: 0 0 20px rgba(236, 72, 153, 0.4);
	/* Transitions */
	--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Styles */
*,
::before,
::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}
/*
body {
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
	color: var(--dark-color);
	background: var(--light-gradient);
	line-height: 1.7;
	overflow-x: hidden;
	font-weight: 400;
}*/
/*
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--m2);
	letter-spacing: -0.02em;
}*/

/*p {
	margin-bottom: var(--m2);
}*/
/*
a {
	text-decoration: none;
	color: inherit;
	transition: var(--transition);
}
*/
/*img {
	max-width: 100%;
	height: auto;
	display: block;
}*/

/*ul {
	list-style: none;
}*/

section {
	padding: 8rem 0;
	position: relative;
}

.bd-grid {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

/* Modern Buttons */
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-gradient);
	color: var(--white-color);
	padding: 1rem 2rem;
	border-radius: 12px;
	font-weight: 600;
	font-size: var(--small-font-size);
	transition: var(--transition);
	border: none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

	.button::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
		transition: var(--transition);
	}

	.button:hover::before {
		left: 100%;
	}

	.button:hover {
		transform: translateY(-3px);
		box-shadow: var(--shadow-lg), var(--glow);
	}

.button-outline {
	background: transparent;
	color: var(--secondary-color);
	border: 2px solid var(--secondary-color);
	box-shadow: none;
}

	.button-outline:hover {
		background: var(--accent-gradient);
		color: var(--white-color);
		border-color: transparent;
	}

.button-small {
	padding: 0.75rem 1.5rem;
	font-size: var(--smaller-font-size);
}

.button-icon {
	margin-left: var(--m1);
	font-size: 1.25rem;
	transition: var(--transition);
}





/* Premium Header */
.l-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: var(--shadow-sm);
	transition: var(--transition);
}

.nav {
	height: var(--header-height);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-logo {
	font-family: var(--heading-font);
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--primary-color);
	position: relative;
}

	.nav-logo span {
		background: var(--accent-gradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

.nav-toggle {
	font-size: 1.5rem;
	color: var(--primary-color);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition);
}

	.nav-toggle:hover {
		color: var(--secondary-color);
	}

.nav-cta {
	display: none;
}

.nav-menu {
	display: none;
}

.nav-list {
	display: flex;
	flex-direction: column;
	gap: var(--m3);
}

.nav-item {
	position: relative;
}

.nav-link {
	font-weight: 600;
	color: var(--primary-color);
	transition: var(--transition);
	position: relative;
	padding: 0.5rem 0;
}

	.nav-link::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--accent-gradient);
		transition: var(--transition);
	}

	.nav-link:hover::after,
	.nav-link.active::after {
		width: 100%;
	}

	.nav-link:hover {
		color: var(--secondary-color);
	}

	.nav-link.active {
		color: var(--secondary-color);
	}

.scroll-header {
	background: rgba(255, 255, 255, 0.98);
	box-shadow: var(--shadow-md);
}

/* Premium Home Section */
.home {
	background: var(--dark-gradient-enhanced);
	padding-top: calc(var(--header-height) + 4rem);
	padding-bottom: 4rem;
	overflow: hidden;
	position: relative;
}

	.home::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
		opacity: 0.3;
	}

	.home::after {
		content: '';
		position: absolute;
		top: -50%;
		right: -50%;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle, rgba(245, 158, 11, 0.1) 0%, transparent 70%);
		animation: pulse 4s ease-in-out infinite;
	}

@keyframes pulse {

	0%, 100% {
		opacity: 0.3;
		transform: scale(1);
	}

	50% {
		opacity: 0.6;
		transform: scale(1.1);
	}
}

.home-container {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	gap: var(--m6);
	position: relative;
	z-index: 2;
}

.home-car {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	order: 1;
}

.home-shape {
	width: 400px;
	height: 400px;
	background: var(--accent-gradient-vibrant);
	border-radius: 50%;
	position: relative;
	animation: float 6s ease-in-out infinite;
	box-shadow: var(--glow);
}

	.home-shape::before {
		content: '';
		position: absolute;
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px;
		background: var(--accent-gradient-cool);
		border-radius: 50%;
		z-index: -1;
		animation: rotate 20s linear infinite;
		opacity: 0.3;
	}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes float {

	0%, 100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-20px);
	}
}

.home-img {
	position: absolute;
	max-width: initial;
	width: 100%;
/*	max-width: 500px;*/
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
	animation: carFloat 8s ease-in-out infinite;
}

@keyframes carFloat {

	0%, 100% {
		transform: translateY(0px) rotateY(0deg);
	}

	50% {
		transform: translateY(-10px) rotateY(5deg);
	}
}

.home-data {
	text-align: center;
	order: 2;
	color: var(--white-color);
}

.home-new {
	display: inline-block;
	font-size: var(--small-font-size);
	font-weight: 700;
	color: var(--neon-yellow);
	margin-bottom: var(--m2);
	text-transform: uppercase;
	letter-spacing: 2px;
	background: rgba(251, 191, 36, 0.15);
	padding: 0.5rem 1rem;
	border-radius: 50px;
	border: 1px solid rgba(251, 191, 36, 0.4);
	box-shadow: var(--glow);
	animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
	0% {
		box-shadow: 0 0 10px rgba(251, 191, 36, 0.3);
	}

	100% {
		box-shadow: 0 0 20px rgba(251, 191, 36, 0.6);
	}
}

.home-title {
	font-size: var(--biggest-font-size);
	margin-bottom: var(--m3);
	color: var(--white-color);
	line-height: 1.1;
	text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	background: linear-gradient(135deg, #ffffff 0%, #fbbf24 50%, #f59e0b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.home-description {
	font-size: var(--big-font-size);
	margin-bottom: var(--m5);
	color: var(--gray-color);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

.home-buttons {
	display: flex;
	gap: var(--m3);
	justify-content: center;
}

	.home-buttons .button:first-child {
		background: var(--accent-gradient-vibrant);
		box-shadow: var(--glow);
	}

		.home-buttons .button:first-child:hover {
			box-shadow: var(--glow), var(--shadow-lg);
		}

	.home-buttons .button-outline {
		border-color: var(--neon-blue);
		color: var(--neon-blue);
	}

		.home-buttons .button-outline:hover {
			background: var(--accent-gradient-cool);
			border-color: transparent;
			box-shadow: var(--glow-blue);
		}

/* Premium Section Headers */
.section-header {
	text-align: center;
	margin-bottom: var(--m6);
}

.section-subtitle {
	display: block;
	font-size: var(--small-font-size);
	color: var(--secondary-color);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: var(--m2);
	position: relative;
}

	.section-subtitle::before {
		content: '';
		position: absolute;
		top: 50%;
		left: -60px;
		width: 40px;
		height: 1px;
		background: var(--accent-gradient);
	}

	.section-subtitle::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -60px;
		width: 40px;
		height: 1px;
		background: var(--accent-gradient);
	}

.section-title {
	font-size: var(--bigger-font-size);
	color: var(--primary-color);
	position: relative;
	display: inline-block;
	margin-bottom: var(--m3);
}

	.section-title::after {
		content: '';
		position: absolute;
		width: 80px;
		height: 4px;
		background: var(--accent-gradient);
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 2px;
	}

/* Premium Featured Section */
.featured {
	background: var(--white-color);
	position: relative;
	opacity :90%;
}

	.featured::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: var(--accent-gradient);
	}

.featured-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: var(--m5);
}

.vehicle {
	background: var(--white-color);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: var(--transition-slow);
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

	.vehicle:hover {
		transform: translateY(-15px) scale(1.02);
		box-shadow: var(--shadow-xl);
	}

		.vehicle:hover .vehicle-img {
			transform: scale(1.05);
		}

.vehicle-badge {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	color: var(--white-color);
	padding: 0.5rem 1rem;
	border-radius: 50px;
	font-size: var(--smaller-font-size);
	font-weight: 700;
	z-index: 1;
	box-shadow: var(--shadow-sm);
	animation: badgeGlow 2s ease-in-out infinite alternate;
}

	.vehicle-badge.premium {
		background: var(--accent-gradient-luxury);
		box-shadow: var(--glow);
	}

	.vehicle-badge.popular {
		background: var(--accent-gradient-vibrant);
		box-shadow: var(--glow);
	}

	.vehicle-badge.family {
		background: var(--accent-gradient-cool);
		box-shadow: var(--glow-blue);
	}

@keyframes badgeGlow {
	0% {
		box-shadow: 0 0 10px rgba(245, 158, 11, 0.3);
	}

	100% {
		box-shadow: 0 0 20px rgba(245, 158, 11, 0.6);
	}
}

.vehicle-img {
	width: 100%;
	height: 250px;
	object-fit: contain;
	padding: var(--m4);
	transition: var(--transition-slow);
	background: var(--jacavan-orange);
}

.vehicle-info {
	padding: 2rem;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.vehicle-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--m3);
}

.vehicle-name {
	font-weight: 500;
	color: var(--primary-color);
	font-size: var(--big-font-size);
}

.vehicle-price {
	font-weight: 800;
	color: var(--secondary-color);
	font-size: var(--big-font-size);
	background: var(--accent-gradient-luxury);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

	.vehicle-price span {
		font-size: var(--small-font-size);
		color: var(--dark-gray);
		font-weight: 500;
	}

.vehicle-features {
	display: flex;
	gap: var(--m3);
	margin-bottom: var(--m3);
	font-size: var(--small-font-size);
	color: var(--dark-gray);
}

	.vehicle-features i {
		margin-right: 0.5rem;
		color: var(--neon-blue);
	}

.vehicle .button {
	background: var(--accent-gradient-vibrant);
	box-shadow: var(--glow);
}

	.vehicle .button:hover {
		box-shadow: var(--glow), var(--shadow-lg);
	}

/* Premium Collection Section */
.collection {
	background: var(--light-gradient);
	position: relative;
}

.collection-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--m4);
}

.collection-card {
	height: 350px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding: var(--m5);
	background-size: cover;
	background-position: center;
	transition: var(--transition-slow);
	box-shadow: var(--shadow-md);
}

	.collection-card:hover {
		transform: translateY(-10px) scale(1.02);
		box-shadow: var(--shadow-xl);
	}

.collection-card-suv {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)), url('https://images.unsplash.com/photo-1568605117036-5fe5e7bab0b7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
	background-size: cover;
	background-position: center;
}

.collection-card-sports {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8)), url('https://images.unsplash.com/photo-1494972308805-463bc619d34e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
	background-size: cover;
	background-position: center;
}

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

.collection-name {
	font-size: var(--bigger-font-size);
	color: var(--white-color);
	margin-bottom: var(--m2);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.collection-description {
	color: var(--gray-color);
	margin-bottom: var(--m3);
	max-width: 400px;
	line-height: 1.6;
}

/* Premium Luxury Section */
.luxury {
	background: var(--white-color);
	position: relative;
}

.luxury-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: var(--m5);
}

.vehicle-luxury {
	border: 2px solid rgba(245, 158, 11, 0.2);
	background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

/* Premium Offer Section */
.offer {
	background: var(--dark-gradient);
	position: relative;
	overflow: hidden;
}

	.offer::before {
		content: '';
		position: absolute;
		top: -50%;
		right: -50%;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle, rgba(245, 158, 11, 0.1) 0%, transparent 70%);
		animation: pulse 4s ease-in-out infinite;
	}

@keyframes pulse {

	0%, 100% {
		opacity: 0.5;
	}

	50% {
		opacity: 1;
	}
}

.offer-container {
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr;
	color: var(--white-color);
	box-shadow: var(--shadow-xl);
	position: relative;
	z-index: 2;
}

.offer-data {
	padding: var(--m6);
	text-align: center;
}

.offer-subtitle {
	display: block;
	font-size: var(--small-font-size);
	color: var(--secondary-color);
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: var(--m2);
	font-weight: 700;
}

.offer-title {
	font-size: 4rem;
	margin-bottom: var(--m2);
	color: var(--secondary-color);
	text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	font-weight: 900;
}

.offer-description {
	margin-bottom: var(--m5);
	color: var(--gray-color);
	font-size: var(--big-font-size);
	line-height: 1.6;
}

.offer-image {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--m4);
	background: rgba(255, 255, 255, 0.05);
}

.logo-image {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	/*margin-bottom: 20px;*/
	
}
.offer-img {
	width: 100%;
	max-width: 350px;
	filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4));
}

/* Premium Fleet Section */
.fleet {
	background: var(--light-gradient);
	position: relative;
}

.fleet-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--m5);
}

.fleet-categories {
	display: flex;
	gap: var(--m3);
	overflow-x: auto;
	padding-bottom: var(--m2);
	scrollbar-width: none;
	justify-content: center;
}

	.fleet-categories::-webkit-scrollbar {
		display: none;
	}

.fleet-category {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--m2);
	padding: 1rem 2rem;
	background: var(--white-color);
	border-radius: 15px;
	cursor: pointer;
	transition: var(--transition);
	flex-shrink: 0;
	box-shadow: var(--shadow-sm);
	border: 2px solid transparent;
	min-width: 120px;
	position: relative;
	overflow: hidden;
}

	.fleet-category::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
		transition: var(--transition);
	}

	.fleet-category:hover::before {
		left: 100%;
	}

	.fleet-category i {
		font-size: 2rem;
		color: var(--dark-gray);
		transition: var(--transition);
	}

	.fleet-category[data-category="economy"] i {
		color: var(--neon-green);
	}

	.fleet-category[data-category="sedan"] i {
		color: var(--neon-blue);
	}

	.fleet-category[data-category="suv"] i {
		color: var(--neon-orange);
	}

	.fleet-category[data-category="luxury"] i {
		color: var(--neon-yellow);
	}

	.fleet-category[data-category="sports"] i {
		color: var(--neon-pink);
	}

	.fleet-category span {
		font-size: var(--small-font-size);
		font-weight: 700;
		color: var(--dark-gray);
		transition: var(--transition);
	}

	.fleet-category:hover {
		transform: translateY(-5px);
		box-shadow: var(--shadow-md);
		border-color: var(--secondary-color);
	}

		.fleet-category:hover i {
			transform: scale(1.1);
		}

	.fleet-category.active {
		background: var(--accent-gradient-vibrant);
		border-color: var(--secondary-color);
		box-shadow: var(--glow);
	}

		.fleet-category.active i,
		.fleet-category.active span {
			color: var(--white-color);
		}

		.fleet-category.active i {
			transform: scale(1.1);
		}

.fleet-vehicles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: var(--m4);
}

.fleet-vehicle-card {
	height: 250px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	background: var(--white-color);
	box-shadow: var(--shadow-md);
	transition: var(--transition);
}

	.fleet-vehicle-card:hover {
		transform: translateY(-10px);
		box-shadow: var(--shadow-xl);
	}

.fleet-vehicle-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fleet-vehicle-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--m3);
	opacity: 0;
	transition: var(--transition);
}

.fleet-vehicle-card:hover .fleet-vehicle-overlay {
	opacity: 1;
}

.fleet-vehicle-info h4 {
	color: var(--white-color);
	margin-bottom: 0.5rem;
	font-size: var(--big-font-size);
}

.fleet-vehicle-info .price {
	color: var(--secondary-color);
	font-weight: 800;
	display: block;
	margin-bottom: var(--m2);
	font-size: var(--big-font-size);
}

.fleet-vehicle-info .features {
	display: flex;
	gap: var(--m3);
	color: var(--gray-color);
	font-size: var(--small-font-size);
	margin-bottom: var(--m3);
}

	.fleet-vehicle-info .features i {
		margin-right: 0.5rem;
		color: var(--secondary-color);
	}

/* Premium Testimonials Section */
.testimonials {
	background: var(--white-color);
	position: relative;
}

.testimonials-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--m5);
}

.testimonial-card {
	background: var(--white-color);
	padding: var(--m5);
	border-radius: 20px;
	box-shadow: var(--shadow-md);
	border: 1px solid rgba(0, 0, 0, 0.05);
	transition: var(--transition);
	position: relative;
}

	.testimonial-card::before {
		content: '"';
		position: absolute;
		top: -20px;
		left: 30px;
		font-size: 4rem;
		color: var(--secondary-color);
		font-family: var(--heading-font);
		opacity: 0.3;
	}

	.testimonial-card:hover {
		transform: translateY(-5px);
		box-shadow: var(--shadow-lg);
	}

.testimonial-rating {
	color: var(--secondary-color);
	margin-bottom: var(--m3);
	font-size: 1.25rem;
}

.testimonial-text {
	font-style: italic;
	margin-bottom: var(--m4);
	color: var(--dark-gray);
	line-height: 1.7;
	font-size: var(--big-font-size);
}

.testimonial-author {
	display: flex;
	align-items: center;
	gap: var(--m3);
}

	.testimonial-author img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		object-fit: cover;
		border: 3px solid var(--secondary-color);
	}

	.testimonial-author h4 {
		font-size: var(--normal-font-size);
		margin-bottom: 0.25rem;
		color: var(--primary-color);
	}

	.testimonial-author span {
		font-size: var(--small-font-size);
		color: var(--dark-gray);
	}

/* Premium Newsletter Section */
.newsletter {
	background: var(--dark-gradient-enhanced);
	color: var(--white-color);
	position: relative;
	overflow: hidden;
}

	.newsletter::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
	}

	.newsletter::after {
		content: '';
		position: absolute;
		top: -50%;
		left: -50%;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle, rgba(0, 212, 255, 0.1) 0%, transparent 70%);
		animation: pulse 4s ease-in-out infinite;
	}

.newsletter-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--m5);
	text-align: center;
	position: relative;
	z-index: 2;
}

.newsletter-title {
	font-size: var(--bigger-font-size);
	margin-bottom: var(--m2);
	color: var(--white-color);
	background: linear-gradient(135deg, #ffffff 0%, #00d4ff 50%, #a855f7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.newsletter-description {
	color: var(--gray-color);
	margin-bottom: var(--m4);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
	font-size: var(--big-font-size);
}

.newsletter-form {
	display: flex;
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 15px;
	padding: 0.5rem;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: var(--glow-blue);
}

.newsletter-input {
	flex: 1;
	padding: 1rem 1.5rem;
	border: none;
	border-radius: 10px;
	font-size: var(--small-font-size);
	background: transparent;
	color: var(--white-color);
}

	.newsletter-input::placeholder {
		color: var(--gray-color);
	}

.newsletter-form .button {
	border-radius: 10px;
	margin: 0;
	background: var(--accent-gradient-cool);
	box-shadow: var(--glow-blue);
}

	.newsletter-form .button:hover {
		box-shadow: var(--glow-blue), var(--shadow-lg);
	}

/* Premium Footer */
.footer {
	background: var(--primary-color);
	color: var(--white-color);
	padding-top: var(--m6);
	padding-bottom: 0;
	position: relative;
}

	.footer::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: var(--accent-gradient);
	}

.footer-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--m6);
	margin-bottom: var(--m6);
}

.footer-box {
	margin-bottom: var(--m5);
}

.footer-logo {
	font-family: var(--heading-font);
	font-size: 2rem;
	font-weight: 800;
	color: var(--white-color);
	display: inline-block;
	margin-bottom: var(--m3);
}

	.footer-logo span {
		background: var(--accent-gradient-vibrant);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

.footer-description {
	color: var(--gray-color);
	margin-bottom: var(--m4);
	max-width: 350px;
	line-height: 1.7;
}

.footer-social {
	display: flex;
	gap: var(--m3);
}

.footer-social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 15px;
	color: var(--white-color);
	transition: var(--transition);
	border: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
	overflow: hidden;
}

	.footer-social-link::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
		transition: var(--transition);
	}

	.footer-social-link:hover::before {
		left: 100%;
	}

	.footer-social-link:nth-child(1):hover {
		background: linear-gradient(135deg, #1877f2 0%, #0d6efd 100%);
		box-shadow: var(--glow-blue);
		transform: translateY(-5px);
	}

	.footer-social-link:nth-child(2):hover {
		background: linear-gradient(135deg, #e4405f 0%, #c13584 100%);
		box-shadow: var(--glow-pink);
		transform: translateY(-5px);
	}

	.footer-social-link:nth-child(3):hover {
		background: linear-gradient(135deg, #1da1f2 0%, #0ea5e9 100%);
		box-shadow: var(--glow-blue);
		transform: translateY(-5px);
	}

	.footer-social-link:nth-child(4):hover {
		background: linear-gradient(135deg, #0077b5 0%, #0a66c2 100%);
		box-shadow: var(--glow-blue);
		transform: translateY(-5px);
	}

.footer-title {
	font-size: var(--h2-font-size);
	margin-bottom: var(--m4);
	position: relative;
	padding-bottom: var(--m2);
	color: var(--white-color);
}

	.footer-title::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 40px;
		height: 3px;
		background: var(--accent-gradient);
		border-radius: 2px;
	}

.footer-link {
	display: block;
	margin-bottom: var(--m2);
	color: var(--gray-color);
	transition: var(--transition);
	padding: 0.5rem 0;
}

	.footer-link:hover {
		color: var(--secondary-color);
		transform: translateX(10px);
	}

.footer-contact li {
	display: flex;
	align-items: center;
	gap: var(--m2);
	margin-bottom: var(--m2);
	color: var(--gray-color);
	padding: 0.5rem 0;
}

.footer-contact i {
	color: var(--secondary-color);
	font-size: 1.25rem;
}

.footer-bottom {
	padding: var(--m4) 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
}

.footer-copy {
	font-size: var(--small-font-size);
	color: var(--gray-color);
	margin-bottom: var(--m3);
}

.footer-copy-link {
	color: var(--secondary-color);
	font-weight: 600;
}

.footer-payments {
	display: flex;
	justify-content: center;
	gap: var(--m3);
	font-size: 2rem;
	color: var(--gray-color);
}

/* Media Queries */
@media screen and (min-width: 576px) {
	.collection-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.testimonials-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 768px) {
	.nav-toggle {
		display: none;
	}

	.nav-menu {
		display: flex;
		align-items: center;
	}

	.nav-list {
		flex-direction: row;
		gap: var(--m5);
	}

	.nav-cta {
		display: block;
	}

	.home-container {
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}

	.home-car {
		order: 2;
	}

	.home-data {
		order: 1;
		text-align: left;
	}

	.home-buttons {
		justify-content: flex-start;
	}

	.home-description,
	.section-header,
	.newsletter-content {
		margin-left: var(--m6);
		margin-right: 0;
		text-align: left;
	}

	.section-title::after {
		left: 0;
		transform: translateX(0);
	}

	.offer-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.offer-data {
		text-align: left;
	}

	.footer-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 992px) {
	.home-title {
		font-size: 4rem;
	}

	.footer-container {
		grid-template-columns: repeat(4, 1fr);
	}

	.newsletter-container {
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
		text-align: left;
	}

	.newsletter-form {
		margin: 0;
	}
}

@media screen and (min-width: 1200px) {
	.home-title {
		font-size: 4.5rem;
	}
}

@media screen and (max-width: 768px) {
	.nav-menu {
		position: fixed;
		top: var(--header-height);
		left: -100%;
		width: 80%;
		height: calc(100vh - var(--header-height));
		background: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(20px);
		box-shadow: var(--shadow-md);
		transition: var(--transition);
		padding: var(--m5);
		z-index: 100;
	}

		.nav-menu.show {
			left: 0;
		}
}


/*MAPA*/
.responsive-map {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.responsive-map iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

 

/*footer*/

footer {
	position: relative;
	width: 100%;
	background: #1f2029;
	min-height: 100px;
	padding: 20px 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

	footer .social_icon, footer .menu {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 10px 0;
	}

		footer .social_icon li, footer .menu li {
			list-style: none;
		}

			footer .social_icon li a {
				font-size: 2em;
				color: #ccc;
				margin: 0 10px;
				display: inline-block;
				transition: 0.5s;
			}

				footer .social_icon li a:hover {
					transform: translateY(-15px);
					color: blue;
				}

			footer .menu li a {
				font-size: 1.2em;
				color: #ccc;
				margin: 0 10px;
				display: inline-block;
				transition: 0.5s;
				text-decoration: none;
				opacity: 0.75;
			}

				footer .menu li a:hover {
					opacity: 1;
					color: #fff;
				}

/*p {
	color: #eee;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.1em;
}
*/
/*wave and animation*/
footer .wave {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: url(images/wave-back.png);
	background-size: 1000px 100px;
}

	footer .wave#wave1 {
		z-index: 1000;
		opacity: 1;
		bottom: 0;
		animation: animateWave 4s linear infinite;
	}

	footer .wave#wave2 {
		z-index: 999;
		opacity: 0.5;
		bottom: 10px;
		animation: animateWave_02 4s linear infinite;
	}

	footer .wave#wave3 {
		z-index: 1000;
		opacity: 0.2;
		bottom: 0;
		animation: animateWave 3s linear infinite;
	}

	footer .wave#wave4 {
		z-index: 999;
		opacity: 0.7;
		bottom: 20px;
		animation: animateWave_02 3s linear infinite;
	}

@keyframes animateWave {
	0% {
		background-position-x: 1000px;
	}

	100% {
		background-position-x: 0px;
	}
}

@keyframes animateWave_02 {
	0% {
		background-position-x: 0px;
	}

	100% {
		background-position-x: 1000px;
	}
}

/*
	----------------------------------------------------------------------------------------------------------------------------------
	servicios
	----------------------------------------------------------------------------------------------------------------------------------
*/

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

:root {
	--color-brand-primary: hsl(var(--color-brand-primary-h), 43%, 43%);
	--color-brand-primary-h: 251;
	--color-brand-primary-s: 43%;
	--color-brand-primary-l: 43%;
	--color-brand-accent: hsl(var(--color-brand-accent-h), 96%, 61%);
	--color-brand-accent-h: 16;
	--color-brand-accent-s: 96%;
	--color-brand-accent-l: 61%;
	--color-brand-accent-bg: hsl(calc(var(--color-brand-accent-h) + 17), 100%, 96%);
	--ratio: 1.4;
	--s-6: calc(var(--s-5) / var(--ratio));
	--s-5: calc(var(--s-4) / var(--ratio));
	--s-4: calc(var(--s-3) / var(--ratio));
	--s-3: calc(var(--s-2) / var(--ratio));
	--s-2: calc(var(--s-1) / var(--ratio));
	--s-1: calc(var(--s0) / var(--ratio));
	--s0: calc(1.05rem + 0.333vw);
	--s1: calc(var(--s0) * var(--ratio));
	--s2: calc(var(--s1) * var(--ratio));
	--s3: calc(var(--s2) * var(--ratio));
	--s4: calc(var(--s3) * var(--ratio));
	--s5: calc(var(--s4) * var(--ratio));
	--s6: calc(var(--s5) * var(--ratio));
	font-size: 62.5%;
	line-height: 1.6;
	box-sizing: border-box;
}

@media (min-width: 40.625em) {
	:root {
		--s0: calc(1.25rem + 0.333vw);
	}
}

@media (min-width: 48em) {
	:root {
		--s0: calc(1.4rem + 0.333vw);
	}
}

@media (min-width: 62em) {
	:root {
		--s0: calc(1.6rem + 0.333vw);
	}
}

*, *:before, *:after {
	box-sizing: inherit;
}

/*
body {
	font-size: 1.4rem;
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	background-color: white;
	min-height: 100vh;
}*/

@media (min-width: 48em) {
	body {
		font-size: 1.5rem;
	}
}

@supports (font-variation-settings: normal) {
	body {
		font-family: "Poppins",Inter var", sans-serif,arial;
	}
}
/*
h2, h3, p, ul {
	margin: 0;
}

ul {
	padding: 0;
}*/

	ul li {
		/* Remove li Bullets with zero-width space for accessability */
		list-style-type: none;
	}

		ul li:before {
			content: "\200B";
			/* add zero-width space */
			clip: rect(0 0 0 0);
			height: 1px;
			width: 1px;
			position: absolute;
		}

.c-section-servicios {
	padding: 0 var(--s3);
}

.c-section__title {
	padding: var(--s2) var(--s3) calc(var(--s6) * 1.8);
	margin: 0 calc(var(--s3) * -1);
	color: #fff;
	font-size: var(--s4);
	font-weight: 700;
	letter-spacing: -0.04em;
	text-align: center;
}

@media (min-width: 40.625em) {
	.c-section__title {
		padding: var(--s2) var(--s3) var(--s4);

		 
	}
}

@media (min-width: 40.625em) {
	.c-section__title {
		display: -webkit-box;
		display: flex;
		-webkit-box-align: self-start;
		align-items: self-start;
		-webkit-box-pack: end;
		justify-content: flex-end;
		position: relative;
		text-align: unset;
	}
}

.c-section__title:after {
	content: '';
	display: block;
	background-size: calc(var(--s5) * 3) calc(var(--s5) * 3);
/*	width: calc(var(--s5) * 3);*/
	height: calc(var(--s5) * 3);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translateY(11rem);
	transform: translateY(11rem);
	z-index: 1;
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='aadef149-4ba5-4382-9e09-7df651a328a5' data-name='Layer 1' width='704' height='745.19433' viewBox='0 0 704 745.19433' class='injected-svg modal__media modal__lg_media' data-src='https://42f2671d685f51e10fc6-b9fcecea3e50b3b59bdc28dead054ebc.ssl.cf5.rackcdn.com/illustrations/mobile_web_2g8b.svg'%3E%3Ctitle%3Emobile_web%3C/title%3E%3Cpath d='M344.69391,661.25125l-8.38722-33.073A429.46111,429.46111,0,0,0,290.74208,611.834l-1.05792,15.37062L285.39,610.2712c-19.202-5.482-32.265-7.89648-32.265-7.89648s17.64872,67.09731,54.6606,118.39272l43.124,7.57249-33.50125,4.83219A173.75069,173.75069,0,0,0,332.395,749.05228c53.84043,49.96979,113.80669,72.89422,133.93843,51.20309s-7.1946-79.78376-61.035-129.75355c-16.69106-15.49113-37.65818-27.92221-58.646-37.70546Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M424.44317,625.32976l9.91563-32.64732a429.46451,429.46451,0,0,0-30.557-37.54385L394.9511,567.7497l5.07688-16.71545c-13.60408-14.61837-23.53857-23.43755-23.53857-23.43755s-19.57459,66.561-14.40543,129.60362l33.00186,28.77326L363.9095,672.79331a173.75138,173.75138,0,0,0,4.62073,21.34072c20.26038,70.60659,59.74453,121.22757,88.19038,113.06511s35.08143-72.01738,14.821-142.624c-6.28092-21.88874-17.80407-43.36822-30.71362-62.59176Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cellipse cx='352' cy='727.19433' rx='352' ry='18' fill='%233f3d56'/%3E%3Cpath d='M805.65354,250.35009h-3.99878V140.80476a63.40186,63.40186,0,0,0-63.40205-63.40193H506.16627a63.40186,63.40186,0,0,0-63.402,63.40193V741.77894a63.40186,63.40186,0,0,0,63.402,63.40193H738.25271a63.40186,63.40186,0,0,0,63.40205-63.40193V328.32631h3.99878Z' transform='translate(-248 -77.40283)' fill='%233f3d56'/%3E%3Cpath d='M788.16,141.24713v600.09a47.3508,47.3508,0,0,1-47.35,47.35H507.61a47.35084,47.35084,0,0,1-47.35-47.35v-600.09a47.35089,47.35089,0,0,1,47.35-47.35H535.9a22.50661,22.50661,0,0,0,20.83,30.99H689.69a22.50673,22.50673,0,0,0,20.83-30.99h30.29A47.35084,47.35084,0,0,1,788.16,141.24713Z' transform='translate(-248 -77.40283)' fill='%23fff'/%3E%3Cpath d='M788.16,612.40716v128.93a47.3508,47.3508,0,0,1-47.35,47.35H507.61a47.35084,47.35084,0,0,1-47.35-47.35v-116.36a222.97136,222.97136,0,0,1,327.9-12.57Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='322.174 511.167 312.75 511.167 315.891 327.064 319.033 327.064 322.174 511.167' fill='%23e6e6e6'/%3E%3Cpath d='M578.02779,288.5586l15.21367-23.512a352.49687,352.49687,0,0,0-15.60827-36.53743l-9.83764,7.94573,7.78946-12.03815c-7.42343-14.61275-13.26462-23.81956-13.26462-23.81956s-30.5115,48.08118-40.70521,98.98824l19.52266,30.17145L519.5254,312.3006a142.61,142.61,0,0,0-1.18572,17.8826c0,60.291,19.69081,109.16642,43.98071,109.16642s43.98072-48.87547,43.98072-109.16642c0-18.69079-4.22846-38.24546-10.0614-56.33418Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='267.479 524.167 262.908 524.167 264.432 434.879 265.955 434.879 267.479 524.167' fill='%23e6e6e6'/%3E%3Cpath d='M519.28775,456.06773l7.37846-11.40307a170.95723,170.95723,0,0,0-7.56983-17.72025l-4.77115,3.85359,3.7778-5.83837c-3.60028-7.087-6.43319-11.55223-6.43319-11.55223s-14.79775,23.31885-19.74158,48.00821l9.46827,14.63282-10.48179-8.46609a69.16528,69.16528,0,0,0-.57506,8.67286c0,29.24044,9.54982,52.94451,21.33016,52.94451S533,505.49564,533,476.2552c0-9.06483-2.05076-18.54863-4.87967-27.32146Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='386.479 524.167 381.908 524.167 383.432 434.879 384.955 434.879 386.479 524.167' fill='%23e6e6e6'/%3E%3Cpath d='M638.28775,456.06773l7.37846-11.40307a170.95723,170.95723,0,0,0-7.56983-17.72025l-4.77115,3.85359,3.7778-5.83837c-3.60028-7.087-6.43319-11.55223-6.43319-11.55223s-14.79775,23.31885-19.74158,48.00821l9.46827,14.63282-10.48179-8.46609a69.16528,69.16528,0,0,0-.57506,8.67286c0,29.24044,9.54982,52.94451,21.33016,52.94451S652,505.49564,652,476.2552c0-9.06483-2.05076-18.54863-4.87967-27.32146Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Ccircle cx='264' cy='186.19433' r='42' fill='%23e6e6e6'/%3E%3Cpolygon points='415.872 234.173 492.533 236.077 502.852 144.666 415.872 144.666 415.872 234.173' fill='%232f2e41'/%3E%3Cpath d='M644.76993,239.9612l-21.14671-81.078s5.84211-38.92023,19.97409-38.27814-3.66865,38.049-3.66865,38.049l23.94311,70.03766Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M686.22412,443.10875l3.31146,33.11459s-104.311,71.19639-104.311,100.99953-3.31146,124.17974-3.31146,124.17974l38.08179,1.65573,3.31146-44.70471s8.27865-49.67189,3.31146-67.88492l54.63908-41.39325s-16.5573,19.86876-13.24584,54.63909S663.0439,706.3698,663.0439,706.3698l39.73752,3.31146s4.96719-36.42606,6.62292-39.73752,9.93438-62.91773,1.65573-79.475l67.88493-79.475s23.18022-29.80314,0-59.60627l-13.24584-6.62292Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M583.56887,694.77969l-3.31146,21.52449-21.52449,51.32763s-36.42606,18.213-9.93438,21.52449,36.42606-3.31146,41.39325-11.59011,14.90157-21.52449,14.90157-21.52449L603.43763,790.812h8.27865l13.56912-47.49194a29.95239,29.95239,0,0,0-5.09327-26.76756q-.09786-.12417-.1972-.24835c-6.62292-8.27865-3.31146-19.86876-3.31146-19.86876Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M666.35536,694.77969l-3.31146,21.52449-21.52449,51.32763s-36.42605,18.213-9.93437,21.52449,36.426-3.31146,41.39324-11.59011,14.90157-21.52449,14.90157-21.52449L686.22412,790.812h8.27865l13.56913-47.49194a29.95239,29.95239,0,0,0-5.09328-26.76756q-.09786-.12417-.1972-.24835c-6.62292-8.27865-3.31146-19.86876-3.31146-19.86876Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Ccircle cx='458.09288' cy='162.05113' r='33.1146' fill='%23ffb8b8'/%3E%3Cpath d='M704.43715,267.60138l14.90157,34.77032,29.80314-23.18022s-18.213-24.83594-18.213-28.1474Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M707.74861,287.47013l7.06394,4.34051s22.82273-12.10094,28.576-20.6387c0,0,20.65486-6.882,28.93351,9.67527s-4.96719,130.80267-4.96719,130.80267,8.27865,11.59011,6.62292,16.5573S778.945,441.453,778.945,441.453v9.93438s-94.37661,1.65573-94.37661-6.62292V418.2728l-9.93438-3.31146s-9.93438,21.52449-13.24584,19.86876-19.86876-14.90157-19.86876-14.90157,26.49168-87.75369,41.39325-102.65526l18.213-31.45887Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M704.43715,289.12586s-3.31146-6.62292-8.27865-8.27865-29.80314-36.42605-29.80314-36.42605l3.31146-18.213-33.1146-4.96719s1.65573,18.213,8.27865,29.80314,43.049,71.19638,43.049,71.19638l18.213-33.1146Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M730.101,420.75639l-19.86875,59.60628s-41.39325,46.36044-18.213,46.36044,34.77032-41.39325,34.77032-41.39325l28.14741-59.60628Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M666.40465,239.938c26.52245-10.63018,52.66949-12.89779,78.1352,0V218.51138A13.95535,13.95535,0,0,0,730.58449,204.556H677.42954a11.02489,11.02489,0,0,0-11.02489,11.02489Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M750.79759,285.8144s15.10671-12.79586,23.28279,1.88072,3.20889,77.59432,1.55316,85.873-13.24584,59.60628-13.24584,59.60628l-39.73752-8.27865s-3.31146-23.18022,6.62292-21.52449Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M767.27813,271.58657c-7.47508-4.10485-10.95384-13.3183-11.20173-21.8427-.24822-8.5244,1.81928-16.96078,1.98174-25.48727a19.70066,19.70066,0,0,0-.44217-5.19738,19.99152,19.99152,0,0,0-2.85872-5.91734c-9.72073-14.89484-26.61815-25.37235-44.41647-25.53721a19.72685,19.72685,0,0,0-7.51573,1.38171c-1.84014.737-2.44183.64676-2.79446,2.90614a18.80778,18.80778,0,0,0-12.90778.41044,43.67006,43.67006,0,0,0-11.28781,6.72245,50.91134,50.91134,0,0,0-5.707,4.94121c-9.4059,9.74414-11.57188,24.76187-8.847,38.02816.88586,4.313-3.3647,8.47684-6.88166,11.12594s-7.57824,5.08173-9.3054,9.132c-1.66117,3.89607-.74885,8.35188-1.08333,12.57414a21.50585,21.50585,0,0,1-13.71993,18.06931,6.619,6.619,0,0,0,6.38589,2.24579,15.71689,15.71689,0,0,0,6.65437-3.168,39.58173,39.58173,0,0,0,14.7562-21.89461c1.03307,4.69842.63244,9.54449.59442,14.355a40.097,40.097,0,0,1-2.90746,15.67932,22.95849,22.95849,0,0,1-10.57045,11.63912c4.6135,2.25911,9.69783.62172,13.60738-2.71074,3.90938-3.33246,6.21789-8.16974,7.83049-13.047a65.02715,65.02715,0,0,0,3.1334-24.67964A35.23865,35.23865,0,0,1,674.197,295.3399a36.73,36.73,0,0,1-12.45807,21.62429,71.55883,71.55883,0,0,0,32.75215-8.24838,18.53725,18.53725,0,0,0,6.71768-5.17351c3.251-4.50991,2.48187-10.6609,1.57006-16.14519-.72122-4.3364,4.69775-10.60546,1.5945-13.71918a5.14429,5.14429,0,0,0-3.44914-1.48246c-9.45259-.91006-18.20527-5.65746-23.25035-13.70275-3.53538-5.63781-5.87629-12.07592-5.87629-18.09738a32.93149,32.93149,0,1,1,64.38483,9.77247,66.08219,66.08219,0,0,0-2.39716,11.16014,87.6848,87.6848,0,0,1-2.6728,12.98267c-2.34787,8.17535-6.32542,16.51719-13.68526,20.7814,2.47315,1.35348,5.33556,1.41445,8.13766,1.72322,9.23506,1.01758,18.9478.79289,27.30655-3.26312C761.2304,289.496,767.87372,280.85839,767.27813,271.58657Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpolygon points='490.38 252.288 481.739 323.422 482.101 255.6 490.38 252.288' opacity='0.2'/%3E%3Cpolygon points='518.772 336.291 515.216 358.255 523.494 361.567 518.772 336.291' opacity='0.2'/%3E%3C/svg%3E");*/
}

@media (min-width: 40.625em) {
	.c-section__title:after {
		margin-left: auto;
		margin-right: 0;
		-webkit-transform: translateY(2rem);
		transform: translateY(2rem);
	}
}

.c-section-servicios span:before {
	content: '';
	display: block;
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 200%;
	-webkit-transform: skew(0deg, 10deg);
	transform: skew(0deg, 8deg);
	z-index: -1;
	background: #d2843d;
	background-attachment: fixed;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='487' height='243.5' viewBox='0 0 1600 800' style='&%2310; opacity: .45;&%2310;'%3E%3Cpath fill='%23fdb9a0' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5-.2.3-16-12.3-21-17zm123.8-505.7c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9.4-.5.5-1.3.2-1.8zM33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3h.1c7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9-.1-6.1-.1-13.2 0-19.1z' style='&%2310;'/%3E%3Cpath fill='%23fee272' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1-.1.3-20.3.1-27.1-.5zm425.3 328.4c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4.3-.3.2-1.1-.2-1.6zm131.1-531.9c.6.2 1.3-.2 1.4-.8v-.4c.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6v.1c-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5 5.8 1.3 12.7 2.9 18.5 4.3zm1-1.8c-.1-.1-.2-.2-.4-.2.2 0 .3.1.4.2z'/%3E%3Cg fill='%23eac5e7'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3l1.5 3.3c2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5-.4.2-.9.3-1.4.3zm40.8-51.3c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14 .4-.4.9-.6 1.4-.6zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4 2.1 1.7 4.1 3.6 5.8 5.7z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9l.2.2c1.4 1.4 3.7 1.5 5.2.2 1.7-1.2 1.8-3.6.4-5.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5v-2.3c0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1l-2.4.3zm4.5-69.4c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3v2.4c-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3-3.9-5.5-10.9-10.6-15.9-13.3-1.4-.8-2.4-1.1-2.9-1.1zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm522.6 327.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm310 196.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1-2.4 1.6-5 2.6-7.9 2.6zm-18.7-26.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3-5.7-3.9-14.7-5.8-21.4-4.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.c-section-servicios span:after {
	content: "Ofrecemos un servicio de alquiler flexible, cómodo y adaptado a tus necesidades. Ya sea para una mudanza, un viaje en grupo o el transporte de material deportivo, contamos con una amplia flota de furgonetas modernas, seguras y totalmente revisadas.";
	display: block;
	font-size: 1.4rem;
	position: absolute;
	letter-spacing: 0;
	font-weight: 350;
	padding: 0 var(--s3);
	color: rgba(255, 255, 255, 0.85);
	left: 9px;
	 
}

@media (min-width: 40.625em) {
	.c-section-servicios span:after {
		font-size: 23%;
	}
}

@media (min-width: 40.625em) {
	.c-section-servicios span:after {
		width: 47ch;
	}
}

@media (min-width: 48em) {
	.c-section-servicios span:after {
		width: 57ch;
	}
}

@media (min-width: 62em) {
	.c-section-servicios span:after {
	/*	width: 67ch;*/
	}
}

.c-services {
	display: grid;
	grid-gap: var(--s2);
	margin: 0 calc(var(--s3) * -1);
	padding: var(--s6) var(--s3);
	position: relative;
	z-index: 1;
}

@media (min-width: 40.625em) {
	.c-services {
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: minmax(100px, 1fr);
	}
}

@media (min-width: 40.625em) {
	.c-services {
		padding: 0 var(--s3);
	}
}

.c-services:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-brand-accent-bg);
	width: 100%;
	height: 100%;
	-webkit-transform: skew(0deg, 10deg);
	transform: skew(0deg, 10deg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='487' height='243.5' viewBox='0 0 1600 800'%3E%3Cpath fill='%23fdb9a0' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5-.2.3-16-12.3-21-17zm123.8-505.7c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9.4-.5.5-1.3.2-1.8zM33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3h.1c7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9-.1-6.1-.1-13.2 0-19.1z' style='&%2310;'/%3E%3Cpath fill='%23fee272' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1-.1.3-20.3.1-27.1-.5zm425.3 328.4c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4.3-.3.2-1.1-.2-1.6zm131.1-531.9c.6.2 1.3-.2 1.4-.8v-.4c.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6v.1c-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5 5.8 1.3 12.7 2.9 18.5 4.3zm1-1.8c-.1-.1-.2-.2-.4-.2.2 0 .3.1.4.2z'/%3E%3Cg fill='%23eac5e7'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3l1.5 3.3c2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5-.4.2-.9.3-1.4.3zm40.8-51.3c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14 .4-.4.9-.6 1.4-.6zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4 2.1 1.7 4.1 3.6 5.8 5.7z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9l.2.2c1.4 1.4 3.7 1.5 5.2.2 1.7-1.2 1.8-3.6.4-5.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5v-2.3c0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1l-2.4.3zm4.5-69.4c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3v2.4c-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3-3.9-5.5-10.9-10.6-15.9-13.3-1.4-.8-2.4-1.1-2.9-1.1zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm522.6 327.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm310 196.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1-2.4 1.6-5 2.6-7.9 2.6zm-18.7-26.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3-5.7-3.9-14.7-5.8-21.4-4.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.c-services__item {
	background: #fff;
	padding: calc(var(--s2) - 0.6rem) var(--s1);
	border-radius: 25px;
	box-shadow: 0 7px 20px rgba(100, 28, 2, 0.135);
	-webkit-transition: all 300ms ease, -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 300ms ease, -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 300ms ease, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 300ms ease, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
	z-index: 1;
}

@media (min-width: 40.625em) {
	.c-services__item {
		-webkit-transform: translateY(-85px);
		transform: translateY(-85px);
	}
}

@media (min-width: 48em) {
	.c-services__item {
		-webkit-transform: translateY(-130px);
		transform: translateY(-130px);
	}
}

@media (min-width: 40.625em) {
	.c-services__item:nth-of-type(1) {
		grid-column: 1 / -1;
		grid-row: 4;
	}
}

@media (min-width: 62em) {
	.c-services__item:nth-of-type(1) {
		grid-column: 5 / -1;
		grid-row: 3;
	}
}

@media (min-width: 40.625em) {
	.c-services__item:nth-of-type(2) {
		grid-column: 1 / span 3;
		grid-row: 2;
	}
}

@media (min-width: 62em) {
	.c-services__item:nth-of-type(2) {
		grid-column: 3 / span 2;
		grid-row: auto;
	}
}

@media (min-width: 40.625em) {
	.c-services__item:nth-of-type(3) {
		grid-column: 4 / -1;
	}
}

@media (min-width: 62em) {
	.c-services__item:nth-of-type(3) {
		grid-column: 4 / -1;
		grid-row: 2;
	}
}

@media (min-width: 40.625em) {
	.c-services__item:nth-of-type(4) {
		grid-column: 1 / span 4;
	}
}

@media (min-width: 62em) {
	.c-services__item:nth-of-type(4) {
		grid-column: 1 / span 3;
	}
}

@media (min-width: 40.625em) {
	.c-services__item:nth-of-type(5) {
		grid-column: 5 / -1;
	}
}

@media (min-width: 62em) {
	.c-services__item:nth-of-type(5) {
		grid-column: 1 / span 4;
	}
}

@media (min-width: 40.625em) {
	.c-services__item:nth-of-type(6) {
		grid-column: 1 / span 4;
		grid-row: 1;
	}
}

@media (min-width: 62em) {
	.c-services__item:nth-of-type(6) {
		grid-column: 1 / span 2;
		grid-row: 1;
	}
}

.c-services__item h3 {
	color: #123b53;
	font-size: var(--s1);
	letter-spacing: -.04em;
	line-height: 1.2;
}

.c-services__item:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-radius: 25px 0;
	cursor: pointer;
	-webkit-transition: inherit;
	transition: inherit;
	background-color: var(--color-brand-accent);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
}

.c-services__item p {
    margin-top: var(--s-1);
    font-weight: 400;
    color: black;
    /*color: hsla(var(--color-brand-primary-h), var(--color-brand-primary-s), var(--color-brand-primary-l), 0.65);*/
}

.c-services__item:hover {
	background-color: #d2843d;
}

@media (min-width: 40.625em) {
	.c-services__item:hover {
		-webkit-transform: translateY(-93px);
		transform: translateY(-93px);
	}
}

@media (min-width: 48em) {
	.c-services__item:hover {
		-webkit-transform: translateY(-138px);
		transform: translateY(-138px);
	}
}

.c-services__item:hover h3 {
	color: #fff;
}

.c-services__item:hover p {
	color: rgba(255, 255, 255, 0.8);
}

.c-services__item:hover:after {
	background-color: #fff;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmI2ZjNjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
}



/*CONTACTO */
.two-column {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: var(--gap);
	align-items: stretch;
	/* Para que el contenido derecho ocupe el espacio restante */
}

/* Columna izquierda: base 30% */
.col-left {
	flex: 0 0 var(--left-width); /* no crece, no encoge, ancho = left-width */
	background: var(--bg-left);
	padding: 1rem;
	border-radius: 12px;
	box-shadow: 0 1px 4px rgba(15,20,30,0.04);
	min-width: 220px; /* evita que sea demasiado estrecha en pantallas medias */
}

/* Columna derecha: ocupa el resto */
.col-right {
	flex: 1 1 0%;
	background: var(--bg-right);
	padding: 1rem;
	border-radius: 12px;
	box-shadow: 0 1px 6px rgba(15,20,30,0.06);
	min-height: 180px;
	overflow: auto;
}

 

.small {
	font-size: .9rem;
	color: #595f66
}

 

/* Responsive: en pantallas pequeñas, apilar */
@media (max-width: calc(var(--breakpoint-stack) - 0px)) {
	.two-column {
		flex-direction: column;
	}

	.col-left {
		flex: 0 0 auto;
		width: 100%;
		min-width: auto;
		order: 0; /* izquierda arriba */
	}

	.col-right {
		width: 100%;
		order: 1;
	}
}

/* Opcional: layout alternativo donde la izquierda se queda fija (sticky) en pantallas grandes */
@media (min-width: calc(var(--breakpoint-stack) + 1px)) {
	.col-left {
		position: sticky;
		top: 1rem;
		height: calc(100vh - 2rem); /* evita solapamientos con padding del body */
		overflow: auto;
	}
}