t@charset "utf-8"; /* CSS Document */ /*Reseteo Universal*/ html{ font-size:16px; } *{ border:0; box-sizing:border-box; margin:0; padding:0; text-decoration:none; } :focus { outline:0; } body{ opacity: 0; animation: fadeIn 2s forwards; /*background:#FFF;*/ /*background:url('../img/fondo.jpg');*/ background:#FDF1F3; /*color:#020100;*/ /*color:#312d2e;*/ color:#737677; font-family: 'Montserrat', sans-serif; font-size:1rem; font-weight:normal; line-height:1rem; margin:0; padding:0; } body{ opacity: 0; animation: fadeIn 2s forwards; /*background:#FFF;*/ /*background:url('../img/fondo.jpg');*/ background:#FDF1F3; /*color:#020100;*/ /*color:#312d2e;*/ color:#737677; font-family: 'Montserrat', sans-serif; font-size:1rem; font-weight:normal; line-height:1rem; margin:0; padding:0; } @keyframes fadeIn { to { opacity: 1; } } /*Fuentes*/ .Niconne{ font-family: 'Niconne', cursive; } .inter { font-family: "Inter", sans-serif; font-style: normal; } .Montserrat{ font-family: "Montserrat", serif; } /*.BacasimeAntique { font-family: 'Bacasime Antique', serif; } .CormorantInfant { font-family: 'Cormorant Infant', serif; } .Lato{ font-family: 'Lato', sans-serif; } .Archivo { font-family: "Archivo Black", serif; } .fredoka { font-family: "Fredoka", serif; }*/ /*Header*/ #header{ border:0px solid #00dd00; /*background:#DD2D4A;*/ /*background:#779BE7;*/ /*background:#91E3F6;*/ background:#880D1E; /*border-bottom-right-radius:1.6rem;*/ /*border-bottom-left-radius:1.6rem;*/ /*border-radius:2rem;*/ /*border-bottom:1px solid #EFCC94;*/ /*height:6rem;*/ height:9rem; /*padding-top:0.3rem;*/ position: fixed; top:0; transition: top 0.5s; width:100%; /*z-index:99999;*/ /*z-index:999;*/ z-index:999999; } .head__wrap{ border:0px solid #3366cc; display:flex; flex-direction:row; justify-content:space-between; align-items:center; /*height:9rem;*/ height:6rem; } .head__top{ background:#DD2D4A; /*background: #12A19A;*/ display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0.3rem; } .head__left{ border:0px solid #00dd00; /*padding:0.5rem 2rem;*/ padding:0 0 0 2rem; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; /*text-align:left;*/ width:16%; } .head__center{ border:0px solid #ffcc00; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; width:74%; } .head__slogan { color:#F26A8D; font-size:1.2rem; font-family: "Montserrat", serif; } .head__phone{ color:#FFF; font-size:1.4rem; height:auto; margin:0 1rem; } .head__right{ border:0px solid #000; padding:0.5rem 0.3rem; text-align:right; width:10%; } .head__social-search{ border:0px solid #cc0000; display:flex; flex-direction:row; justify-content:center; align-items: center; } .head__social{ border:0px solid #ffcc00; color:#DD2D4A; cursor:pointer; display:flex; flex-direction:row; font-size:1.6rem; justify-content:center; align-items:center; margin:0 1rem; } .head__social-item{ background:#7D2CA0; /*background:#15BCB4;*/ border-radius:1.3rem; color:#FFF; margin:0 0.2rem; padding:0 0; transition:all 0.3s ease-out; } .head__social-item:hover{ color:#F49CBB; /*color:#DD2D4A;*/ } .head__searchwrap-pc{ position: fixed; width: 320px; background-color:#ffffff; right:0%; /*top:-0.8rem;*/ top:0; height: 100%; overflow: hidden; transform:translate(100%); transition: all 0.5s ease; z-index: 1099; } .header__menu{ height:auto; width:auto; } /*Search*/ .search-overlay{ position: fixed; background-color: rgba(0,0,0,0.5); left:0; top:0; width: 100%; height: 100%; z-index: 1098; visibility: hidden; opacity:0; transition: all 0.5s ease; } .search-overlay.active{ visibility: visible; opacity:1; } .search__wrap{ display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; padding:1rem; width:100%; } .search__titlewrap{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:2rem; width:100%; } .search__title{ color:#880D1E; font-family: 'Niconne', cursive; font-size:1.8rem; } .search__close{ font-family:'Montserrat', serif; color:#880D1E; cursor: pointer; font-size:1.6rem; } .search__textbox{ margin-bottom:1rem; width:100%; } .search__button{ background:#880D1E; /*border-radius:0.4rem;*/ color:#FFF; cursor:pointer; font-family: "Montserrat", serif; font-size:0.9rem; height:auto; margin:0 auto; padding:0.2rem; text-align:center; transition:all 0.3s ease-in; width:100%; } .search__button:hover{ background:#F26A8D; color:#FFF; } /*Header Data*/ .head{ /*border-bottom:1px dotted #CCC;*/ box-shadow: 10px 10px 10px 1px rgba(0, 0, 0, 0.1); align-items:center; /*background:#FFE9F3;*/ background:#fff; /*background:#FFF;*/ display:flex; flex-direction:column; height:13rem; /*height:7rem;*/ width:100%; z-index:999; } .head:nth-child(1) { order: 1; } .head:nth-child(2) { order: 2; } .head:nth-child(3) { order: 3; } .head:nth-child(4) { order: 4; } .head:nth-child(5) { order: 5; } .head__menu{ border:0px solid #00dd00; flex: 0 0 auto; text-align:center; } /*Flex: grow(ampliar) shrink(contraer) basis(ancho base)*/ .head__vacio{ border:0px solid #00dd00; /*flex: 1 1 auto;*/ width:3%; text-align:center; } .head__logo{ border:0px solid #CC0000; /*flex: 2 1 auto;*/ width:100%; /*padding-left:1rem;*/ padding:0.5rem 0 0.5rem 0; text-align:center; } .head__logo-img{ border:0px solid #CC0000; height:auto; /*max-width:200px;*/ max-width:180px; min-width:180px; /*max-width:280px; min-width:200px;*/ /*padding:1rem 0;*/ margin-top:0; width:100%; } .head__shoppingcar{ border:0px solid #3366cc; /*flex: 1 1 auto;*/ width:auto; font-size:0.8rem; /*padding-right:2rem;*/ margin:0.4rem; position:relative; text-align:center; } .head__shoppingcar-span{ color:#EFCC94; cursor:pointer; font-size:1.9rem; vertical-align:middle; transition:all 0.3s ease-out; } .head__shoppingcar-span:hover{ color:#F26A8D; } .head__shoppingcar-data{ background:#F26A8D; border-radius:0.875rem; color:#FFF; cursor:pointer; height:1.75rem; opacity:0.8; /*padding-top:0.4rem;*/ padding-top:0.4rem; position:absolute; /*right:1rem;*/ right:-0.4rem; text-align:center; top:-1rem; width:1.75rem; } .head__search{ border:0px solid #000; color:#737677; /*flex: 2 1 auto;*/ width:auto; font-size:1.5rem; margin:0.4rem; text-align:center; } .head__search-wrap{ border:0px solid #ffcc00; vertical-align:middle; margin:0.2rem auto; padding:0.2rem 0; text-align:right; /*width:90%;*/ } .head__search-textbox{ border:0px solid #3366cc; background:#FFE9F3; display:inline-block; width:70%; } .head__search-span{ border:0px solid #cc0000; /*background:#FFF;*/ color:#EFCC94; cursor:pointer; padding:0; vertical-align:middle; } .head__search-span:hover{ color:#F26A8D; transition:all 0.3s ease-out; } .head__search-wrap-movil{ border:0px solid #000; background:#F5E6EA; color:#737677; display:none; font-size:1.5rem; height:auto; padding:0.5rem; text-align:center; width:100%; } .head__search-span-movil{ border:0px solid #ffcc00; display:none; color:#FFFFFF; cursor:pointer; padding:0 0.2rem; vertical-align:middle; } .head__telephone{ border:0px solid #cc0000; color:#737677; display: flex; flex-direction:row; justify-content:center; align-items:center; /*flex: 2 1 auto;*/ width:29%; font-family:'Montserrat', serif; font-weight:normal; font-size:2.4rem; text-align:center; } .head__telephone-span{ color:#FF85C4; font-size:2rem; padding:0 0.2rem; margin:0 0.5rem; vertical-align:middle; } .head__title{ border:0px solid #cc0000; color:#000; flex: 2 1 auto; font-size:1.8rem; line-height:2rem; padding-right:2rem; text-align:right; } .head__button{ /*background:#FFF;*/ font-family: 'Montserrat', serif; font-size:1.5rem; color:#737677; } .head__button--movil{ background:#EBEDEE; } .gradiente{ height:0.5rem; width:100%; } .gradiente--dorado{ background-image:linear-gradient(90deg, #dcb65b, #f3d87f, #feeb92); } /*Enlaces*/ a{ color:#555; font-family:'Lato', sans-serif; font-size:1rem; /*text-decoration:underline;*/ text-decoration:none; transition:all 0.3s ease-out; } a:hover{ color:#DD2D4A; text-decoration:none; } /*Formularios*/ .textbox{ border:1px solid #C8CACB; /*border-radius:0.3rem;*/ margin:0.1rem 0; background:#FFF; font-family: 'Montserrat', sans-serif; font-size:0.8rem; padding:0.5rem; vertical-align:middle; width:100%; } .textbox--search{ border:1px solid #fce0e4; /*border-bottom:1px solid #F26A8D;*/ color:#666; font-size:1rem; height:auto; width:100%; } .textbox--message{ height:8rem; width:100%; } .textbox--message-mini{ height:3rem; width:100%; } .textbox--grey{ color:#737677; } /*Textos*/ h1{ display:inline-block; /*color:#DD2D4A;*/ color:#880D1E; font-family: 'Niconne', cursive; font-size:2.4rem; font-weight:normal; line-height:2.2rem; padding:0; } h2{ color:#737677; font-family: "Montserrat", serif; font-size:1.4rem; font-weight:normal; line-height:1.6rem; } h3{ color:#737677; font-family:'Inter', sans-serif; font-size:1.2rem; font-weight:normal; line-height:1.2rem; } p{ color:#737677; font-family:'Inter', sans-serif; font-size:1rem; line-height:1.2rem; margin:1rem 0; } .h1--alterna{ /*color:#EFCC94;*/ color:#880D1E; } /*Lineas*/ hr { /*border:0; height:1px; background-color:#FF499E;*/ border-bottom:1px dotted #FF499E; height:1px; } .hr-dotted { border-bottom:1px dotted #F49CBB; height:1px; } /*Overlay y Popup*/ .overlay { align-items:center; justify-content:center; background: rgba(0,0,0,0.5); /*background: rgba(255,255,255,0.9);*/ /*background: rgba(229,204,207,0.8);*/ bottom:0; display:flex; left:0; position:fixed; right:0; top:0; visibility: hidden; z-index:9999999; } .overlay--active { visibility: visible; } .overlay__img { margin: auto; margin-top:6.25rem; text-align:center; } .popup { /*background: #F8F8F8;*/ /*background:#FDF1F3;*/ background:#FFF; border:0px solid #DD2D4A; border-radius:0.3rem; box-sizing:border-box; color:#737677; /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);*/ /*border-radius:3px;*/ font-family: 'Lato', sans-serif; /*padding: 20px;*/ padding:2rem; text-align: center; width:50%; transition: .3s ease all; transform: scale(0.7); opacity: 0; } .popup_cerrar{ /*background:#FFF; border:1px solid #DD2D4A;*/ position:absolute; padding:0.5rem; /*right:-30px; top:-20px;*/ right:0.5rem; top:0.5rem; } .popup__btn-cerrar { color:#DD2D4A; display: block; font-size:1.4rem; line-height:1.4rem; text-align: right; transition: .3s ease all; } /*Iconos Flotantes*/ .floaticons__whatsapp{ /*background:url(../img/whatsapp.png);*/ background:#EFCC94; background-size:2.6rem 2.6rem; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); /*bottom:1.25rem;*/ bottom:7.3rem; color:#FFF; /*left:1.25rem;*/ right:1.25rem; cursor:pointer; font-size:2.6rem; filter:alpha(opacity=7); opacity:0.7; height:2.6rem; margin:auto; position:fixed; border-radius:999px; width:2.6rem; z-index:99999; } .floaticons__whatsapp-pulse1 { animation:pulse1-whatsapp 2s linear infinite; border:3px solid rgba(255,255,255,.1); border-radius:999px; /*bottom:1rem;*/ bottom:7.1rem; box-shadow:inset 0px 0px 15px 10px #EFCC94; /*left:1rem;*/ right:1rem; height:3rem; margin:auto; opacity:0; position:fixed; width:3rem; z-index:99991; } .floaticons__whatsapp-pulse2 { animation:pulse2-whatsapp 2s linear infinite; border:1px solid rgba(255,255,255,0); border-radius:999px; /*bottom:1rem;*/bottom:7.1rem; box-shadow:inset 0px 0px 12px 5px #EFCC94; /*left:1rem;*/ right:1rem; height:3rem; margin:auto; opacity:0; position:fixed; width:3rem; z-index:99992; } @keyframes pulse1-whatsapp { 0% { transform:scale(.6); opacity:0; } 50% { transform:scale(.6); opacity:0; } 60% { transform:scale(.9); opacity:.1; } 70% { transform:scale(1.1); opacity:.25; } 80% { transform:scale(1.25); opacity:.1; } 100% { transform:scale(1.4); opacity:0; } } @keyframes pulse2-whatsapp { 0% { transform:scale(.6); opacity:0; } 40% { transform:scale(.8);opacity:.05;} 50% { transform:scale(1); opacity:.1; } 60% { transform:scale(1.1); opacity:.3; } 80% { transform:scale(1.2); opacity:.1; } 100% { transform:scale(1.3); opacity:0;} } .floaticons__phone{ /*background:url(../img/phone.png);*/ background:#DD2D4A; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); border:0 solid #FFF; background-size:2.6rem 2.6rem; bottom:4.3rem; color:#FFF; display:flex; filter:alpha(opacity=7); opacity:0.7; justify-content:center; align-items:center; /*left:1.25rem;*/ right:1.25rem; cursor:pointer; font-size:2.6rem; height:2.6rem; margin:auto; position:fixed; border-radius:999px; width:2.4rem; z-index: 99999; } /*.floaticons__gototop{ background:#00CCC1; bottom:1.25rem; color:#FFF; cursor:pointer; display:none; font-size:1.25rem; filter:alpha(opacity=7); opacity:0.7; right:1.25rem; padding:1.25rem; position:fixed; z-index:99999; }*/ .floaticons__gototop{ /*background:#00CCC1;*/ background:#F26A8D; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); border-radius:999px; bottom:1.25rem; color:#FFF; cursor:pointer; display:none; font-size:2.6rem; filter:alpha(opacity=7); opacity:0.7; right:1.25rem; padding:0rem; position:fixed; z-index:99999; } /*Menu Principal*/ /*.nav{ width:100%; z-index:1000; } .nav__bar { display:none; } .nav__ul-one{ display:flex; justify-content:space-between; list-style:none; } .nav__li-one{ display:inline-block; flex: 1 1 auto; padding:0; position: relative; text-align:center; transition: all 0.5s ease; } .nav__li-one--base{ background:#FF00AA; } .nav__li-one .nav__children { display:none; position:absolute; width:100%; z-index:1000; } .nav__children{ padding:5rem 0; } .nav__li-one:hover .nav__children { display:block; } .nav__children--base{ background:#F5E6EA; } .nav__li-two{ display:block; overflow:hidden; border-bottom:0px solid rgba(255,255,255,.5); padding:0.3rem 0; } .nav__link, .nav__children-link{ color:#FFF; display:block; text-decoration:none; } .nav__children-link{ color:#444; font-size:0.9rem; } .nav__link:hover{ color:#FFF; } .nav__children-link:hover{ color:#DE829B; } .nav__li-wrap{ color:#FFF; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0.6rem; transition:all 0.3s ease-in; } .nav__li-wrap:hover{ color:#EFCC94; } .nav__li-subwrap{ display:flex; flex-direction:row; justify-content:center; } .nav__li-wrap-item { font-family: "Montserrat", serif; font-size:1rem; font-weight:bold; text-align:center; line-height:1rem; } .nav__li-wrap-item--big { font-family: "Montserrat", serif; font-size:1.3rem; text-align:center; line-height:1.6rem; } .nav__span-icon{ font-size:2rem; margin-bottom:0.3rem; } .nav__span-text{ float: right; position: relative; top:0.2rem; margin:0 0.6rem; } .nav__caret{ float: right; position: relative; top:0.5rem; margin-left:0.6rem; } .nav__pink{ background:#ffcc00; } .nav__pink-light{ background:rgba(255,255,255,0); } .nav__blue{ background:rgba(255,255,255,0); } .nav__blue-light{ background:rgba(255,255,255,0); } .nav__orange{ background:rgba(255,255,255,0); } .nav__orange-light{ background:rgba(255,255,255,0); } .nav__purple{ background:rgba(255,255,255,0); } .nav__purple-light{ background:rgba(255,255,255,0); } .nav__green{ background:rgba(255,255,255,0); } .nav__green-light{ background:rgba(255,255,255,0); }*/ .nav{ border:0px solid #00dd00; width:100%; z-index:1000; } .nav__bar { display:none; } .nav__ul-one{ display:flex; justify-content:space-between; list-style:none; } .nav__li-one{ /*border: 1px solid #fff;*/ display:inline-block; flex: 1 1 auto; /*margin:0.5rem;*/ padding:0; position: relative; text-align:center; transition: all 0.5s ease; } .nav__li-one--base{ background:#FF00AA; } .nav__li-one .nav__children { display:none; position:absolute; width:100%; z-index:1000; } .nav__children{ /*background:#EDE7F8;*/ padding:1rem 0; } .nav__li-one:hover .nav__children { display:block; } .nav__children--base{ background:#EDE7F8; } .nav__li-two{ display:block; overflow:hidden; border-bottom:0px solid rgba(255,255,255,.5); padding:0.3rem 0; } .nav__link, .nav__children-link{ color:#FFF; display:block; text-decoration:none; } .nav__children-link{ color:#444; font-size:0.9rem; } .nav__link:hover{ /*color:#9B9B9B;*/ color:#FFF; } .nav__children-link:hover{ color:#DE829B; } .nav__li-wrap{ display:flex; justify-content:center; padding:0.6rem; } .nav__li-subwrap{ display:flex; flex-direction:column; justify-content:center; } .nav__li-wrap-item { color:#fce0e4; font-family:'Inter', sans-serif; font-size:0.7rem; text-align:center; line-height:0.7rem; } .nav__li-wrap-item--big { color:#fce0e4; font-family:'Niconne', cursive; /*font-size:1.6rem;*/ font-size:1.8rem; /*font-size:2.2rem;*/ text-align:center; line-height:1.6rem; } .nav__span-icon{ color:#fce0e4; font-size:2.6rem; margin-right:0.6rem; } .nav__span-text{ float: right; position: relative; top:0.2rem; margin:0 0.6rem; } .nav__caret{ float: right; position: relative; top:0.5rem; margin-left:0.6rem; } .nav__color_menuprin { color:#F9EDDD; } .nav__pink{ background:#F26A8D; } .nav__pink-light{ background:#FFCDE6; } .nav__blue{ background:#DEA758; } .nav__blue-light{ background:#F9EDDD; } .nav__orange{ background:#F26A8D; } .nav__orange-light{ background:#FFCDE6; } .nav__purple{ background:#DEA758; } .nav__purple-light{ background:#F6E5CC; } .nav__green{ background:#F26A8D; } .nav__green-light{ background:#FFCDE6; } /*Categorias Index*/ .cat__mainwrap { border:0px solid #cc0000; box-sizing: border-box; display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; height:auto; margin:3rem auto; width:86%; } .cat__wrap { border:0px solid #d4b15e; cursor:pointer; position:relative; height:400px; margin:0.25rem; width:49%; } .cat__img { height:100%; max-width:100%; object-fit:cover; width:100%; } .cat__overlay { border:1px solid #d4b15e; display:flex; justify-content:center; align-items:center; bottom:0; left:0; right:0; background:rgba(252, 224, 228, 0.9); height:100%; overflow:hidden; position:absolute; transition:.4s ease; transform: scale(0.5); width:100%; } .cat__wrap:hover .cat__overlay { transform: scale(1); } .cat__title{ border:0px solid #d4b15e; font-family: "Montserrat", serif; font-size: 3.4rem; background: linear-gradient(90deg, #ac8f4a, #bc9d52, #d4b15e); font-weight:bold; line-height:4rem; padding:0; text-align:center; -webkit-background-clip:text; -webkit-text-fill-color: transparent; } /*Carousel*/ .carou__mainwrap { border:0px solid #cc0000; background:#FDF1F3; box-sizing: border-box; display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; height:auto; margin:0 auto; padding:2rem 2rem 5rem 2rem; width:100%; } .product__base { position:relative; } .product__overlay { border:0px solid #d4b15e; /*border-radius:6%;*/ border-radius:0.6rem; cursor: pointer; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; /*padding-bottom:3rem;*/ padding-bottom:40%; top:0; left:0; right:0; background:rgba(252, 224, 228, 0); height:100%; overflow:hidden; opacity:0; position:absolute; transition:.5s ease; /*transform: scale(0);*/ width:100%; } .product__base:hover .product__overlay { /*transform: scale(1);*/ opacity:1; background:rgba(255, 255, 255, 0.9); } .product__overlay-data { color:#DD2D4A; font-family: "Montserrat", serif; font-size: 1rem; /*background:linear-gradient(90deg, #ac8f4a, #ac8f4a, #ac8f4a);*/ /*font-weight:bold;*/ line-height:1.6rem; padding:0; text-align:center; /*-webkit-background-clip:text; -webkit-text-fill-color: transparent;*/ } .product__overlay-data--margintop { margin-top:0.6rem; } .product__overlay-data--small { font-size: 1rem; } .product__overlay-data--tachado { /*color:#bc9d52;*/ color:#DD2D4A; text-decoration:line-through; } .precio { font-size:1.2rem; font-weight:bold; } /*Zoom Imagenes de Fondo*/ .imgzoom{ animation: zoom 10s linear infinite; } @keyframes zoom{ 0%{ transform: scale(1); } 50%{ transform: scale(1.2); } 100%{ transform: scale(1); } } /*Slide*/ .slide__texto{ border:0px solid #cc0000; left:0; margin:0 auto; top:0; /*width:86%;*/ width:70%; } .slide__texto--right{ text-align:right; } .slide__texto--left{ text-align:left; } .slide__texto--center{ text-align:center; } .slide__texto--color1{ color:#FFF; } .slide__texto--color2{ color:#F26A8D; } .slide__anima-delay{ animation-delay: 0.2s; } .slide__anima-up { animation-name:movTopBottom; animation-duration:1s; animation-fill-mode:forwards; animation-timing-function:ease-in-out; color:#DD2D4A; font-family: "Niconne", cursive; font-weight: normal; /*text-shadow: #555555 0.2rem 0.2rem 0.4rem;*/ font-size:4.4rem; filter:alpha(opacity=0); line-height:0; opacity:0; position:relative; } .slide__anima-down { animation-name:movTopBottom2; animation-duration:1s; animation-fill-mode:forwards; animation-timing-function:ease-in-out; /*color:#EFCC94;*/ color:#FFF; font-family: "Montserrat", serif; font-size:2rem; font-weight:normal; filter:alpha(opacity=0); line-height:0; opacity:0; position:relative; text-shadow:#000 0.1rem 0rem 0rem; } @keyframes movTopBottom { from { top:4rem; filter:alpha(opacity=0); opacity:0; } to { top:11rem; filter:alpha(opacity=1); opacity:1; } } @keyframes movTopBottom2 { from { top:4rem; filter:alpha(opacity=0); opacity:0; } to { top:14rem; filter:alpha(opacity=1); opacity:1; } } /*Main*/ main{ /*padding-bottom:5.5rem;*/ } .main__magin-sup{ /*height:13rem;*/ height:9.2rem; } .main__magin-sup-admin{ height:6.8rem; } /*Products*/ .prod{ /*background:#FDF1F3;*/ background:#FAEFF3; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; height:auto; margin:0 auto; /*padding:5rem 2rem 4rem 2rem;*/ padding:0; width:100%; } .prod__quantity{ color:#737677; font-family:'Lato', sans-serif; font-size:0.9rem; font-weight:normal; margin-left:1rem; } .prod__actions{ border-bottom:1px dashed #F49CBB; color:#737677; display:flex; flex-wrap: wrap; align-items: center; justify-content:space-between; /*justify-content:center;*/ padding:0 1rem; width:100%; } .prod__actions-description{ font-size:0.9rem; padding:0.8rem 1rem 0.8rem 0; text-align:left; width:70%; } .prod__actions-order{ padding:0 0; text-align:right; width:28%; } .prod__catalogue{ border:0px solid #cc0000; display:flex; flex-wrap:wrap; /*justify-content:space-around;*/ justify-content:center; height:auto; margin:2rem 0 4rem 0; /*padding:2px;*/ width:98%; } /*Product Card*/ .cardwrap{ /*border:2px solid #F7D6E0;*/ width:23%; /*border-radius:1rem;*/ border-radius:0.4rem; /*margin-bottom:1rem;*/ margin:0.4rem; } .card__data { display:none; } .card__image{ border:0px solid #fff; /*border-radius:1rem;*/ border-radius:0.8rem; max-width:600px; width:100%; } .card__button{ background:#880D1E border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.8rem; height:auto; margin:0 auto; padding:0.3rem; text-align:center; transition:all 0.4s ease-in; width:86%; } .card__button:hover{ background:#DD2D4A; color:#FFF; } .card__base{ position:relative; } /*.card__base:hover .card__preview { opacity:1; transition:all 0.6s ease-in; z-index:9999; }*/ .card__base:hover .product__overlay { border:0px solid #cc0000; /*transform: scale(1);*/ opacity:1; background:rgba(255, 255, 255, 0.8); transition:all 0.5s ease-out; } .card__promo{ background:#DD2D4A; border:1px solid #DD2D4A; /*border-radius:10%;*/ border-bottom-left-radius:20%; border-bottom-right-radius:20%; /*border-radius:50%;*/ color:#FFF; font-size:0.9rem; /*height:auto;*/ height:40px; left:5%; /*padding:0.3rem 0.8rem;*/ /*padding:1rem 0.7rem 1rem 0.7rem;*/ padding-top:0.8rem; position:absolute; top:-0.2rem; text-align:center; /*width:auto;*/ width:60px; z-index:2000; } .card__preview{ background:#FFF; border:1px solid #EBC6D1; color:#737677; font-size:1rem; line-height:1rem; left:0; padding-bottom:0.8rem; position:absolute; text-align:center; top:0; width:100%; height:100%; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; opacity:0; } .card__preview-left, .card__preview-right{ display:inline-flex; flex-direction:column; width:55%; } .card__preview-right{ width:43%; } .card__preview-ref{ color:#737677; font-weight: bold; padding:0.5rem 0.5rem 0.8rem 0.5rem; text-align:left; } .card__preview-des{ font-size:0.8rem; line-height:0.8rem; padding:0 0.5rem 0.8rem 0.5rem; text-align:left; } .card__preview-price{ color:#B28958; font-weight:normal; font-size:1.1rem; padding:0 0.5rem 0.8rem 0.5rem; text-align:center; } .card__preview-price--old{ color:#737677; font-size:0.9rem; font-weight:normal; text-decoration:line-through; } /*Navigation Rute*/ .navrute-title{ border:0px solid #cc0000; border-bottom:1px dashed #F49CBB; margin-top:2rem; text-align:center; width:100%; } /*Product Navigation Rute*/ .prod__navrute{ border-bottom:1px dotted #F26A8D; display:flex; align-items:flex-start; font-size:0.9rem; height:auto; justify-content:center; /*padding:0 0 0.5rem 0;*/ padding:2rem 0 0.5rem 0; width:100%; } .prod__navrute-atras, .prod__navrute-lines{ cursor:pointer; margin:0 0.2rem; /*padding:0.2rem 0;*/ padding:0.2rem; text-decoration:underline; transition:all 0.3s ease-out; } .prod__navrute-atras{ font-weight:bold; margin-right:1rem; } .prod__navrute-atras:hover, .prod__navrute-lines:hover{ background-color:#F26A8D; color:#fff; } .prod__navrute-sep{ margin:0 0.1rem; padding:0.2rem 0; } /*Product Detail*/ .prod__detail{ border:0px solid #cc0000; display:flex;/*flex-wrap:wrap;*/ justify-content:center; align-items:center; height:auto; margin:3rem auto 4rem auto; padding:0 10%; width:90%; } .prod__detail-images, .prod__detail-data{ border:0px solid #3366cc; /*display:inline-flex;*/ display:flex; justify-content:center; align-items:center; height:auto; padding:0; width:auto; } .prod__detail-data{ border:0px solid #00dd00; flex-direction:column; justify-content:center; align-items:flex-start; /*padding-left:1rem;*/ margin:0 1rem; } .prod__detail-images { text-align:center; /*padding-right:1rem;*/ margin:0 1rem; } .prod__detail-image{ border: 2px solid #FFF; border-radius:1rem; height:auto; min-width:50%; max-width:100%; width:100%; } .prod__detail-gallerywrap{ border:0px solid #ffcc00; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin:1rem 0 2rem 0; } .prod__detail-thumbnail{ height:auto; padding:0.2rem 0.1rem; max-width:100px; min-width:30px; width:100px; } .prod__detail-videowrap { display:inline-block; height:auto; margin:0.1rem; width:50%; } .prod__detail-iframe{ border:0; border-radius:0; height:100%; width:100%; } .prod__detail-line, .prod__detail-ref { padding:0.25rem 0; } .prod__detail-ref{ color:#DD2D4A; font-weight:normal; font-size:1.2rem; } .prod__detail-des { font-size:0.9rem; margin:0.5rem 0; } .prod__detail-pricewrap{ border:0px solid #3366cc; display:flex; flex-direction:column; justify-content:flex-start; padding:0 0; margin:0.5rem 0; } .prod__detail-price{ color:#DD2D4A; font-weight:bold; font-size:1.2rem; margin:0.1rem 0; } .prod__detail-price--old{ color:#737677; font-weight:normal; font-size:0.9rem; text-decoration:line-through; margin:0.1rem 0; } .prod__detail-shoppingcar{ background:#880D1E; border-radius:0.3rem; color:#FFF; cursor:pointer; /*display:flex; justify-content:space-between;*/ align-items:center; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:1.4rem 0 0 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:100%; } .prod__detail-shoppingcar:hover { background:#DD2D4A; } /*Car Preview*/ .carpreview{ border:0px solid #cc0000; display:flex; flex-direction:column; font-size:0.8rem; line-height:1.2rem; justify-content:flex-start; margin:0 auto; width:100%; } .carpreview__action{ border-bottom:2px dotted #fce0e4; font-family: "Montserrat", serif; color:#880D1E; font-size:1.4rem; font-weight:normal; line-height:1.6rem; margin-bottom:1.5rem; padding-bottom:0.3rem; text-align:center; } .carpreview__wrap{ border:0px solid #3366cc; display:flex; flex-direction:row; width:100%; } .carpreview__prod-wrap{ border:0px solid #ffcc00; display:flex; flex-direction:row; flex: 1 1 auto; justifu-content: center; width:50%; } .carpreview__prod-imagewrap{ border:0px solid #00dd00; width:40%; } .carpreview__prod-image{ border-radius:0.2rem; min-width:20%; max-width:100%; width:100%; } .carpreview__prod-datawrap{ border:0px solid #00dd00; border-right:1px solid #fce0e4; display:flex; flex-direction:column; justify-content:flex-start; padding:0 1rem; text-align:left; width:60%; } .carpreview__prod-datawrap-title, .carpreview__car-title{ color:#737677; font-weight:normal; font-size:1rem; padding-bottom:1rem; } .carpreview__prod-datawrap-price{ color:#DD2D4A; font-size:1.2rem; } .carpreview__prod-datawrap-price-old{ color:#737677; text-decoration:line-through; } .carpreview__car-wrap{ border:0px solid #ffcc00; display:flex; flex-direction:column; flex: 1 1 auto; padding:0 1rem; text-align:left; width:50%; } .carpreview__car-subtotal, .carpreview__car-shipping, .carpreview__car-total{ display:flex; justify-content: space-between; } .carpreview__car-total{ font-weight:bold; padding-bottom:2rem; } .carpreview__car-button{ background:#880D1E; border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:0.2rem 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:100%; } .carpreview__car-button:hover { background:#DD2D4A; } .carpreview__car-button--white{ background:#DEA758; border:0px solid #737677; /*border-radius:0.4rem;*/ color:#FFF; font-family: 'Montserrat', serif; } .carpreview__car-button--white:hover { background:#EFCC94; } /*Shopping Cart*/ .shopcar{ border:0px solid #000; background:#FDF1F3; font-size:0.9rem; height:auto; margin:0 auto; padding:2rem 0 4rem 0; width:100%; } .shopcar__wrap{ border:0px solid #cc0000; display:flex; flex-direction:row; justify-content:center; margin:1rem auto 0 auto; width:80%; } .shopcar__list, .shopcar__summary{ border:0px solid #cc0000; display:flex; flex-direction:column; justify-content:flex_start; padding:0 2rem; width:70%; } .shopcar__summary{ /*background:#EBEDEE;*/ border-left:1px dotted #F49CBB; padding:0.5rem 2rem; width:30%; } .shopcar__title{ border:0px solid #cc0000; color:#F49CBB; font-family: 'Montserrat', serif; font-size:1.6rem; line-height:1.6rem; /*margin-bottom:0.3rem;*/ text-align: center; } .shopcar__header{ border:0px solid #3366cc; display:flex; flex-direction:row; justify-content:space-around; margin:1.5rem 0 0.5rem 0; } .shopcar__headerimage{ border:0px solid #ffcc00; text-align:center; width:10%; } .shopcar__headerdata{ display:flex; align-items:center; font-weight:bold; flex-direction:row; justify-content:center; width:90%; } .shopcar__headerdata-values{ border:0px solid #ffcc00; text-align:center; padding:0.1rem 0; width:22%; } .shopcar__headerdata-delete{ border:0px solid #ffcc00; text-align:center; width:12%; } .shopcar__headerdata-delete-span{ color:#DD2D4A; cursor:pointer; font-size:1.2rem; } .shopcar__headerdata-delete-span:hover{ color:#7D2CA0; } .shopcar__prod{ border:0px solid #3366cc; display:flex; flex-direction:row; justify-content:space-around; margin:0.2rem 0; } .shopcar__prodimage{ border:0px solid #ffcc00; text-align:left; width:10%; } .shopcar__prodimage-thumb{ border:1px solid #fff; */border-radius:0.2rem;*/ height:auto; max-width:100%; } .shopcar__proddata{ display:flex; align-items:center; flex-direction:row; justify-content:center; width:90%; } .shopcar__headerdata-label{ display:none; } .shopcar__headerdata-arrows{ color:#DD2D4A; font-size: 1rem; margin:0 0.5rem; } .shopcar__prodvacio{ margin:1rem 0; } .shopcar__summary-title{ font-family: 'Montserrat', serif; font-size:1.4rem; margin:0 0 1rem 0; } .shopcar__summary-button{ background:#880D1E; border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:0.2rem 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:100%; } .shopcar__summary-button:hover{ background:#DD2D4A; } .shopcar__summary-cant, .shopcar__summary-total{ display:flex; justify-content:space-between; line-height:1.4rem; } .shopcar__summary-total-valor{ font-weight:bold; } .shopcar__summary-messagewrap{ line-height:1.4rem; margin:2rem 0 0.5rem 0; } .shopcar__summary-message-intro{ color:#737677; font-size:0.8rem; } /*Card Message*/ .carmessage{ display:flex; flex-direction:column; font-size:0.8rem; line-height:1.2rem; justify-content:flex_start; margin:0 auto; width:100%; } .carmessage__action{ font-family: 'Montserrat', serif; color:#DD2D4A; font-size:1.6rem; font-weight:normal; line-height:2rem; margin-bottom:1.5rem; text-align:left; } .carmessage__wrap{ width:100%; } .carmessage__category{ border-bottom:1px solid #EBEDEE; text-align:left; padding-bottom:0.5rem; margin-bottom:0.5rem; } .carmessage__list{ display:none; text-align:left; } .carmessage__listwrap{ display:flex; flex-direction:column; height:25rem; overflow:auto; width:100%; } .carmessage__listsubwrap{ background:#FFF; cursor:pointer; display:flex; flex-direction:row; justify-content:flex-start; padding:0.5rem; } .carmessage__listsubwrap:hover{ background:#FDF1F3; } .carmessage__list-id{ font-weight:bold; } .carmessage__list-message{ padding-left:0.5rem; text-align:left; } /*Pay Form*/ .payform{ border:0px solid #000; background:#FDF1F3; font-size:0.8rem; height:auto; margin:0 auto 0 auto; padding:2rem 0 5rem 0; width:100%; } .payform__wrap{ border:0px solid #ccc; display:flex; flex-direction:column; justify-content:center; margin:1rem auto 0 auto; width:80%; } .payform__title{ border:0px solid #00dd00; color:#F49CBB; font-family: 'Montserrat', serif; font-size:1.8rem; line-height:1.6rem; /*margin-bottom:0.5rem;*/ text-align: center; } .payform__datawrap{ border:0px solid #cc0000; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; margin-top:1rem; } .payform__data{ border:1px solid #B3B5B7; display:flex; flex-direction:column; justify-content:flex_start; align-items:center; padding:0.5rem; width:32%; } .payform__header{ border:0px solid #cc0000; border-bottom:1px dotted #B3B5B7; display:flex; flex-direction:row; font-weight:bold; justify-content:space-between; align-items:center; margin-bottom:1rem; padding-bottom:0.5rem; width:100%; } .payform__icon{ color:#DD2D4A; font-size:1rem; margin-right:0.5rem; } .payform__form{ width:100%; } .payform__error{ color:#ff0000; font-size:0.8rem; font-style:italic; } .payform__prod{ border-bottom:2px dotted #ccc; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:0.5rem 0; } .payform__prodimage{ border:0px solid #3366cc; margin-right:1rem; text-align:left; width:20%; } .payform__prodimage-thumb{ height:auto; max-width:100%; } .payform__proddata{ border:0px solid #3366cc; display:flex; flex-direction:column; font-size:0.7rem; justify-content:center; align-items:flex-start; line-height:0.9rem; } .payform__summary-data{ border:0px solid #cc0000; display:flex; justify-content:space-between; line-height:1.4rem; } .payform__summary-data--bold{ font-weight:bold; } .payform__summary-message{ margin:1rem 0; } .payform__button{ background:#880D1E; border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:0.2rem 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:100%; } .payform__button:hover{ background:#DD2D4A; } /*Contact us*/ .contactus{ border:0px solid #000; color: #F7D6E0; font-size:0.9rem; height:auto; margin:0 auto; padding:2rem 0 1rem 0; width:96%; } .contactus__wrap{ border:0px solid #cc0000; display:flex; flex-direction:column; justify-content:center; margin:1rem auto 3rem auto; width:80%; } .contactus__title{ border:0px solid #00dd00; color: #F49CBB; font-family: 'Montserrat', serif; font-size:1.8rem; line-height:1.6rem; /*margin-bottom:0.5rem;*/ text-align: center; } .contactus__datawrap{ border:0px solid #00dd00; display:flex; flex-direction:row; justify-content:space-around; align-items:flex-start; margin-top:1rem; } .contactus__data{ border:0px solid #3366cc; text-align: center; width:50%; } .contactus__map{ border:0px solid #3366cc; height:auto; overflow: hidden; position:relative; padding-bottom:26%; text-align:center; width:50%; } .contactus__map-iframe{ height:100%; left:0; position:absolute; top:0; width:100%; } .contactus__button{ background:#880D1E; border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:0.2rem 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:100%; } .contactus__button:hover{ background:#DD2D4A; } .contactus__error{ color:#ff0000; font-size:0.8rem; font-style:italic; } .contactus__img{ border:0px solid #fff; height: auto; max-width:400px; min-width:200px; width:100%; } .contactus__datalocation { color:#737677; display: flex; flex-direction:column; justify-content:center; align-items:center; height:300px; } .contactus__datalocation-data { line-height:1.1rem; } /*Autentication*/ .aut{ border:0px solid #000; font-size:0.9rem; height:auto; margin:2rem auto 7rem auto; padding:1rem 0; width:96%; } .aut__wrap{ border:0px solid #cc0000; display:flex; flex-direction:column; justify-content:center; margin:1rem auto 0 auto; width:40%; } .aut__title{ border:0px solid #00dd00; color:#F49CBB; font-family: 'Montserrat', serif; font-size:1.8rem; line-height:1.6rem; /*margin-bottom:0.5rem;*/ text-align: center; } .aut__datawrap{ border:0px solid #cc0000; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-top:2rem; } .aut__button{ background:#880D1E; border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:0.2rem 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:100%; } .aut__button:hover{ background:#DD2D4A; } .aut__error{ color:#ff0000; font-size:0.8rem; font-style:italic; } /*Pagina Respuesta*/ .voucher__card{ border:1px solid #B3B5B7; background:#fff; display:flex; flex-direction:column; font-family:'Lato', sans-serif; justify-content:flex-start; align-items:stretch; font-style:0.9rem; line-height:0.9rem; margin:2rem auto 0 auto; padding:1rem; width:100%; } .voucher__tittle{ border-bottom:1px solid #EBEDEE; display:flex; flex-direction:row; justify-content:space-between; align-items:center; font-family:'Montserrat', serif; font-size:1rem; font-weight:bold; line-height:1.4rem; margin-bottom:1rem; padding-bottom:0.5rem; text-align:center; } .voucher__data{ display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-bottom:0.5rem; } .voucher__label{ font-weight:bold; margin-right:0.5rem; } .voucher__button{ background:#880D1E; border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:1.5rem 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:50%; } .voucher__button:hover{ background:#DD2D4A; } .voucher__button--second{ /*background:#dcb65b;*/ background:#DEA758; /*border-radius:0.4rem;*/ margin:0; } .voucher__button--second:hover{ /*background:#f3d87f;*/ background:#EFCC94; color:#FFF; } .voucher__imp{ margin:0 auto; width:600px; } /*Nuevos diseños*/ .new__wrap { border:0px solid #cc0000; background:#FCE8EB; /*border-top:4px solid #A0E7E4;*/ /*border-top:4px solid #F7D6E0;*/ box-sizing:border-box; height:auto; padding:4rem 0 2rem 0; width:100%; } .new__subwrap { border:0px solid #00dd00; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; height:auto; margin:0 auto; width:96%; } /*Footer*/ footer{ border:0px solid #CC0000; background:#FDF1F3; /*border-top:4px solid #F7D6E0;*/ color:#3A3A3A; font-family: "Montserrat", serif; font-size:0.8rem; /*line-height:1.2rem;*/ /*height:12rem; overflow:hidden;*/ width:100%; } .footer__wrap { border:0px solid #3366cc; background:#FFD6E6; /*background: url("../img/fondofooter.png");*/ /*background-position: bottom center; background-repeat: no-repeat; background-size:100%;*/ /*border-top-left-radius:2rem; border-top-right-radius:2rem;*/ /*border-radius:2rem;*/ display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; /*height:12rem;*/ height:auto; padding:2rem 0; } .footer__subwrap { border:0px solid #00dd00; display:flex; flex-direction:column; justify-content:center; align-items:center; height:auto; margin:0 1rem; width:auto; } .footer__subtitle { color:#880D1E; font-family: 'Niconne', cursive; font-size:1.3rem; /*font-weight:bold;*/ margin-bottom:0.5rem; } .footer__data { line-height:0.9rem; } .footer__imglogo{ height:auto; max-width:160px; width:100%; } .footer__link{ cursor:pointer; color:#3A3A3A; font-size:0.8rem; text-decoration:underline; } .footer__link:hover { color:#DD2D4A; } .footer__socialwrap { border:0px solid #3366cc; display:flex; flex-direction:row; justify-content:center; align-items:center; height:auto; width:auto; } .footer__social-item{ border-radius:1.3rem; color:#F26A8D; cursor:pointer; font-size:2rem; margin:0 0.2rem; padding:0 0; transition:all 0.3s ease-out; } .footer__social-item:hover{ color:#F49CBB; } .footer__contactwrap { border:0px solid #3366cc; color:#3A3A3A; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; height:auto; width:auto; } .footer__imgpay{ height:auto; max-width:60%; } /*.footer__wrap{ border:1px solid #cc0000; background:#F26A8D; border-radius:2rem; display:flex; flex-direction:column; padding:0 0.5rem; } .footer__title{ border:0px solid #3366cc; color:#DD2D4A; font-size:1rem; font-family: 'Montserrat', serif; font-weight: bold; margin-bottom:0.5rem; } .footer__social{ color:#DD2D4A; cursor:pointer; display:flex; flex-direction:row; font-size:2rem; justify-content:flex-start; } .footer__smalltext{ font-size:0.9rem; }*/ /*ADMINISTRACION*/ /*Admin*/ .header__admin { /*background:#DD2D4A;*/ background:#FFF; height: 7rem; /*padding-top:0.3rem;*/ position: fixed; top:0; transition: top 0.5s; width:100%; /*z-index:99999;*/ z-index:999; } .admin{ border:0px solid #000; font-size:0.9rem; height:auto; margin:0 auto; padding:2rem 0; width:96%; } .admin__wrap{ border:0px solid #cc0000; display:flex; flex-direction:column; justify-content:center; margin:1rem auto 0 auto; width:80%; } .admin__title{ border:0px solid #00dd00; color:#DD2D4A; font-family: 'Montserrat', serif; font-size:1.8rem; line-height:1.6rem; margin-bottom:0.5rem; } .admin__datawrap{ border:0px solid #cc0000; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; margin-top:1rem; } .admin__datawrap--start{ justify-content:flex-start; align-items:center; } .admin__datawrap--grey{ border:0px solid #DDE1E2; background:#F8E1E9; padding:0.5rem; margin-bottom: 1rem; } .admin__datasubwrap{ border:0px solid #FFCC00; display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; } .admin__datasubwrap--top{ align-items:flex-start; } .admin__data{ border:0px solid #3366cc; width:46%; } .admin__data--spacing{ margin-left:0.5rem; margin-right:0.5rem; } .admin__label{ margin-top:1rem; width:100%; } .admin__label--grey{ color:#737677; } .admin__label--linear{ margin-top:0; } .admin__label--small{ font-size:0.7rem; } .admin__label--italic{ font-style:italic; } .admin__label--highligh{ color:#ff0000; } .admin__link{ color:#737677; cursor:pointer; font-size:1rem; margin:0.3rem 0.3rem; } .admin__link:hover{ color:#d48d9f; } .admin__textbox{ border:1px solid #B3B5B7; background:#FFF; color:#737677; font-family: 'Lato', sans-serif; font-size:0.8rem; padding:0.2rem; vertical-align:middle; width:100%; } .admin__textbox--big{ height:10rem; } .admin__button{ background:#880D1E; border-radius:0.4rem; color:#FFF; cursor:pointer; font-family: 'Montserrat', serif; font-size:0.9rem; height:auto; margin:1.5rem 0; padding:0.4rem 1rem; text-align:center; transition:all 0.3s ease-out; width:100%; } .admin__button:hover{ background:#DD2D4A; } .admin__button--second{ background:#DEA758; /*border-radius:0.4rem;*/ margin:0; } .admin__button--second:hover{ background:#EFCC94; color:#FFF; } .admin__error{ color:#ff0000; font-size:0.8rem; font-style:italic; } .admin__thumbnail{ max-width:50px; width:100%; height:auto; } .admin__search-obj-wrap{ margin:0.3rem; } .admin__delete{ color:#ff0000; font-size:0.7rem; margin:0.3rem 0; } .admin__subtitle{ font-size:0.9rem; font-weight:bold; margin:1rem 0 0.5rem 0; } .adminprod__wrap{ border:0px solid #cc0000; display:flex; flex-wrap:wrap; height:auto; justify-content:center; align-items:flex-start; margin-top:2rem; width:100%; } .adminprod__card{ border:0px solid #3366cc; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; margin:0.1rem; margin-bottom:1rem; } .adminprod__image{ height:auto; max-width:160px; } .adminprod__iconwrap{ display:flex; justify-content:center; align-items:center; } .adminprod__iconwrap--left{ justify-content:flex-start; } .adminprod__iconlink{ color:#DD2D4A; cursor:pointer; font-size:1.3rem; margin:0.3rem 0.3rem; } .adminprod__iconlink:hover{ color:#7D2CA0; } .adminprod__iconlink--delete{ color:#ff0000; } .adminprod__iconlink--delete:hover{ color:#FF85C4; } .adminped__order-card{ border:1px solid #B3B5B7; background:#FFF; padding:1rem; } .adminped__order-details{ border:0px solid #3366cc; display:flex; flex-direction:row; font-size:0.8rem; justify-content:space-between; align-items:flex-start; width:100%; } .adminped__order-detwrap{ border:0px solid #ffcc00; width:32.5%; } .adminped__order-products{ border:0px solid #cc0000; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; } .adminped__order-products-wrap{ border:0px solid #000; border-bottom:1px solid #ccc; margin-bottom:1rem; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; } .adminped__order-imagwrap{ border:0px solid #3366cc; height:auto; padding-right:0.5rem; } .adminped__order-thumbnail{ height:auto; min-width:50%; max-width:100%; width:100%; } .adminped__order-products-datawrap{ border:0px solid #00dd00; display:flex; flex-direction:column; /*font-size:0.7rem;*/ justify-content:flex-start; align-items:flex-start; } .adminped__order-products-data{ margin-bottom:0.5rem; } .adminped__order-products-ref{ color:#d48d9f; /*font-size:0.8rem;*/ } .adminped__order-products-price{ /*font-size:0.8rem;*/ font-weight:bold; } .adminpre__pricewrap{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; margin-top:0.5rem; width:100%; } .adminpre__pricesubwrap{ text-align:center; width: 100%; } .adminprice__wrap { border:0px solid #00dd00; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; margin:1rem auto 0 auto; } .adminprice__subwrap { border:0px solid #3366cc; border-bottom:2px dotted #ccc; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-end; margin:0.1rem; margin-bottom:1rem; padding-bottom:0.5rem; } .adminprice__item { border:0px solid #cc0000; margin:0.3rem; } .adminprice__image{ height:auto; max-width:120px; vertical-align:bottom; } /*Head Administracion*/ /*Header Data*/ .headadmin{ border:0px solid #3366cc; /*background:#FFF;*/ background:#880D1E; border-top:0px solid #DD2D4A; /*box-shadow: 10px 2px 10px 1px rgba(0, 0, 0, 0.1);*/ display:flex; flex-direction:row; justify-content:space-between; /*align-items:flex-start;*/ align-items:center; font-family: 'Montserrat', serif; height:4.6rem; width:100%; } /*.headadmin:nth-child(1) { order: 1; } .headadmin:nth-child(2) { order: 2; } .headadmin:nth-child(3) { order: 3; }*/ .headadmin__logo{ border:0px solid #ffcc00; /*flex: 2 1 auto;*/ padding-left:2.5rem; text-align:left; height:auto; width:30%; } .headadmin__logo-img{ border:0px solid #00DD00; height:auto; margin-top:0.3rem; max-width:160px; min-width:160px; /*position:absolute;*/ width:100%; /*z-index:999999;*/ } .headadmin__menu{ border:0px solid #00dd00; /*flex: 0 0 auto;*/ height:auto; text-align:center; width:10%; } .headadmin__title{ border:0px solid #ffcc00; color:#F26A8D; /*flex: 2 1 auto;*/ font-size:1.4rem; height:auto; /*line-height:2rem;*/ padding-right:2rem; text-align:right; margin-bottom:1.4rem; width:60%; } /*Menu Administracion*/ .navadmin{ width:100%; z-index:1000; } .navadmin__bar { display:none; } .navadmin__ul-one{ display:flex; justify-content:space-between; list-style:none; } .navadmin__li-one{ display:inline-block; flex: 1 1 auto; padding:0; position: relative; text-align:center; } /*.navadmin__li-one--base{ background:#d48d9f; }*/ .navadmin__li-one .navadmin__children { display:none; position:absolute; width:100%; z-index:1000; } .navadmin__li-one:hover .navadmin__children { display:block; } .navadmin__children--base{ border:0px solid #cc0000; /*border-radius:0.5rem;*/ /*background:#FDF1F3;*/ background:#fff; } .navadmin__li-two{ display:block; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.5); padding:0.6rem 0; } .navadmin__link, .navadmin__children-link{ color:#FFF; display:block; text-decoration:none; } .navadmin__link:hover{ color:#FFF; } .navadmin__children-link{ color:#DD2D4A; font-family: 'Montserrat', sans-serif; font-size:0.9rem; } .navadmin__children-link:hover{ color:#DD2D4A; } .navadmin__li-wrap{ display:flex; justify-content:center; padding:0.6rem; } .navadmin__li-subwrap{ display:flex; flex-direction:column; justify-content:center; } .navadmin__li-wrap-item { font-family:'Montserrat', sans-serif; font-size:0.7rem; /*line-height:0.7rem;*/ } .navadmin__li-wrap-item--big { color:#FFF; font-family:'Montserrat', serif; font-size:0.9rem; line-height:1rem; } .navadmin__span-icon{ font-size:2rem; margin-right:0.6rem; } .navadmin__span-text{ float: right; position: relative; top:0.2rem; margin:0 0.6rem; } .navadmin__caret{ float: right; position: relative; top:0.5rem; margin-left:0.6rem; } /*.navadmin__pink{ background:#D0A3A9; } .navadmin__pink-light{ background:#E5CCCF; } .navadmin__blue{ background:#EBC6D1; } .navadmin__blue-light{ background:#F5E6EA; } .navadmin__orange{ background:#D0A3A9; } .navadmin__orange-light{ background:#E5CCCF; } .navadmin__purple{ background:#EBC6D1; } .navadmin__purple-light{ background:#F5E6EA; } .navadmin__green{ background:#D0A3A9; } .navadmin__green-light{ background:#E5CCCF; }*/ .navadmin__pink{ background:#F26A8D; } .navadmin__pink-light{ background:#FFCDE6; } .navadmin__blue{ background:#DEA758; } .navadmin__blue-light{ background:#F9EDDD; } .navadmin__orange{ background:#F26A8D; } .navadmin__orange-light{ background:#FFCDE6; } .navadmin__purple{ background:#DEA758; } .navadmin__purple-light{ background:#F9EDDD; } .navadmin__green{ background:#F26A8D; } .navadmin__green-light{ background:#FFCDE6; } /*Tablas*/ table { border-collapse:collapse; width:100%; } td, th{ border:1px solid #B3B5B7; font-size:0.8rem; padding:0.2rem; } .td--subtit{ font-size:0.9rem; } .td--grey{ background:#DAF7F8; } .td--position-hori{ text-align:center; } .table__link{ cursor:pointer; } .table__link:hover{ background:#fff3f6; } .tableR { border-collapse:collapse; width:100%; } .tdR, .thR{ border:1px solid #B3B5B7; font-size:0.8rem; padding:0.2rem; } .tdR--subtit{ font-size:0.9rem; } .tdR--grey{ background:#DAF7F8; } .tdR--position-hori{ text-align:center; } .tableR__link{ cursor:pointer; } .tableR__link:hover{ background:#fff3f6; } /*Reportes*/ .adminrep__conventions{ display:flex; flex-direction:row; font-size:0.6rem; justify-content:start; align-items:start; width:100%; } .adminrep__conventions-square{ height:auto; border:1px solid #B3B5B7; padding:0.2rem 0.5rem; margin:0.5rem 0.5rem 0.5rem 0; } .adminrep__conventions-data{ font-size:0.8rem; } .adminrep__link{ color:#d48d9f; font-family:'Lato', sans-serif; font-size:0.9rem; text-decoration:underline; text-decoration:none; transition:all 0.3s ease-out; } .adminrep__link:hover{ color:#2ABFC6; text-decoration:none; } .adminrep__link-icon{ font-size:1.4rem; } .adminrep__prod-gallerywrap{ border:0px solid #ffcc00; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin-top:0.5rem; } .adminrep__prod-gallery-thumbnail{ height:auto; padding:0.5rem 0.3rem; max-width:100px; min-width:50px; width:100px; } .adminrep__caremails{ display:flex; flex-direction:column; font-size:0.8rem; line-height:1.2rem; justify-content:flex_start; margin:0 auto; width:100%; } .adminrep__caremails-action{ border-bottom:1px solid #EBEDEE; font-family: 'Montserrat', serif; font-size:1.6rem; font-weight:bold; line-height:2rem; margin-bottom:1.5rem; text-align:left; } .adminrep__caremails-wrap{ height:500px; overflow:auto; width:100%; } .adminrep__caremails-list{ padding-left:0.5rem; text-align:left; } /*Radiobuttons de Flores*/ .cc-selector input{ margin:0; padding:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; } .r_rojo{ background-image: url("../img/r_rojo.png"); } .r_morado{ background-image: url("../img/r_morado.png"); } .r_azul{ background-image: url("../img/r_azul.png"); } .r_naranja{ background-image: url("../img/r_naranja.png"); } .r_rosado{ background-image: url("../img/r_rosado.png"); } .r_amarillo{ background-image: url("../img/r_amarillo.png"); } .r_blanco{ background-image: url("../img/r_blanco.png"); } .cc-selector input:active +.drinkcard-cc{ opacity: 1; } .cc-selector input:checked +.drinkcard-cc{ border:2px solid #dcb65b; filter: none; -webkit-filter: none; -moz-filter: none; } .drinkcard-cc{ border:2px solid #FFF; cursor:pointer; background-size:contain; background-repeat:no-repeat; display:inline-block; /*border-radius:20px;*/ width:40px; height:40px; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; }