<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --blanco: rgb(255, 255, 255);
    --amarillo-claro: rgb(250, 245, 162);
    --amarillo-huevo: rgb(255, 208, 0);
    --azul-cian: rgb(0, 117, 167);
    --celeste-tenue: rgb(231, 243, 250);
    --celeste: rgb(62, 179, 214);
    --rojo-fuccia: rgb(222, 22, 44);
    --gris: rgb(128, 128, 128);
    --gris-intenso: rgb(90, 90, 90);
    --gris-tenue: rgb(232, 232, 232);
    --gris-suave: rgb(214, 214, 214);
    --gris-claro: rgb(204, 204, 204);
    --gris-medio: rgb(154, 154, 154);
    --gris-azulado-medio: rgb(27, 32, 39);
    --gris-azulado-oscuro: rgb(34, 41, 49);
    --negro: rgb(0, 0, 0);
    --negro-opaco: rgb(24.24.24);
    --salmon-fuerte: rgb(255, 99, 71);
    --verde: rgb(7, 112, 66);
    --verde-esmeralda: rgb(2, 135, 69);
    --verde-limon-oscuro: rgb(33, 135, 2);
    --verde-esmeralda-claro: rgb(184, 220, 201);
    --verde-fluor: rgb(111, 255, 0);
    --verde-manzana-fluor: rgb(77, 255, 0);
    /* ------------------------------- */
    /* ^ up link */
    --up-link-fondo: var(--rojo-fuccia);
    --up-link-borde: var(--blanco);
    --up-link-fuente: var(--blanco);
    /* --- header - */
    --header: var(--gris-azulado-oscuro);
    --header-admin: var(--verde);
    /* --- footer - */
    --footer-fondo: var(--gris-azulado-medio);
    --footer-fuente: var(--gris-medio);
    --footer-item-title-fuente: var(--blanco);
    /* - */
    --footer-end-fondo: var(--gris-azulado-oscuro);
    --footer-end-fuente: var(--gris-claro);
    /* - */
    --footer-company-fuente: var(--salmon-fuerte);
    --footer-company-degrade: -webkit-linear-gradient(yellow, red);
    --footer-company-subtitle: var(--blanco);
    /* - */
    --footer-net-icon-hover: var(--blanco);
    /* - */
    --footer-link-contacto-fuente: var(--blanco);
    --footer-link-contacto-hover: var(--rojo-fuccia);
    /* otros */
    --cont-max-box-fondo: var(--blanco);
    --gral-page-description-fuente: var(--rojo-fuccia);
    --gral-slogan-fondo: var(--rojo-fuccia);
    --intro-subtitle-fondo: var(--gris-tenue);
    --intro-subtitle-borde: transparent;
    --borde-sombra: var(--gris-suave);
    --font-italic-fuente: var(--gris);
    --item-data-content-fuente: inherit;
    /* form */
    --form-borde: var(--gris-claro);
    --form-error-fuente: var(--rojo-fuccia);
    --form-part-title-fondo: var(--gris-tenue);
    --form-part-table: var(--blanco);

    --campos-borde: var(--gris-suave);
    --campos-fondo: var(--celeste-tenue);
    --campos-fondo: var(--celeste-tenue);
    --campos-foco-outline: var(--celeste);
    --btn-fuente: var(--blanco);
    --btn-borde: var(--blanco);
    --btn-borde-hover: var(--gris-medio);
    --btn-neutro-fondo: var(--gris);
    --btn-reset-fondo: var(--azul-cian);
    --btn-submit-fondo: var(--rojo-fuccia);
    --btn-cancel-fondo: var(--azul-cian);
    --btn-delete-fondo: var(--negro);
    --btn-select-fondo: var(--verde-limon-oscuro);
    --btn-delete-row-fuente: var(--rojo-fuccia);
    --btn-delete-row-fondo: var(--blanco);
    --btn-delete-row-borde: var(--gris-claro);
    --btn-delete-row-fuente-hover: var(--blanco);
    --btn-delete-row-fondo-hover: var(--rojo-fuccia);
    --btn-delete-row-borde-hover: var(--gris-claro);
    /* popup */
    --cont-popup-fondo: rgba(0, 0, 0, 0.333);
    --popup-fondo: var(--blanco);
    --popup-borde: var(--negro);
    --popup-head-fondo: var(--amarillo-claro);
    --popup-upload-fuente: var(--verde-esmeralda);
    --popup-error-fuente: var(--blanco);
    --popup-error-fondo: var(--gris);
    --popup-delete-fuente: var(--rojo-fuccia);
    /* productos catalogo (index) y producto individual*/ 
    --producto-fondo-1: linear-gradient(to bottom right, rgb(115, 174, 231), rgb(0, 0, 0));
    --producto-fondo-2: linear-gradient(to bottom right, rgb(73, 188, 211), rgb(0, 0, 0));
    --producto-hover-borde: var(--negro-opaco);
    --producto-hover-title-fondo: var(--negro);
    --producto-hover-title-fuente: var(--verde-manzana-fluor);
    --producto-title-fuente: var(--blanco);
    --producto-title-fondo: linear-gradient(to bottom right, rgb(50, 50, 50), rgb(0, 0, 0));
    /* admin productos (listado)*/
    --tabla-col-1-borde:var(--gris-claro);
    --tabla-col-1-fondo:linear-gradient(to bottom right, rgb(243, 242, 235), rgb(201, 195, 182));
    --tabla-col-2-:var(--gris-claro);
    --tabla-col-2-title-fondo:var(--gris-tenue);
    --btn-link-borde:var(--gris-claro);
    --btn-link-hover-fondo:var(--gris-tenue);
    --btn-link-hover-borde:var(--gris);
    --btn-editar-fuente:var(--verde);
    --btn-eliminar-fuente:var(--rojo-fuccia);
    --btn-publicar-fuente:var(--azul-cian);
    --btn-no-publicar-fuente:var(--salmon-fuerte);
    /* admin producto (individual) */
    --tecno-items-fondo:var(--blanco);
    --tenco-items-celdas-borde:var(--gris-claro);
    --item-pro-uno-borde:var(--gris-claro);
    --item-pro-uno-hover-borde:var(--gris-intenso);
    --item-pro-uno-hover-foot-fuente:var(--blanco);
    --item-pro-uno-hover-foot-fondo:var(--rojo-fuccia);
    --item-pro-uno-hover-img-add-fondo:var(--verde-esmeralda);
    --item-pro-uno-hover-vid-add-fondo:var(--verde-esmeralda);
    --public-info-fuente:var(--rojo-fuccia);
}

ul,
ol,
li {
    list-style: none;
}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /* - */
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 1.5rem;
}

#up {
    position: fixed;
    z-index: 2;
    bottom: -55px;
    right: 30px;
    /*  */
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    color: var(--up-link-fuente);
    background-color: var(--up-link-fondo);
    border: solid 2px var(--up-link-borde);
    border-radius: 50%;
    padding: 7px 10px 10px 10px;
    width: 45px;
    height: 45px;
    transition: .5s;
}

/** Cajas contenedoras 100% **/
.header,
.branding,
.container,
.back-block,
.footer {
    width: 100%;
    max-width: 2000px;
    margin: auto;
}

.empresa {
    font-weight: bold;
}

/* --------- Generales blocks 100% --------- */
.container {
    position: relative;
    padding: 5rem 0;
}

.cont-max-width {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    /* - */
    padding: 2rem;
    max-width: 1000px;
    margin: auto;
}

.cont-max__box {
    flex: 1;
    position: relative;
    /* - */
    min-width: 350px;
    background-color: var(--cont-max-box-fondo);
}

.gral-page-description {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    color: var(--gral-page-description-fuente);
    padding: 1rem;
}

.gral-title {
    font-size: 2.8rem;
    text-align: center;
    padding: 2rem 1rem 1rem 1rem;
}

.gral-content {
    padding: 1rem;
    text-align: center;
}

.gral-slogan {
    color: #fff;
    font-size: 2rem;
    text-align: center;
    background-color: var(--gral-slogan-fondo);
    padding: 5rem 0rem;
    margin: 0.5rem 0rem;
}

.intro__title {
    width: 100%;
    font-size: 3.2rem;
    font-weight: bolder;
    text-align: center;
    padding: 3rem 0;
}

.intro__subtitle {
    font-size: 2rem;
    text-align: center;
    padding: 1rem 1rem;
    background-color: var(--intro-subtitle-fondo);
    /*  */
    border: 1px solid var(--intro-subtitle-borde);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

/* ----------- SecciÃ³n TESTIMONIOS ----------- */

.borde-sombra {
    border-radius: 10px;
    box-shadow: 5px 5px 15px var(--gris-suave);
}

.font-italic {
    font-style: italic;
    color: var(--font-italic-fuente) !important;
}



/* ----------- Termina el MAIN ----------- */

/* ----------- RESPONSIVE DESIGN ----------- */
@media screen and (max-width: 700px) {
    #up {
        font-size: 2.5rem;
        right: 15px;
        padding: 4px 6px 6px 6px;
        width: 35px;
        height: 35px;
    }

    .item-side {
        display: none;
    }

    .gral-page-description {
        font-size: 2rem;
    }

    .gral-slogan {
        font-size: 2rem;

    }
}</pre></body></html>