* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* Prevent padding from breaking width */
}

html, body {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	
}

body {
  min-height: 100vh; /* Ensure body takes at least viewport height */
  display: flex;
  flex-direction: column; /* Stack children vertically */
}

.content {
  flex: 1; /* Critical: Takes remaining space, pushing footer down */
  padding: 2rem;
}

:root {
    --one-unit: 1vw;
    --section-max-width: 9999px;
    --spx-stopper-max: 9999px;
    --spx-stopper-min: 0px;
    --browser-zoom: 1;
}

@supports (container-type:inline-size) {
    :root {
        --one-unit: 1cqw;
    }
}

#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}


.oswald-medium {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

#menu {
	background-color: #fff7f7;
	position: static;
	font-family: "Oswald";
	font-size: 18px;
	font-weight: 400;
	display: flex;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	text-align: center;
	justify-content: center;
	align-items: center; /* Vertically centers items */
}

#menu a {
	color:#000000;
	text-decoration: none;
}

#menu a:hover {
	color:#ff0000;
	text-decoration: none;
}


#header {
	background-color: #fff7f7;	
	position: relative;
	width:100%;
	height: 350px;
	display: flex;
    flex-wrap: nowrap; 
}

#trasteros {
	background-color: #fff7f7;
	display: flex;	
	color:#000000;
	font-family: "Oswald";
	font-size: calc(20px + 4vw);
	font-weight: 500;
	height: 300px;
	min-height: 350px;	
	width: 65%;
	justify-content: flex-end;
	text-align: center;
	align-items: center; /* Vertically centers items */
}

#logo {
	background-color: #fff7f7;
	display: flex;
	height: 350px;
	width: 35%;
	justify-content: center;
	text-align: center;	
	align-items: center; /* Vertically centers items */
}

.cab-contact {
	font-family: "Oswald";
	font-size: calc(20px + 2vw);
	font-weight: 500;
}

#contacto a {
	color:#000000;
}
#contacto a:hover {
	color:#ff0000;
}


#contacto {
	background-color: #fff;
	position: relative;

	font-family: 'Futura LT';
    font-style: normal;
    font-weight: 400;
	font-size: calc(8px + 0.8vw);
	
	display: block;
	top: 0px;
	left: 60px;
	width: 80%;
	height: 400px;
}

.cab-contact-frm {
	font-family: "Oswald";
	font-size: calc(20px + 2vw);
	font-weight: 500;
	color: #fff;
}
#contacto-frm-container {
	background-color: #EF5858;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;	
	align-items: center; /* Vertically centers items */
	bottom: 20px;
}

#contacto-frm {
	font-family: 'Futura LT';
    font-style: normal;
    font-weight: 400;
	font-size: calc(8px + 0.8vw);
	color: #fff;
		
	top: 0px;
	left: 0px;
	width: 45%;
	height: 200px;	
	justify-content: center;
	text-align: center;	
	align-items: center; /* Vertically centers items */
}


#contacto-form-container{
	display: flex;
    flex-wrap: nowrap;
}

#contacto-form-info {
	border: 1px solid blue;
	display: flex;
	justify-content: center;
	text-align: center;	
	align-items: top; /* Vertically centers items */	
	background: #6E88CD;
	background: linear-gradient(90deg, rgba(110, 136, 205, 1) 0%, rgba(90, 127, 208, 1) 50%, rgba(31, 101, 220, 1) 100%);
	width: 40%;
	font-family: "Futura LT";
	font-size: calc(8px + 0.9vw);
	font-weight: 300;
	color: #fff;
}

.info-tbl {
	width: 450px;
	height: 300px;
}

.info-tbl td {
	padding: 10px;
}

#contacto-form{
	border: 1px solid green;
	display: flex;
	justify-content: center;
	text-align: center;	
	align-items: center; /* Vertically centers items */
background: #6E88CD;
background: linear-gradient(270deg, rgba(110, 136, 205, 1) 0%, rgba(90, 127, 208, 1) 50%, rgba(31, 101, 220, 1) 100%);	
	width: 60%;
	font-family: "Futura LT";
	font-size: calc(8px + 0.9vw);
	font-weight: 300;
	color: #fff;
}

#svg-icon {
	height:32px;
	color: #fff;
}

#ftm-btn-submit {
	font-family: "Futura LT";
	font-size: calc(8px + 0.9vw);
	font-weight: 300;
	color: #fff;
	background-color: #EF5858;
	
}

hr {
  border: none;
  height: 3px;
  /* Set the hr color */
  color: #999;  /* old IE */
  background-color: #999;  /* Modern Browsers */
}

#separator {
	margin: 0px;
	padding: 0px;
	background-color: #fff7f7;
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
}

.cab-info {
	font-family: "Oswald";
	font-size: calc(18px + 1.8vw);
	font-weight: 500;
	color: #fff;
}

.cab-conocernos	{
	font-family: "Oswald";
	font-size: calc(18px + 1.8vw);
	font-weight: 500;
	color: #000;
}

#info-container {
	margin: 0px;
	padding: 0px;
	background-color: #EF5858;
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	bottom: 20px;
}

#info {
	top: 0px;
	left: 0px;
	margin-left: 60px;
	font-family: "Futura LT";
	font-size: calc(8px + 0.9vw);
	font-weight: 300;
	color: #000;	
}

#politica-privacidad-container, #politica-cookies-container, #aviso-legal-container, #envio-container {
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

#politica-privacidad, #politica-cookies, #aviso-legal, #envio {
	top: 0px;
	left: 0px;
	margin-left: 60px;
	width: 90%;
	font-family: "Futura LT";
	font-size: calc(8px + 0.9vw);
	font-weight: 300;
	color: #000;		
}

#copyright-container {
	text-align: center; /* Centers inline-block elements */
	position: relative;
	top:10px;
}


#copyright a{
	color: #000;
}
#copyright a:hover{
	color: #ff0000;
}

#copyright {	
	padding: 10px;
	background-color: #fff;
	
	font-family: 'Futura LT';
    font-style: italic;
    font-weight: 400;
	font-size: calc(7px + 0.5vw);
	
	display: inline-block;
	width: 80%;
	height: 100px;
	justify-content: flex-start;
	align-items: center; /* Vertically centers items */	
}



#frm-contact{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;	
	align-items: center; /* Vertically centers items */
}

.frm-tbl {
	width: 75%;
}

.frm-tbl td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

#ftm-btn-submit {
}

.form-required {
	color: #EF5858;
}