@charset "utf-8";
/* CSS Document 
0. Reset
1. Layout
2. Generic Items
3. Parts of the web
4. List
5. Form
6 Animations
---------------------------
Colors:
	color1 -> #A35235
	color2 -> #b37b36
	color3 -> #f8dc22
	color4 -> #a8a8a9
	color5 -> #315a66
colorBarra -> #e69a4c
*/

/*0 Reset*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*1 Layout */
@font-face {
    font-family: 'bahnschrift';
    src: url('../font/bahnschrift.woff');
}
@font-face {
    font-family: 'Motorway';
    src: url('../font/Motorway.woff');
	
}
@font-face {
    font-family: 'RobotoCondeReg';
    src: url('../font/RobotoCondensedRegular.woff');
	
}
.afi_fuente_1 {font-family: 'Roboto', sans-serif;}
.afi_fuente_2 {font-family: 'Signika', sans-serif;}
.afi_fuente_ARRIBA {font-family: 'bahnschrift';text-transform: uppercase; color: black; font-size: 14px;  vertical-align: baseline; }
.afi_fuente_titulo {font-family: 'bahnschrift';text-transform: uppercase; color: white; font-size: 60px; text-align:center; padding: 50px}
.afi_fuente_titulo_proveedores {font-family: 'bahnschrift';text-transform: uppercase; color: black; font-size: 60px; text-align:center; padding: 50px}
.afi_fuente_titulo_carousel {font-family: 'bahnschrift';text-transform: uppercase; color: white; font-size: 40px; text-align:center; padding: 1px}
	.afi_fuente_subtitulo {font-family: 'bahnschrift';text-transform: uppercase; color: #A35235; font-size: 40px; text-align:center; padding: 20px}
	.afi_fuente_subtitulo2 {font-family: 'RobotoCondeReg';text-transform: uppercase; color: white; font-size: 30px; text-align:center; padding: 5px}
	.afi_fuente_menu {font-family: 'Motorway';text-transform: uppercase; color: white; font-size: 24px; text-align:center;}
.afi_fuente_cuertpo {font-family: 'RobotoCondeReg'; color: white; font-size: 28px/1.7; text-align:center; font-style: 100; line-height: 2;}
.afi_fuente_cuertpo_carousel {font-family: 'RobotoCondeReg'; color: white; font-size: 20px; text-align:center; font-style: 100; line-height: 2;}

@media screen and (max-width: 600px) {
	.afi_fuente_titulo_carousel {font-family: 'bahnschrift';text-transform: uppercase; color: white; font-size: 15px; text-align:center; padding: 1px}
.afi_fuente_titulo {font-family: 'bahnschrift';text-transform: uppercase; color: white; font-size: 40px; text-align:center; padding: 10px}
.afi_fuente_subtitulo {font-family: 'bahnschrift';text-transform: uppercase; color: #A35235; font-size: 30px; text-align:center; padding: 5px}
.afi_fuente_subtitulo2 {font-family: 'RobotoCondeReg';text-transform: uppercase; color: white; font-size: 25px; text-align:center; padding: 2px}
.afi_fuente_menu {font-family: 'Motorway';text-transform: uppercase; color: white; font-size: 14px; text-align:center;}
	.afi_fuente_cuertpo {font-family: 'RobotoCondeReg'; color: white; font-size: 20px/1.7; text-align:center; font-style: 100; line-height: 2;}
}

.header {display: flex; justify-content: center; align-items: center;}
.navbar {display: flex; justify-content: center; align-items: center; }
.list-servicios {display: flex; justify-content: center; align-items: center;}
.list-servicios figure { display: flex; justify-content: center;align-items: center; flex-flow: column;}
.formulario {
    margin: 10 10 10 10;
   /* text-align: center; */
    border-radius: 10px;
    border: 2px solid #666666;
    /* width: 250px;*/
	background-color: white;
	padding-block: 10px;
	padding-left: 10px;
padding-right: 10px;
}
.formulario2 {position: absolute;align-self: flex-end;}
/*2 Generic Items*/
.redes_sociales {padding-right: 5px;padding-left: 5px; }
.header {height: 450px; background: url("../imagenes2024/fondo_encabezado2.fw.webp") no-repeat center top; background-size: cover;} 
.header span{background:#00000090;border-radius:5vw;float:left;margin-top:1vw;width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2vw}

.estio_h1{font-size:2.5vw;font-weight:bold;text-align:center;width:100%;color:#dfdfdf}

.topnav {
  background-color: #e69a4c;
  overflow: hidden;
}
.topnav a {
  float: left;
  display: block;

  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
font-family: 'Motorway';text-transform: uppercase; color: white; 
}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
.topnav .icon {
  display: none;
	color: white;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
/* @media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
} */

.navbar {height: auto; background-color: #e69a4c;}
.ubicacion { background-color: #e69a4c;text-align:center;}
.nav-item a {color: white; padding: 0 25px; text-decoration: none; text-transform: uppercase; } 
.title {margin-bottom: 10px;  font: 60px 'afi_fuente_new'; text-transform: uppercase;}
.title2 {margin-bottom: 10px; font: 40px 'afi_fuente_1'; text-transform: uppercase; color: #A35235;}
.title3 {margin-bottom: 10px; font: 30px 'afi_fuente_1'; text-transform: uppercase; color: white;}
.footer {background-color: #e69a4c; color: white;font-family: 'RobotoCondeReg'; font-size: 20px; text-align:center;padding: 15px;}
p {margin-bottom: 40px;}

/*3 Parts of the web*/
.content {padding: 0px 0;}
.who { background: #315a66; color: white;}
.who p {max-width: 1050px; margin: 0 auto;}
.servicios {background: #b37b36;}
.profesionales {background: #315a66; color: white;}
.menu {background: white; color: white; padding: 5px; font-family: 'bahnschrift'; text-transform: uppercase; text-align:center; }
.contactenos {height: 550px; background: url(../img/fondos/webp/estudiando_contact.webp) no-repeat center top; background-size: cover; color:white; }
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
   position:absolute;
}
.serv_balanzas {height: 450px; background: url("../imagenes2024/fondo_balanzas.webp") no-repeat center top; background-size: cover; color:white; } 
.serv_pos {height: 450px; background: url("../imagenes2024/POS.webp") no-repeat center top; background-size: cover; color:white; } 
.serv_impr {height: 450px; background: url("../imagenes2024/serv_impresora.webp") no-repeat top; background-size: cover; color:white;} 
.serv_multi {height: 450px; background: url("../imagenes2024/proyectores.webp") no-repeat center top; background-size: cover; color:white;} 
.serv_comercio {height: 450px; background: url("../imagenes2024/cortador_Fiambre.webp") no-repeat center top; background-size: cover; color:white;} 
.btn-outline-success {border-color: white;color: white; font-family: 'bahnschrift'; text-transform: uppercase; text-align:center }
.btn-outline-info {border-color: black;color: black; font-family: 'bahnschrift'; text-transform: uppercase; text-align:center }
.btn-outline-menu {border-color: black;color: black; background-color: #f8dc22; border-radius: 15px; font-family: 'bahnschrift'; text-transform: uppercase; text-align:center;}
.btn-outline-menu:hover {border-color: whiet;color: white; background-color: #315a66;border-radius: 15px; font-family: 'bahnschrift'; text-transform: uppercase; text-align:center;}
/*4 List */
.list-servicios figure { position: relative; width:116px; height: 190px;}

  .list-services figure { position: relative; width: 116px; height: 190px;}
  .list-services figure:after {content: ""; position: absolute; top: 0; left: 0; border-radius: 50%; z-index: 0; background: #fff; width: 150px; height: 150px;}
    .list-services img {position: relative; z-index: 1;}
  .list-services li { padding: 0 10px; }
  .list-services figcaption { position: relative; left: 0; right: 0; bottom: -40px;}
.link_whatsapp {color:white; background-color: #3ABF4C;}
.fa-whatsapp  {
	
  color:#fff;
  background:
   linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat,
   radial-gradient(#25d366 58%,transparent 0);
}
.instagram .fab {
    font-size:20px;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#app-messenger, #app-whatsapp{
	position: fixed;
	right: 24px;
	bottom: 25px;
	width: 60px;
	z-index: 10100;
	display: none;
}
#app-whatsapp{
	bottom: 25px;
	display: block;
}
#app-messenger i, #app-whatsapp i{
	font-size: 63px;
}
#app-whatsapp i{
	color: #1ebea5;
}
#app-messenger i{
	color: #0084ff;	
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.fachada_local{border:3px #ffffff solid;border-radius:2%;height:100%;margin:0vw;width:100%;border-radius: 20px;border:13px #ffffff solid;}
/* .p1{height:545;width:100%;position:relative;float:left;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dfdfdf}
.p1 .fc{border:13px #ffffff solid;border-radius:2%;height:100%;margin:0vw;width:100%;} */