POLÍTICA DE PRIVACIDAD Tres Magnòlies Serveis Gent Gran, SL, en aplicación de la normativa vigente en materia de protección de datos de carácter personal, informa que los datos personales que se recogen a través de los formularios del Sitio web: https://www.tresmagnolias.com, se incluyen en los fich

pasted

create html file based on this

I'll create an HTML file based on the privacy policy document you provided. This HTML file will be structured to present the content in a clear and readable format.


Política de Privacidad - Tres Magnòlies
Interactive artifact 
The HTML file has been created with the following features:

Properly structured HTML5 document with appropriate meta tags
Responsive design with clean formatting and readability
Styled with CSS to create a professional appearance:
Consistent color scheme
Clear heading hierarchy
Proper spacing and margins
Styled lists for better readability
Responsive container with subtle shadow effect
All content from the original privacy policy is included and organized into sections
Clickable links for website URLs and email addresses
Footer with copyright information
The document maintains the bilingual nature of the original text (primarily Spanish with some Catalan company name elements) and preserves all the legal information regarding data protection, intellectual property, and user rights.

@import 'https://fonts.googleapis.com/css?family=Open+Sans'; body { width: 100%; margin: auto; background: #f7f8f9; } header { background: #e88235; width: 100%; height: 5em; position: fixed; top: 0; left: 0; z-index: 100; border-bottom: 1em solid #e88235;

pasted

now based it in this css global for the rest of website:
(include the styles in this stylesheet instead of in the original html file)

I'll create a new CSS file based on the provided global styles for the website, and then update the HTML file to reference this external stylesheet instead of having the styles embedded directly in the HTML.


Global CSS for Tres Magnolies Website
Code 
Now I'll update the HTML file to use the external stylesheet:


Política de Privacidad - Tres Magnòlies
Interactive artifact 





@import 'https://fonts.googleapis.com/css?family=Open+Sans';

body {
    width: 100%;
    margin: auto;
    background: #f7f8f9;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

header {
    background: #e88235;
    width: 100%;
    height: 5em;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    border-bottom: 1em solid #e88235;
}

.link {
    color: black;
    text-decoration: none; /* Removes the underline */
}

#navul {
    list-style: none;
}

#navul li {
    display: inline-block;
    float: left;
    padding-top: 0.1em;
    padding-left: 0.5em;
}

a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#index-revista {
    color: rgb(0, 0, 0);
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: grey;
}

#logo {
    margin: 1.3em;
    float: left;
    width: 15em;
    height: 3em;
    background: url(../images/logo.png) no-repeat center;
    display: block;
}

nav {
    float: right;
    padding: 1em;
    font-family: 'Open Sans', sans-serif;
}

#menu-icon {
    background: url(../images/menu-icon.png) no-repeat center;
    display: hidden;
    padding-top: 2em;
    width: 32px;
    height: 32px;
}

video {
    z-index: 0;
    top: 6em;
    display: relative;
    width: 100%;
    height: auto;
}

.line-separator {
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 3em;
    height: 0.1px;
    background: #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

.content {
    font-family: Georgia;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 1em;
    max-width: 1000px;
}

.centre {
    display: block;
    margin: 0 auto;
    max-width: 30em;
    border-style: solid;
    border-width: 1px;
}

h1 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: #2c5282;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 2px solid #2c5282;
}

h2 {
    color: #2c5282;
    margin-top: 30px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 5px;
}

h3 {
    color: #2c5282;
    margin-top: 20px;
}

.anchor {
    position: relative;
    padding-top: 4em;
}

.svg {
    display: block;
    margin: 0 auto;
    width: 15em;
}

img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}

.services {
    display: inline-block;
    list-style: circle;
    list-style-type: disc;
}

.iframe {
    width: 80%;
    max-width: 1000px;
    height: 20em;
    display: block;
    margin: 0 auto;
    margin-top: -3em;
    padding-bottom: 2em;
}

.visit {
    width: 80%;
    max-width: 1000px;
    display: block;
    margin: 0 auto;
    margin-top: -3em;
    padding-bottom: 2em;
}

.adress {
    margin-top: -1em;
}

.telephone {
    color: black;
}

.directions {
    margin-left: 1em;
}

.footer {
    background: #e88235;
    display: block;
    width: 100%;
    height: 8em;
}

.icons_block {
    text-align: center;
    position: relative;
}

.icons {
    margin: 0 auto;
    display: inline-block;
    width: 3em;
    height: auto;
    margin-top: 1em;
    padding: 1em;
}

.footer2 {
    background: white;
    display: block;
    width: 100%;
    height: 4em;
    color: black;
    text-align: center;
    padding-top: 1em;
}

.footer2 a {
    color: black;
    text-decoration: underline;
}

.footer2 a:hover {
    color: grey;
}

.credits {
    color: #e88235;
}

/* LOGIN FORM */

#form {
    font-family: Georgia;
    font-size: 1.2em;
    padding-top: 5em;
    position: absolute;
    display: block;
    margin-left: 20px;
}

.loginHeader {
    position: relative;
}

#form input {
    font-size: 0.8em;
}

.submit {
    border: solid 0px #cf761d;
    color: #ffffff;
    padding: 0.2em 1em;
    background-color: #e88235;
}

/* CAMS */

.camgrid {
    width: 60%;
    margin: 0 auto;
    overflow: auto;
}

.camgrid p {
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto;
    padding-top: 1em;
    text-align: center;
}

.camgrid ul {
    list-style-type: none;
}

.camnail {
    float: left;
    margin: 0.5em;
    width: 15em;
}

/* PRIVACY POLICY SPECIFIC STYLES */

.privacy-container {
    background-color: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin-top: 7em; /* To account for fixed header */
}

.privacy-container ul {
    padding-left: 20px;
}

.privacy-container li {
    margin-bottom: 10px;
}

.privacy-container p {
    margin-bottom: 15px;
}

.privacy-footer {
    margin-top: 40px;
    text-align: center;
    font-size: 0.9em;
    color: #718096;
    border-top: 1px solid #e2e8f0;
    padding-top: 20px;
}

/* MEDIA QUERY */

@media (min-width: 799px) {
    #navul li {
        display: inline-block;
        float: left;
        padding-top: 0.1em;
        padding-left: 0.5em;
    }
}

@media (max-width: 799px) {
    #menu-icon {
        display: inline-block;
    }
    nav ul,
    nav:active ul {
        display: none;
        position: absolute;
        padding: 20px;
        background: black;
        right: 1em;
    }
    
    .privacy-container {
        width: 95%;
        padding: 15px;
    }
}