/* ============================================================
   COSTA MARFIL 2026 — Hoja de estilos de la maqueta
   Tokens extraídos del diseño de agencia (Diseño web_Costa Marfil.ai)
   ============================================================ */

/* ---------- Fuentes: Lato (provista por la agencia) ---------- */
@font-face{font-family:'Lato';src:url('../fonts/Lato-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Lato';src:url('../fonts/Lato-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lato';src:url('../fonts/Lato-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Lato';src:url('../fonts/Lato-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Lato';src:url('../fonts/Lato-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}

/* ---------- Tokens ---------- */
:root{
  --navy:#223463;          /* azul marino: header interno, secciones, botones, texto */
  --blue:#1c60b4;          /* azul: franja de marcas, tabs activos, links */
  --cyan:#5bbeeb;          /* celeste: highlight hero, subrayado variante producto */
  --indigo:#2b377f;        /* título de ficha de producto */
  --beige:#ebe8e5;         /* fondo beige de páginas de marca */
  --footer-bg:#e7e6e5;     /* fondo del footer */
  --grey-btn:#e1dedb;      /* botones de listas (marca / edad) */
  --white:#ffffff;
  --dropdown:rgba(34,52,99,.92);

  /* Acentos de banner por categoría (corporal y rostro exactos del diseño;
     el resto derivado de las portadas — a validar) */
  --cat-corporal:#a7d6ec;
  --cat-manos:#ffdebc;
  --cat-intimo:#ffd4e0;
  --cat-rostro-acne:#8ad7c5;
  --cat-unas:#d8bfdd;
  --cat-pies:#b3d1e3;
  --cat-fragancias:#eee3c4;
  --cat-bebes:#b3e2f4;
  --cat-ninos:#cdeafa;
  --cat-sanitizante:#a6e3de;
  --cat-repelente:#ffd6ab;
  --cat-sets-regalos:#fcd0d9;

  --container:1180px;
  --header-h:132px;
}

/* ---------- Reset básico ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Lato',sans-serif;font-size:16px;color:var(--navy);background:var(--white);line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit;background:none;border:0;cursor:pointer;color:inherit}
input{font-family:inherit}

.container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{position:relative;z-index:50;background:var(--white)}
.site-header.header--navy{background:var(--navy)}
.header-inner{max-width:var(--container);margin:0 auto;padding:0 24px;height:var(--header-h);display:flex;align-items:center;justify-content:space-between}
.logo img{height:106px;width:auto}
.site-header.header--navy .logo img{height:100px}

.main-nav > ul{display:flex;align-items:center;gap:46px}
.main-nav a{font-size:17px;color:var(--navy);letter-spacing:.02em}
.site-header.header--navy .main-nav a{color:var(--white)}
.main-nav li{position:relative}
.main-nav li.is-active > a{border-bottom:3px solid var(--blue);padding-bottom:6px}
.site-header.header--navy .main-nav li.is-active > a{border-bottom-color:var(--cyan)}

/* Dropdown CATÁLOGO */
.has-dropdown > a::after{content:'';display:inline-block}
.dropdown{position:absolute;top:calc(100% + 10px);left:-6px;min-width:168px;background:var(--dropdown);padding:6px 0;display:none}
.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{display:block}
.dropdown a{display:block;color:var(--white)!important;font-size:15px;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.45)}
.dropdown li:last-child a{border-bottom:0}
.dropdown a:hover{background:rgba(255,255,255,.08)}

/* Hamburguesa */
.burger{display:none;flex-direction:column;gap:5px;padding:6px;margin-left:28px}
.burger span{display:block;width:26px;height:3px;background:var(--navy)}
.site-header.header--navy .burger span{background:var(--white)}

/* Menú móvil */
.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dropdown);padding:12px 0;z-index:60}
.mobile-nav.is-open{display:block}
.mobile-nav a{display:block;color:var(--white);padding:12px 28px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.25)}
.mobile-nav a:last-child{border-bottom:0}
@media(min-width:961px){.mobile-nav{display:none!important}}
@media(max-width:960px){
  .main-nav{display:none}
  .burger{display:flex}
  .logo img{height:70px}
  :root{--header-h:96px}
}

/* ============================================================
   HERO (slider de banners del inicio)
   ============================================================ */
.hero{position:relative;overflow:hidden}
.hero .slides{display:flex;transition:transform .6s ease}
.hero .slide{min-width:100%}
.hero .slide img{width:100%;height:auto;object-fit:cover}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:56px;height:56px;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s}
.slider-arrow:hover{opacity:1}
.slider-arrow svg{width:30px;height:30px;stroke:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}
.slider-arrow.prev{left:14px}
.slider-arrow.next{right:14px}

/* ============================================================
   FRANJA DE MARCAS
   ============================================================ */
.brand-strip{background:var(--blue);padding:52px 0 40px;text-align:center}
.brand-strip .logos{max-width:var(--container);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.brand-strip .logos a{display:flex;align-items:center;justify-content:center}
.brand-strip img{width:auto}
.brand-strip .b-daily{height:66px}
.brand-strip .b-babyblue{height:88px}
.brand-strip .b-teenagers{height:96px}
.brand-strip .b-unicrem{height:80px}
.brand-strip .b-kiddos{height:48px}
.brand-strip .strip-title{margin-top:34px;color:var(--white);font-size:14px;letter-spacing:.55em;text-indent:.55em}
@media(max-width:760px){
  .brand-strip .logos{flex-wrap:wrap;justify-content:center;gap:26px 40px}
  .brand-strip .b-daily{height:44px}.brand-strip .b-babyblue{height:62px}
  .brand-strip .b-teenagers{height:68px}.brand-strip .b-unicrem{height:58px}
  .brand-strip .b-kiddos{height:38px}
}

/* ============================================================
   SLIDER DE MARCAS (home)
   ============================================================ */
.brands-slider{background:var(--white);padding:64px 0 46px;position:relative;overflow:hidden}
.brands-slider .slides{display:flex;transition:transform .6s ease}
.brands-slider .slide{min-width:100%;display:flex;align-items:center;justify-content:center;gap:80px;padding:0 60px}
.brands-slider .slide-img{flex:0 0 520px;display:flex;justify-content:center}
.brands-slider .slide-img img{max-height:470px;width:auto}
.brands-slider .slide-body{flex:0 1 560px}
.brands-slider .slide-logo{margin-bottom:26px}
.brands-slider .slide-logo img{width:auto}
.brands-slider .l-daily{height:100px}
.brands-slider .l-babyblue{height:96px}
.brands-slider .l-teenagers{height:118px}
.brands-slider .l-unicrem{height:100px}
.brands-slider .l-kiddos{height:56px}
.brands-slider p{font-size:15px;line-height:1.65;color:var(--navy);max-width:500px}
.btn-navy{display:inline-block;background:var(--navy);color:var(--white);font-size:14.5px;padding:9px 24px;border-radius:999px;margin-top:26px}
.btn-navy:hover{background:#1a2950}
.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:48px}
.slider-dots button{width:10px;height:10px;border-radius:50%;background:#c9cdd8;padding:0}
.slider-dots button.is-active{background:var(--navy)}
@media(max-width:860px){
  .brands-slider .slide{flex-direction:column;gap:34px;padding:0 24px;text-align:center}
  .brands-slider .slide-img{flex:none}
  .brands-slider .slide-img img{max-height:300px}
  .brands-slider .slide-logo{display:flex;justify-content:center}
}

/* ============================================================
   SOBRE NOSOTROS (home)
   ============================================================ */
.about{background:var(--navy);color:var(--white);padding:110px 0;position:relative;overflow:hidden}
.about .container{display:flex;align-items:center;gap:84px;position:relative;z-index:2}
.about .about-img{flex:0 0 540px}
.about .about-img img{width:100%}
.about h2{font-size:19px;font-weight:400;letter-spacing:.45em;margin-bottom:30px}
.about p{font-size:14.5px;line-height:1.75;max-width:470px}
.about p b{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.btn-outline-white{display:inline-block;border:1.5px solid var(--white);color:var(--white);font-size:13px;padding:6px 20px;border-radius:999px;margin-top:30px}
.btn-outline-white:hover{background:rgba(255,255,255,.12)}
/* Arcos decorativos */
.about .arc{position:absolute;border-radius:50%;pointer-events:none}
.about .arc-tr-white{width:620px;height:620px;border:15px solid var(--white);top:-460px;right:-60px}
.about .arc-tr-blue{width:620px;height:620px;border:15px solid var(--blue);top:-430px;right:-170px}
.about .arc-bl-white{width:560px;height:560px;border:14px solid var(--white);bottom:-400px;left:-80px}
.about .arc-bl-blue{width:560px;height:560px;border:14px solid var(--blue);bottom:-370px;left:-180px}
@media(max-width:900px){
  .about .container{flex-direction:column;gap:44px}
  .about .about-img{flex:none;max-width:420px}
}

/* ============================================================
   BUSCADOR "¿QUÉ ESTÁS BUSCANDO?"
   ============================================================ */
.finder{padding:88px 0 96px;background:var(--white)}
.finder h2,.page-title{font-size:31px;font-weight:700;color:var(--navy);text-align:center;letter-spacing:.02em}
.search-box{max-width:535px;margin:30px auto 0;position:relative}
.search-box input{width:100%;height:48px;border:2px solid var(--navy);border-radius:999px;padding:0 56px 0 24px;font-size:16px;color:var(--navy);outline:none}
.search-box .search-ico{position:absolute;right:8px;top:4px;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.search-box svg{width:24px;height:24px;stroke:var(--navy)}
.finder-tabs{display:flex;justify-content:center;align-items:center;gap:38px;margin-top:44px;flex-wrap:wrap}
.finder-tabs button{font-size:14px;font-weight:700;color:var(--navy);letter-spacing:.02em;padding:7px 16px;border-radius:999px}
.finder-tabs button.is-active{background:var(--blue);color:var(--white)}

/* Grilla de categorías */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 38px;margin-top:60px}
.cat-card .thumb{aspect-ratio:1/1;overflow:hidden}
.cat-card img{width:100%;height:100%;object-fit:cover}
.cat-card figcaption,.cat-card .label{margin-top:14px;font-size:16px;font-weight:700;color:var(--navy);letter-spacing:.03em;text-transform:uppercase}
.cat-card:hover img{transform:scale(1.04)}
.cat-card img{transition:transform .35s ease}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(3,1fr);gap:34px 26px}}
@media(max-width:600px){.cat-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}}

/* Listas por marca / edad (pantallas de búsqueda) */
.choice-list{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:56px}
.choice-list a{display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;height:49px;background:var(--grey-btn);color:var(--navy);font-size:20px;font-weight:600;letter-spacing:.06em}
.choice-list a:hover,.choice-list a.is-active{background:var(--navy);color:var(--white)}

/* Grilla de productos (tab TODO) */
.finder .prod-grid{margin-top:56px}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--footer-bg);padding:64px 0 70px}
.footer-inner{max-width:var(--container);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.footer-col.f-info{font-size:13px;line-height:1.55;color:var(--navy)}
.footer-col.f-info h4{font-size:12.5px;font-weight:700;letter-spacing:.04em;margin-bottom:2px}
.footer-col.f-info .block + .block{margin-top:18px}
.footer-col.f-logo img{height:158px;width:auto}
.footer-col.f-write{display:flex;align-items:flex-end;gap:10px}
.footer-col.f-write .wrap{font-size:12.5px;color:var(--navy)}
.footer-col.f-write label{display:block;font-weight:700;letter-spacing:.04em;margin-bottom:8px}
.footer-col.f-write input{width:260px;height:34px;border:1.5px solid var(--navy);border-radius:999px;background:var(--white);padding:0 14px;font-size:13px;color:var(--navy);outline:none}
.footer-col.f-write .wa{display:flex;align-items:center}
.footer-col.f-write .wa svg{width:34px;height:34px;fill:var(--navy)}
@media(max-width:860px){
  .footer-inner{flex-direction:column;text-align:center}
  .footer-col.f-info .block + .block{margin-top:14px}
  .footer-col.f-write{align-items:center}
}

/* ============================================================
   PÁGINA NOSOTROS
   ============================================================ */
.page-hero-navy{background:var(--navy);color:var(--white);padding:142px 0;position:relative;overflow:hidden}
.page-hero-navy h1{font-size:34px;font-weight:400;letter-spacing:.45em;line-height:1.5;max-width:420px}
.page-hero-navy .arc-w{position:absolute;border-radius:50%;width:720px;height:720px;border:18px solid var(--white);top:-540px;right:-40px}
.page-hero-navy .arc-b{position:absolute;border-radius:50%;width:720px;height:720px;border:18px solid var(--blue);top:-500px;right:-150px}
.about-page .team{max-width:960px;margin:70px auto 0;padding:0 24px}
.about-page .team img{width:100%;aspect-ratio:950/480;object-fit:cover}
.about-page .lead{max-width:960px;margin:52px auto 0;padding:0 24px;font-size:24px;font-weight:700;line-height:1.45;color:var(--navy)}
.about-page .lead + .lead{margin-top:22px}
.about-page .cols{max-width:1000px;margin:64px auto 120px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:90px;font-size:16px;line-height:1.65;color:var(--navy)}
.about-page .cols p + p{margin-top:20px}
@media(max-width:720px){.about-page .cols{grid-template-columns:1fr}}

/* ============================================================
   PÁGINA DE MARCA
   ============================================================ */
.brand-page{background:var(--white)}
.brand-hero img{width:100%;height:auto}
.brand-logo-row{display:flex;justify-content:center;padding:56px 0 8px}
.brand-logo-row img{width:auto}
.brand-logo-row .l-daily{height:96px}
.brand-logo-row .l-babyblue{height:104px}
.brand-logo-row .l-teenagers{height:124px}
.brand-logo-row .l-unicrem{height:108px}
.brand-logo-row .l-kiddos{height:62px}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;max-width:1050px;margin:48px auto 0;padding:0 24px}
.prod-card{background:var(--white);padding:34px 26px 40px;text-align:center}
.brand-page .prod-card{border:1px solid #eceae7}
.prod-card a{display:block}
.prod-card .ph{height:230px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.prod-card .ph img{max-height:100%;width:auto}
.prod-card .cat{font-size:13px;color:var(--blue);margin-bottom:4px}
.prod-card .name{font-size:14.5px;font-weight:700;color:var(--navy);line-height:1.35}
.brand-page .prod-wrap{padding-bottom:110px}
@media(max-width:860px){.prod-grid{grid-template-columns:repeat(2,1fr);gap:22px}}
@media(max-width:560px){.prod-grid{grid-template-columns:1fr}}

/* ============================================================
   PÁGINA DE CATEGORÍA
   ============================================================ */
.cat-banner{height:296px;display:flex;align-items:center;justify-content:center}
.cat-banner h1{font-size:64px;font-weight:400;color:var(--navy);letter-spacing:.04em}
.back-link{display:flex;justify-content:center;margin:36px 0 6px}
.back-link a{font-size:15px;font-weight:600;color:var(--navy);letter-spacing:.03em;display:inline-flex;align-items:center;gap:8px}
.back-link svg{width:9px;height:15px;stroke:var(--navy)}
.cat-page .prod-grid{margin-top:40px}
.cat-page .prod-card{border:1px solid #f0eeec}
.by-brand{max-width:1010px;margin:90px auto 0;padding:0 24px 110px}
.by-brand h3{font-size:14px;font-weight:700;letter-spacing:.05em;color:var(--navy);margin-bottom:26px}
.by-brand ul{display:flex;flex-direction:column;gap:14px}
.by-brand a{display:inline-block;font-size:21px;color:var(--navy);letter-spacing:.05em;border-bottom:1.5px solid var(--navy);padding:0 34px 6px 0}

/* ============================================================
   FICHA DE PRODUCTO
   ============================================================ */
.product-page{background:var(--white)}
.brand-bar{max-width:1198px;margin:48px auto 0;padding:0 24px;display:flex;align-items:center;gap:34px}
.brand-bar .bb-logo img{height:52px;width:auto}
.brand-bar .back a{font-size:15px;color:var(--navy);display:inline-flex;align-items:center;gap:8px}
.brand-bar .back svg{width:8px;height:14px;stroke:var(--navy)}
.product-block{max-width:1198px;margin:74px auto;padding:0 24px;display:flex;gap:64px;align-items:flex-start}
.product-block .frame{flex:0 0 550px;border:1.5px solid var(--navy);height:550px;display:flex;align-items:center;justify-content:center;padding:56px;background:var(--white)}
.product-block .frame img{max-height:100%;width:auto}
.product-block .info{flex:1;padding-top:8px}
.product-block h1,.product-block h2{font-size:34px;font-weight:700;color:var(--indigo);line-height:1.25;letter-spacing:.01em;min-height:86px}
.product-block .variant{font-size:25px;font-weight:400;color:var(--navy);margin-top:44px}
.product-block .rule{height:7px;background:var(--cyan);margin:12px 0 28px;max-width:535px}
.product-block .rule.rule-pink{background:#f8a5c0}
.product-block .pres-label{font-size:17px;font-weight:700;color:var(--navy)}
.pres-chips{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.pres-chips span{border:1.5px solid var(--navy);border-radius:999px;font-size:18px;color:var(--navy);padding:8px 20px}
.pres-chips span.is-active{background:var(--navy);color:var(--white)}
.product-block .desc{font-size:19px;line-height:1.6;color:var(--navy);margin-top:36px;max-width:540px}
@media(max-width:860px){
  .product-block{flex-direction:column;gap:30px}
  .product-block .frame{flex:none;width:100%;max-width:470px;margin:0 auto}
}

/* ============================================================
   PÁGINAS DE BÚSQUEDA / CATÁLOGO
   ============================================================ */
.finder-page{padding:74px 0 96px}

/* ============================================================
   CONTACTO (derivada del sistema visual)
   ============================================================ */
.contact-page{padding:80px 0 100px}
.contact-cols{max-width:900px;margin:56px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.contact-info h3{font-size:14px;font-weight:700;letter-spacing:.05em;margin-bottom:8px}
.contact-info .block + .block{margin-top:28px}
.contact-info p{font-size:15px;line-height:1.6}
.contact-info a{color:var(--blue)}
.btn-wa{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--navy);border-radius:999px;color:var(--navy);font-size:14.5px;padding:9px 22px;margin-top:14px}
.btn-wa svg{width:22px;height:22px;fill:var(--navy)}
.btn-wa:hover{background:var(--navy);color:var(--white)}
.btn-wa:hover svg{fill:var(--white)}
.contact-form label{display:block;font-size:13px;font-weight:700;margin:0 0 6px}
.contact-form .field{margin-bottom:18px}
.contact-form input,.contact-form textarea{width:100%;border:1.5px solid var(--navy);border-radius:14px;padding:10px 16px;font-size:15px;color:var(--navy);outline:none;background:var(--white)}
.contact-form input{height:44px;border-radius:999px}
.contact-form textarea{min-height:130px;resize:vertical}
@media(max-width:720px){.contact-cols{grid-template-columns:1fr}}

/* ============================================================
   404
   ============================================================ */
.nf-page{padding:110px 24px 130px;text-align:center}
.nf-page .code{font-size:120px;font-weight:900;color:var(--navy);line-height:1}
.nf-page .rule{width:120px;height:6px;background:var(--cyan);margin:22px auto}
.nf-page p{font-size:17px;color:var(--navy)}

/* Escala de las pantallas de búsqueda (artboards 11-12) */
.finder-page .page-title{font-size:44px}
.finder-page .search-box{max-width:750px;margin-top:36px}
.finder-page .search-box input{height:52px;font-size:17px}
.finder-page .search-box .search-ico{top:6px}
.finder-page .finder-tabs{margin-top:60px;gap:46px}
.finder-page .finder-tabs button{font-size:19px;padding:10px 24px}
.finder-page .choice-list{margin-top:70px;gap:13px}
.finder-page .choice-list a{max-width:518px;height:85px;font-size:23px;letter-spacing:.05em}
.finder-page .cat-grid{margin-top:70px}
@media(max-width:760px){
  .finder-page .page-title{font-size:32px}
  .finder-page .finder-tabs{gap:20px}
  .finder-page .finder-tabs button{font-size:15px}
  .finder-page .choice-list a{height:64px;font-size:19px}
}

/* ============================================================
   AJUSTES ESPECÍFICOS DE WORDPRESS
   ============================================================ */
.empty-msg{max-width:1010px;margin:40px auto;padding:0 24px;text-align:center;font-size:17px;color:var(--navy)}
.search-count{text-align:center;margin-top:26px;font-size:15px;color:var(--navy)}
.finder-page .prod-grid{margin-top:56px}
.product-block .desc p + p{margin-top:14px}
.prod-card .ph img{max-height:100%;width:auto;height:auto;max-width:100%;object-fit:contain}
.product-block .frame img{max-height:100%;width:auto;height:auto;max-width:100%;object-fit:contain}
.generic-page{padding:70px 0 90px}
.generic-page .page-content{max-width:900px;margin:40px auto 0;font-size:16px;line-height:1.65}
.generic-page .page-content p + p{margin-top:16px}
.contact-form .wpcf7 label{display:block;font-size:13px;font-weight:700;margin:0 0 6px}
.contact-form .wpcf7 p{margin-bottom:18px}
.contact-form .wpcf7-submit{display:inline-block;background:var(--navy);color:var(--white);font-size:14.5px;padding:9px 24px;border-radius:999px;border:0;cursor:pointer}
#wpadminbar{position:fixed!important}

/* Botón de descarga del catálogo PDF */
.catalogo-pdf{display:flex;justify-content:center;margin-top:72px}
.btn-pdf{display:inline-flex;align-items:center;gap:10px;font-size:15.5px;padding:12px 30px}
.btn-pdf svg{width:20px;height:20px}

/* Flechas del slider de marcas (home) */
.brands-slider .slider-arrow{top:44%}
.brands-slider .slider-arrow svg{stroke:var(--navy);filter:none}
.brands-slider .slider-arrow.prev{left:22px}
.brands-slider .slider-arrow.next{right:22px}
.brands-slider .slider-arrow:hover svg{stroke:var(--blue)}
@media(max-width:860px){
  .brands-slider .slider-arrow{display:none}
}

/* Formulario de contacto: avisos y honeypot */
.form-notice{padding:14px 18px;border-radius:12px;font-size:15px;margin-bottom:22px}
.form-notice--ok{background:#e8f4ec;color:#1e5c34;border:1px solid #bfe0cb}
.form-notice--error{background:#fdeceb;color:#8a2320;border:1px solid #f3c8c5}
.cm-hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;overflow:hidden}